1.1 Cache du navigateur

Les navigateurs mettent en cache certains fichiers afin d'accélérer le chargement des pages Web.

Ceci peut vous causer des soucis pendant le développement du site, notamment lorsque vous modifiez un fichier .css, un fichier .js, le favicon ou une image.

Le rafraîchissement d'une page Web peut se faire de différentes façons.

Rafraîchissement de base

Lors d'un rafraîchissement de base, le navigateur rafraîchit la page mais les fichiers mis en cache ne seront rafraîchis que si leur date est plus récente que celle en cache.

Pour effectuer un rafraîchissement de base, effectuez l'une des ces actions :

• Cliquez sur l'icône de rafraîchissement
  ou
• Sous Windows, actualisez l'écran à l'aide de F5 ou Ctrl+R 
  ou
• Sous Mac, actualisez l'écran à l'aide de ⌘ Cmd+R 

Actualisation forcée

Lors d'une actualisation forcée, aussi appelé rafraîchissement forcé (en anglais : hard refresh), le cache est rafraîchi même si la date de modification du fichier n'est pas plus récente que la version en cache.

Pour effectuer un rafraîchissement forcé, effectuez l'une de ces actions :

• Sous Windows, cliquez sur Maj+F5 ou Ctrl + F5 ou Ctrl+Maj+R 
  ou
• Sous Mac, cliquez sur ⌘ Command+⇧ Maj+R

Actualisation forcée avec vidange du cache

Ceci sera utile pour assurer un rechargement des fichiers chargés via JavaScript après le chargement inital de la page.

Pour y arriver :

• Faites afficher les outils de développement de Chrome (F12 sous Windows ou ⌘ Cmd+⌥ Option+I sous Mac)
• Effectuez un clic droit sur l'icône de rafraîchissement. Une option supplémentaire y est présentée : Vider le cache et effectuer une actualisation forcée.

  

Pour plus d'information

« What's the difference between “Normal Reload”, “Hard Reload”, and “Empty Cache and Hard Reload” in Chrome?  ». StackOverflow. https://stackoverflow.com/a/14969509