Netlify est l'invalidation du cache pour vous

Cette fonctionnalité de Netlify est l'une de mes fonctionnalités préférées. Supposons que vous développez un site Web et que vous avez changé une ressource, telle que CSS, JavaScript ou des fichiers image. Vous savez, tout comme nous le faisons tous les jours. Sur Netlify, vous n'avez pas besoin de considérer comment cela affectera le déploiement, le navigateur et le cache. Netlify gérera tout cela pour vous.

Netlify appelle cette panne de cache instantanée et fait partie de "Rocket Fuel" de Netlify.

Dans tous les sites non réprimandés, je dois considérer cela (haine). Si vous regardez le code source de ce site Web, vous verrez un lien de feuille de style comme ceci:

 <code><link href="https://css-tricks.com/wp-content/themes/CSS-Tricks-17/style.css?cache_bust=1594590986788" rel="stylesheet"></code>

Avez-vous vu la partie ?cache_bust= à la fin? Ce ne sont que des caractères dénués de sens que j'ajoute manuellement à l'URL (en fonction de Date() ), de sorte que lorsque j'appuie les modifications du fichier, il casse le CDN et le cache du navigateur de l'utilisateur en même temps, et ils obtiennent le nouveau fichier. Si je ne fais pas cela, mes modifications ne seront visibles que si tous les caches expirent ou sont supprimés manuellement par l'utilisateur, ce qui ... est nul. Je peux réparer l'erreur! Ou publiez de nouvelles fonctionnalités! Ceci est particulièrement mauvais car le CSS peut être utilisé en conjonction avec certains HTML qui sont moins agressifs dans la mise en cache et peuvent provoquer une inadéquation du HTML avec le CSS attendu.

Certains des sites que j'ai impliqués ont besoin que je change manuellement ce cache car je suis trop paresseux pour l'automatiser. Normalement, je l'automatise. J'ai récemment partagé mon gulpfile manuscrit, dont une partie gère cette autorisation de cache. L'écriture, le maintien et l'utiliser pendant le développement nécessitent des efforts. Vous pouvez même lire les commentaires pour le message et voir les stratégies que les autres font de même, qui sont différentes des miennes. Tout le monde fait l'autorisation du cache.

Ce n'est pas nécessaire sur Netlify.

De même, vous modifiez la ressource, le téléchargez et Netlify saura qu'il a changé et effectuez toutes les opérations de compensation de cache pour vous. Ainsi, votre feuille de style peut être liée comme ceci:

<code><link href="%E6%97%A0%E9%9C%80%E6%8B%85%E5%BF%83.css" rel="stylesheet"></code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!