• 10 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 29/10/2021

Entraînez-vous en allégeant une page web et en paramétrant le cache navigateur

À vous de jouer!

Vous venez de décrocher un poste en tant que SEO manager dans une PME appelée Spatial et vendant des photos de paysages prises par drone.

Landing page de spatial
Landing page de Spatial.

Après avoir rencontré l’équipe, la directrice Marketing, Jenna, vous explique que le designer et l’intégrateur viennent de terminer la v1 de la page d’accueil du site. Vous arrivez donc juste à temps pour travailler sur la refonte du site Internet. 👌

Vous téléchargez la page d'accueil et détectez d’un rapide coup d’oeil que la page “index.html” a l’air très lente.

Vous notez également que le site web sera hébergé sur un serveur dédié Apache. Vous profitez de cette première tâche pour être proactif et préparer le fichier .htaccess.

À vous de jouer pour améliorer la vitesse du site ! Voici donc tout ce que vous devez faire :

  • optimiser les images qui le nécessitent ;

  • minifier les ressources ;

  • débloquer le téléchargement de la page ;

  • préparer le fichier .htaccess ;

  • activer la compression Gzip ;

  • paramétrer le cache navigateur.

Vérifiez votre travail

Vérifiez que votre fichier est conforme avec tous les éléments suivants :

  • les images dans les ronds en bas de page ont été mises à la bonne taille et compressées ;

  • les fichiers JS et CSS sont minifiés ;

  • les fichiers JS sont appelés avec une méthode defer ou async ;

  • le fichier .htaccess contient bien l’activation de la compression Gzip ;

  • le fichier .htaccess contient bien le paramétrage des en-têtes Cache-Control et Expires ;

  • le fichier .htaccess est valide (vous pouvez le vérifier avec http://www.htaccesscheck.com/ par exemple).

Vous pouvez vous référer à ce corrigé si besoin. 

Et si vous obteniez un diplôme OpenClassrooms ?
  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel
Trouvez la formation et le financement faits pour vous
Exemple de certificat de réussite
Exemple de certificat de réussite