web-dev-qa-db-fra.com

Google Chrome audit: les ressources ne sont-elles pas explicitement cachables?

Si je lance un audit Google Chrome sur un site, il répertorie tous les fichiers CSS, PNG, JPG, JS et même le domaine principal (c'est-à-dire www.example.com) sous l'en-tête:

Tirer parti de la mise en cache du navigateur

  • Les ressources suivantes ne sont pas explicitement cachables. Pensez à les rendre en cache si possible

Est-ce que les fonctionnalités dans le . Htaccess du passe-partout HTML5 aideront à résoudre ce problème?

Si non, quelle est la meilleure façon d'aborder cela?

htaccesscachehttp-headersgoogle-chromeresources
3
Baumr

Oui, le lien HTML5 Boilerplate contient les informations .htaccess pour le faire passer en cache.

Simplement passer que vous venez de rendre vos images, js, css cacheables. Il n’est pas nécessaire d’utiliser la méthode standard, c’est-à-dire d’utiliser un réseau CDN avec vos fichiers en utilisant un réglage de 2 semaines TTL.

Un autre extrait de code qui fonctionnera avec Apache ressemble à

ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/x-icon "access plus 2592000 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 86400 seconds"
ExpiresByType application/x-javascript "access plus 86400 seconds"

Je recommande des images 4 semaines puisque ce n'est pas souvent votre changement, 2 semaines pour JS et 72 heures pour CSS, mais c'est un choix personnel.

2
Simon Hayter