Comment puis-je utiliser la compression gzip .css et .js fichiers sur mon site web?
J'ai été peiné pendant des jours pour obtenir une compression gzip de travail sur les sites que j'ai sur mon serveur d'hébergement mutualisé. J'ai eu un certain niveau de succès, mais malheureusement .css et .js fichiers ne sont pas, malgré tous mes efforts. Depuis que je suis à l'aide de l'hébergement mutualisé, je n'ai pas accès au fichier de configuration d'apache, j'ai donc eu recours à l'aide de mon .fichier htaccess pour atteindre cet objectif.
Le site que je suis en train de travailler sur Pic De Chaleur, l'exécution de WordPress, et au-dessous de est le .haccess fichier que j'utilise:
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/js
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 week"
</IfModule>
## EXPIRES CACHING ##
<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary Accept-Encoding
</FilesMatch>
</IfModule>
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
Quand j'ai consulter le site à l'aide de Firebug v1.8.3 avec Google PageSpeed v1.12, il montre que les fichiers suivants n'ont pas été compressé:
/wp-includes/js/jquery/jquery.js?ver=1.6.1
/wp-content/themes/peak-heat/script/global.js
/wp-content/plugins/contact-form-7/jquery.forme.js?ver=2.52
/wp-content/themes/pic-de la chaleur/de style.css
/wp-content/plugins/contact-form-7/scripts.js?ver=3.0
/wp-content/plugins/contact-form-7/les styles.css?ver=3.0
/wp-content/plugins/témoignages-widget/témoignages-widget.css
La vérification de l'URL du site web lui-même avec le en ligne GIDZipTest site, il confirme que la compression est activée, mais quand je coche au-dessus .css et .js fichiers, il est dit qu'ils ne sont pas compressés.
Que puis-je faire pour inclure tous .css et .js fichiers lors de la compression de mon site?
.htaccess
fichiers/règles qui correspondent à ces fichiers?Sont code html, des fichiers compressés?
W - je viens de vérifier par le biais de tous les sous-dossiers. Il n'y a pas d'autres .htaccess sur le site.
Oui, HTML fichiers sont compressés.
Pouvez-vous/avez-vous ajouté la même .fichier htaccess comme un test pour votre
/wp-content/themes/peak-heat/
répertoire pour voir si les styles.css viendra en comprimé?
OriginalL'auteur zxon | 2011-10-09
Vous devez vous connecter pour publier un commentaire.
AddOutputFilterByType DEFLATE text/css
définit la compression pourdeflate
, pasgzip
, afin de l'utiliserfilesMatch
et définir laContent-Encoding
en-tête dex-deflate
:Si cela échoue, décommentez la
compress
ligne et de commenter lesx-deflate
ligne. gzip n'est pas partie de la norme de l'installation d'Apache, pour installer le module gzip si dégonfler n'est pas suffisant. En dernier recours, créer gzippé versions de vos les fichiers CSS et JS.Cela a fonctionné pour moi 🙂 Une question, Est-il possible de compresser des fichiers externes? Google en disant: "cdn1.livechat.com/mife.js" pourrait sauver 14kb, mais c'est un fichier externe. Aucune idée de comment le charger comprimé?
Si vous avez besoin de compresser des fichiers externes, il y a quelques similaire questions qui couvrent, mais c'est CA spécifiques.
Sweatte: Lorsque j'ai utilisé ce code dans le .fichier htaccess puis css & js ne se charge pas sur le DOM. Avez-vous une autre façon de compresser le js & css fichiers ?
Il y a un lien à la fin de la réponse avec une autre approche.
OriginalL'auteur Paul Sweatte
Je pense que vous êtes absent
AddOutputFilterByType DEFLATE text/javascript
. L'ajout qui a résolu le problème pour moi.OriginalL'auteur Nandan Sawant