Quelles sont les meilleures pratiques pour la minimisation CSS/HTML? Je suis à la recherche d'outils côté serveur pour sécuriser l'interaction avec le navigateur.Emballage et minimisation HTML et CSS
Répondre
Jetez un oeil à YUI Compressor
La compression GZip est assez standard et fait un excellent travail.
Pouvez-vous me donner une indication quant à la façon dont je l'ajoute à mon projet? –
dépend de ce que vous utilisez pour une installation, mais voici quelques connaissances générales et la configuration de celui-ci. http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/ – Ryan
minifying CSS et Javascript peut vous aider. L'utilisation de sprites css pour des images graphiques comme des backgounds, des icônes et autres réduit le nombre de requêtes sur le serveur.
Merci. Vous utilisez déjà des sprites CSS. Je parlais du code lui-même. –
Le meilleur outil est probablement la compression côté serveur. Vous pouvez l'activer globalement dans Apache en utilisant mod_deflate. Assurez-vous mod_deflate est chargé, et coller ce dans le fond de votre fichier httpd.conf:
# mod_deflate for server-wide output compression.
SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
#Header append Vary User-Agent env=!dont-vary
Tout le contenu statique et dynamique sera ensuite DONNÉ comprimé aux navigateurs qui le supportent.
D'autres serveurs Web modernes prendront également en charge cette fonctionnalité. Je suis sûr que vous devriez jeter un oeil à leur documentation pour savoir comment l'activer.
C'est * exactement * ce que je cherchais. Merci. –
J'utilise HTML Tidy et YUI Compressor.
L'outil Pretty Diff peut réduire le code HTML contenant du code CSS et/ou JavaScript.
Merci. On dirait que la bonne direction. –