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.
- 1. Problèmes d'espacement HTML et CSS
- 2. HTML et la programmation CSS
- 3. Emballage et compression C/C++
- 4. Lien en pleine div - html et css
- 5. forme html et valeurs css supérieures négatives
- 6. HTML 5 avec sockets CSS 3 et HTML 5
- 7. L'animation de l'image s'arrête sur la minimisation et la restauration
- 8. Fond et CSS Floats
- 9. php comprennent: ms mot généré fichier html et ordures css
- 10. JavaScript et CSS
- 11. Emballage et déploiement de solutions .net Compact Framework
- 12. Performances d'analyse Javascript et CSS
- 13. Détails Voir et Conformité CSS
- 14. Formulaires et questions CSS
- 15. HTML, CSS Modifier
- 16. Classes et sous-classes CSS
- 17. HTML, CSS - classes, Editeurs
- 18. Problèmes Parallel CodeIgniter et HTML statique et htaccess
- 19. HTML COUCHES CSS
- 20. Solution pratique pour centrer verticalement et horizontalement en HTML qui fonctionne dans FF, IE6 et IE7
- 21. cercle emballage - java
- 22. HTML CSS ajoutant une ligne supprime css
- 23. Problème d'ombre CSS/HTML
- 24. HTML CSS LI Wrapping
- 25. IE 8 curseur div et css
- 26. iframes HTML et javascript
- 27. jQuery textbox et html
- 28. Silverlight et HTML DOM
- 29. tête css fixe et flottant contenu
- 30. Travailler avec DIV et CSS
Merci. On dirait que la bonne direction. –