Qu’est-ce que Ctrl+Shift+R?
Ctrl+Shift+R est un raccourci clavier utilisé pour effectuer un rechargement dur d’une page web dans Google chrome.
Mais qu’est-ce qu’un « Hard Reload » exactement ?
Pour comprendre le « Hard Refresh », vous devez d’abord comprendre ce qui se passe lors d’un « Normal Reload ».
Le « Rechargement normal » est effectué dans une page web chargée dans un navigateur comme chrome en appuyant sur le bouton de rechargement dans le coin supérieur gauche du navigateur à côté du bouton arrière &avant ou en appuyant sur le raccourci clavier Ctrl+R ou en utilisant la touche de fonction f5.
Lorsqu’un « Rechargement normal » est effectué le navigateur utilisera les copies en cache des fichiers statiques(CSS, javascript, images, fichiers texte) de la page web qui ont été téléchargés lors du premier événement de chargement de cette page web. L’idée est que le navigateur essaie d’éviter de retélécharger ces fichiers statiques de la page web pour rendre le chargement de la page plus rapide.
Si toutefois, nous voulons forcer le navigateur à recharger chaque css, javascript, images et tout autre actif de la page web et essentiellement négliger les copies en cache de ces fichiers, alors nous pouvons y parvenir en effectuant un « Rechargement dur » en utilisant les combinaisons de touches clavier suivantes :
Ctrl+Shift+R ou Shift+f5
Alors, pourquoi avons-nous besoin d’un « Rechargement dur » ?
La mise en cache du navigateur est un cauchemar, surtout pendant le développement, lorsque vous apportez constamment des modifications à la page web et que vous regardez la sortie dans le navigateur. Ainsi, si vous venez d’apporter une modification à un fichier CSS et que vous avez effectué un rafraîchissement du navigateur sur votre page web, il y a de fortes chances que vous ne voyiez pas la modification apportée à la feuille de style car le navigateur utilise toujours la version en cache de votre fichier CSS et non la version mise à jour. Vous devrez donc effectuer un « Hard Reload »
Empty cache and hard reload – La 3e option de rechargement dans Googe Chrome
Google Chrome prend en charge une 3e option de rechargement appelée « Empty Cache and Hard Reload ». Ce que cela fait, c’est qu’il vide d’abord le cache du navigateur & puis effectue un rechargement dur.
Pour afficher cette option, vous devrez d’abord ouvrir les outils de développement du navigateur avec le raccourci clavier F12, car c’est un prérequis pour cela. Ensuite, faites un clic droit sur le bouton de rechargement pour afficher le menu de rechargement.
Vous vous demandez peut-être à quoi sert de vider le cache du navigateur avant d’effectuer un rechargement dur. La raison pour laquelle cela existe est qu’il existe des situations où les pages Web peuvent télécharger le contenu supplémentaire en utilisant JavaScript ou d’autres moyens qui ne font pas partie du processus de chargement initial de la page. Ces ressources peuvent être mises en cache et, par conséquent, être chargées à partir du cache même si vous effectuez un rechargement complet. Cette méthode prend en compte les situations de ce type.