Levier de mise en cache du navigateur, comment apache ou .htaccess?

Quoi faire ici? J'ai une énorme liste de fichiers que Google Page Speed, dit "effet de Levier de mise en Cache du Navigateur".. mais je ne sais pas comment? Dois-je mess ou de modifier le fichier de configuration d'Apache (ci-dessous) ou dois-je mettre quelque chose dans mon .htaccess page?

 <IfModule mod_proxy.c>
        ProxyRequests Off
        CacheRoot "/var/run/proxy"
        CacheSize 1024
        CacheGcInterval 24
    #CacheMaxExpire 24
    #CacheLastModifiedFactor 0.1
    #CacheDefaultExpire 1
    #NoCache a_domain.com another_domain.edu joes.garage_sale.com
        <Directory "disabled_proxy">
            Allow from example.com
            Deny from all
            Order Deny,Allow
        </Directory>
    </IfModule>
    ##
    #### mod_expires is configured so that all static files but images
    #### expire after 60 seconds. Any response that has a life span of more
    #### than 5 seconds (see webperfcache.conf) will be cached by webperfcache.
    #### Make sure your CGIs return a "Cache-Control: no-cache" header if you
    #### elect to make your dynamically generated HTML pages not cache-able.
    #### If all your HTML pages are static you may also increase ExpiresDefault.

    <IfModule mod_expires.c>
        ExpiresActive On
        ExpiresDefault A60
        ExpiresByType image/bmp A3600
        ExpiresByType image/gif A3600
        ExpiresByType image/ief A3600
        ExpiresByType image/jpeg A3600
        ExpiresByType image/png A3600
        ExpiresByType image/tiff A3600
        ExpiresByType image/x-cmu-raster A3600
        ExpiresByType image/x-portable-anymap A3600
        ExpiresByType image/x-portable-bitmap A3600
        ExpiresByType image/x-portable-graymap A3600
        ExpiresByType image/x-portable-pixmap A3600
        ExpiresByType image/x-rgb  A3600
        ExpiresByType image/x-xbitmap A3600
        ExpiresByType image/x-xpixmap A3600
        ExpiresByType image/x-xwindowdump A3600
        ExpiresByType audio/basic A3600
        ExpiresByType audio/midi A3600
        ExpiresByType audio/mpeg A3600
        ExpiresByType audio/x-aiff A3600
        ExpiresByType audio/x-pn-realaudio A3600
        ExpiresByType audio/x-pn-realaudio-plugin A3600
        ExpiresByType audio/x-realaudio A3600
        ExpiresByType audio/x-wav A3600
        ExpiresByType video/mpeg A3600
        ExpiresByType video/quicktime A3600
        ExpiresByType video/x-msvideo A3600
        ExpiresByType video/x-sgi-movie A3600
    </IfModule>
InformationsquelleAutor eberswine | 2011-07-29
  1. 41

    J'ai fait la même chose il y a quelques jours. Ajouté ça à mes .htaccess:

    ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/png A2592000
ExpiresByType image/x-icon A2592000
ExpiresByType text/css A86400
ExpiresByType text/javascript A86400
ExpiresByType application/x-shockwave-flash A2592000
#
<FilesMatch "\.(gif¦jpe?g¦png¦ico¦css¦js¦swf)$">
Header set Cache-Control "public"
</FilesMatch>

    Et maintenant quand je lance google page speed, l'effet de levier browwer la mise en cache n'est plus une priorité.

    Espère que cette aide.

    • vérifiez votre code, j'ai eu une erreur interne du serveur à l'aide de votre code
    • vérifiez votre serveur, avez-vous activé mod_headers.c et mod_expires.c ?
    • J'ai un problème dans CakePHP, mais ce n'est pas une solution pour tous les fichiers: stackoverflow.com/questions/18927604/...
    • Ex: j'ai mis ExpiresByType image/jpg "accès 1 an", cela signifie que jusqu'à un an, tout mon site JPG vous permettra de charger à partir du cache , non? Mais si je change tout fichier JPG alors qu'il réfléchit comme nouveau dans mon site? ou il va charger vieille image jusqu'à 1 an à partir du cache?
    • oui, c'est correct. Vous pouvez utiliser "accès à plus de 1 an", vous pouvez aussi ajouter d'autres paramètres à "Header set Cache-Control" pour plus de contrôle sur la mise en cache/expire.
    • merci mon pote..:)
    • ¦ pas correct, code correct

    InformationsquelleAutor Adam MacDonald
  2. 92

    J'ai pris ma chance pour offrir une gamme complète .htaccess code pour passer sur Google PageSpeed Insight:

    1. Activer la compression
    2. Effet de levier de mise en cache du navigateur
    # Enable Compression
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
</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>
# Leverage Browser 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 text/html "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 month"
</IfModule>
<IfModule mod_headers.c>
<filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
Header set Cache-Control "max-age=2678400, public"
</filesmatch>
<filesmatch "\.(html|htm)$">
Header set Cache-Control "max-age=7200, private, must-revalidate"
</filesmatch>
<filesmatch "\.(pdf)$">
Header set Cache-Control "max-age=86400, public"
</filesmatch>
<filesmatch "\.(js)$">
Header set Cache-Control "max-age=2678400, private"
</filesmatch>
</IfModule>

    Il y a aussi certaines configurations pour différents serveurs web voir ici.

    Espérons que cela permettrait d'obtenir le score de 100/100.

    Levier de mise en cache du navigateur, comment apache ou .htaccess?

    • J'ai pensé mod_headers et mod_expires faire la même chose avec les différentes options et un seul doit être utilisé. ai-je raté quelque chose ?
    • Merci pour le partage @hyip
    • Vous êtes le ROCKSTAR !!!
    • gtmetrix encore me montre pour activer la compression gzip à l'aide de votre code. Pour moi cela fonctionne AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript.
    InformationsquelleAutor Chetabahana
  3. 38

    C'est ce que j'utilise pour les en-têtes de contrôle/mise en cache, je ne suis pas un Apache pro, alors laissez-moi savoir si il ya de la place pour de l'amélioration, mais je sais que cela fonctionne bien sur tous mes sites pendant un certain temps maintenant.

    Mod_expires

    http://httpd.apache.org/docs/2.2/mod/mod_expires.html

    Ce module permet de contrôler le réglage de l'en-tête HTTP Expires et la directive max-age du Cache-Control en-tête HTTP dans les réponses du serveur. La date d'expiration peut être définie soit par rapport à la date de la source dernière modification du fichier, ou pour le temps d'accès du client.

    Ces en-têtes HTTP sont d'une instruction pour le client sur le document de la validité et de la persistance. Si le cache, le document peut être récupérée à partir de la mémoire cache plutôt que de partir de la source jusqu'à ce que le temps a passé. Après cela, le cache de copie est considérée comme "expiré" et non valides, et une copie doit être obtenu à partir de la source.

    # BEGIN Expires
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
</ifModule>
# END Expires

    Mod_headers

    http://httpd.apache.org/docs/2.2/mod/mod_headers.html

    Ce module fournit des directives pour contrôler et modifier la requête HTTP et en-têtes de réponse. Les en-têtes peuvent être fusionnées, remplacés ou supprimés.

    # BEGIN Caching
<ifModule mod_headers.c>
<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "max-age=216000, private"
</filesMatch>
<filesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=216000, public, must-revalidate"
</filesMatch>
<filesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=1, private, must-revalidate"
</filesMatch>
</ifModule>
# END Caching
    • N'oubliez pas d'activer mod_headers et mod_expires, vous pouvez le faire en cours d'exécution a2enmod rewrite et a2enmod les en-têtes commandes
    • Pourquoi avez-vous d'inclure la double barre oblique dans les regexes (\\....)? Il serait correct d'utiliser une seule, par exemple <FilesMatch "\.(gif|jpe?g|png)$"> (exemple copiée mot pour mot à partir de la FilesMatch docs.
    • Je ne sais pas pourquoi je l'ai fait @QuinnComendant, merci pour la capture, j'ai mis à jour le post pour refléter la syntaxe correcte. Semble fonctionner très bien avec les deux, mais toujours plus pratique d'avoir la bonne syntaxe.
    InformationsquelleAutor Trae Abell
  4. 7

    Nous avons besoin d'abord de vérifier si on a activé mod_headers.c et mod_expires.c.

    sudo apache2 -l

    Si nous ne l'avons pas, nous avons besoin afin de leur permettre

    sudo a2enmod headers

    Alors nous avons besoin de redémarrer apache

    sudo apache2 restart

    Enfin, ajoutez les règles sur .htaccess (vu sur d'autres réponses), par exemple

    ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/png A2592000
ExpiresByType image/x-icon A2592000
ExpiresByType text/css A86400
ExpiresByType text/javascript A86400
ExpiresByType application/x-shockwave-flash A2592000
#
<FilesMatch "\.(gif|jpe?g|png|ico|css|js|swf)$">
Header set Cache-Control "public"
</FilesMatch>
    • <FilesMatch "\.(gif¦jpe?g¦png¦ico¦css¦js¦swf)$"> Header set Cache-Control "public" </FilesMatch mayt-être tort de montrer l'erreur 500
    • Je ne sais pas..... il a été | et maintenant ¦ .... Édité... tnks
    InformationsquelleAutor PJunior