Cours / Tuto / Formation

Optimiser son site web grâce à l’exploitation du cache via 3Vision-Group

Publié par La redaction

Introduction

Lors de l’ouverture d’une page Web, le navigateur doit télécharger tout le contenu (HTML, CSS, Javascript, images). Le chargement d’un gros site Web peut être compliqué sur une connexion lente (ou sur téléphone). Chaque fichier fait une demande distincte au serveur et plus le serveur reçoit de requêtes en même temps plus il a besoin de travail. Ce qui peut entraîner un chargement plus long. Nous allons donc exploiter la mise en cache du navigateur.

La mise en cache du navigateur peut aider à stocker les fichiers sur le navigateur de l’utilisateur. Lorsque vous visitez le site Web pour la première fois, il prendra le même temps que d’habitude pour charger. Cependant, lorsque ce même utilisateur revient sur le site, ou va sur une autre page de votre site, ils aura déjà certains des fichiers de votre site stockés sur leur ordinateur. Cela signifie que le navigateur de l’utilisateur doit télécharger moins de données et faire moins de demandes au serveur. Cela entraîne une diminution des temps de chargement de la page.

Sommaire

  • Ce dont vous aurez besoin
  • Étape 1 – Édition du fichier .htaccess
  • Étape 2 – Test de la mise en cache du navigateur
  • Conclusion

Ce dont vous aurez besoin

Avant d’exploiter la mise en cache du navigateur, assurez vous d’avoir les éléments suivants:

  • Accès au fichier .htaccess

Étape 1 – Édition du fichier .htaccess

La manip est vraiment simple. Le code suivant doit être ajouté à votre fichier .htaccess (voici un guide pour savoir où est .htaccess):

## EXPIRES CACHING ##
 <IfModule mod_expires.c>
 ExpiresActive On
 ExpiresByType image/jpg "access plus 1 year"
 ExpiresByType image/jpeg "access plus 1 year"
 ExpiresByType image/gif "access plus 1 year"
 ExpiresByType image/png "access plus 1 year"
 ExpiresByType text/css "access plus 1 month"
 ExpiresByType application/pdf "access plus 1 month"
 ExpiresByType text/x-javascript "access plus 1 month"
 ExpiresByType application/x-shockwave-flash "access plus 1 month"
 ExpiresByType image/x-icon "access plus 1 year"
 ExpiresDefault "access plus 7 days"
 </IfModule>
 ## EXPIRES CACHING ##

Une fois les modifications enregistrées, la mise en cache du navigateur sera activée sur votre site Web.

Étape 2 – Test de la mise en cache du navigateur

La mise en cache du navigateur peut être testée avec différents outils, tels que WebPageTest ou GTMetrix

Voici les résultats AVANT d’activer la mise en cache du navigateur:

test de la mise en cache du navigateur

Voici les résultats APRES avoir activé la mise en cache du navigateur:

test de la mise en cache du navigateur réussi

Conclusion

Dans ce bref tutoriel, nous vous avons appris à augmenter les performances de votre site Web en activant la mise en cache du navigateur.

Tutoriels similaires :

 

J’espère vous avoir été utile. Nous nous reverrons dans un futur tutoriel ! 😉

Vous pouvez confiez la mise en place à l’agence web 3Vision-group

Lâchez commentaire sur Doingbuzz

Commentaires

Aujourd'hui nous mettons le cap sur l'application mobile. Télécharger l'application mobile en cliquant sur l'image :#doingbuzz

Intégrez les groupes Whatsapp ci-dessous selon vos pays de résidence pour recevoir en instantané toutes les offres d'emploi proches de chez vous.

- Bénin - Niger - Sénégal - Togo - Côte d'Ivoire - Cameroun -Pour les autres pays NB:Ces offres peuvent être bien utiles pour vous mais aussi pour vos proches donc n'hésitez pas à les partager aussi autour de vous.
Soyez pas avares? Parles en sur les réseaux sociaux !

A propos du rédacteur

La redaction

Premiers sur l'exclusivité et tout ce qui est sujet brûlant Culture · Cinéma . Interviews · Musique · Clips · Paroles · Emploi . People . Téléchargement etc..
Le web étant devenu un facteur incontournable dans la promotion d'un artiste et de ses oeuvres, s'incarne en projecteur sur la musique africaine en particulier et la culture africaine en général. Un projecteur qui extrapole sa lumière sur les actualités sportives et diverses pour plus de complexité. Une équipe homogène et dynamique assure le buzz comme nom l'indique. , l'exclu et le buzz sont ici!* Email: !

>