: 8 + 15 =

Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : Comment optimiser la rapidité de son site web

Comment optimiser la rapidité de son site web il y a 2 ans 9 mois #124

  • Abderrahim
  • Portrait de Abderrahim
  • Hors ligne
  • Administrator
  • Rankadmin
  • Messages : 138
  • Remerciements reçus 2
  • Karma: 1
Les 4 règles d'optimisation :
1/ Inclure les CSS s'ils ne sont pas trop lourds dans le code de la page (donc pas de link rel="stylesheet" dans le head).
2/ Optimiser vos images lors de leurs sauvegardes.
3/ Les codes du header, footer, sidebar, etc., doivent être placé dans le code de la page sans include.
4/ Tous les objets lourds comme les images (surtout les images) doivent être mis en cache dans votre htaccess

L'optimisation des images :
Pour que PageSpeed affiche un 100 / 100 il faut absolument optimiser vos images.
De mon coté j'utilise Gimp avec les paramètres ci-dessous lors de l'enregistrement d'une image en jpg
Qualité=80 - Sous-échantillonage=4:4:4 - Méthode DCT=Entier
Pour alléger encore plus vos images .jpg, ne pas enregistrer les EXIFS, les vignettes et les données XMP et ne pas cocher "Progressif" dans Gimp

La structure de la page (dans l'ordre) :
1/ Le DOCTYPE (<!DOCTYPE html>)
2/ La langue (<html lang="fr">)
3/ L'ouverture du head
4/ Les deux "style" (PC et Mobile)
5/ Le code de suivi GoogleAnalytics
6/ La fermeture du head
7/ L'ouverture du body
8/ Le code html et php
9/ La fermeture du body et du html

Mes 4 conseils :
1/ Placer les CSS dans le head, à noter que même si vous avez deux règles (l'une pour les PC et l'autre pour les mobiles), ça n'engendre pas d'erreur de validation.
2/ Eviter les includes.
3/ Optimiser la gestion du cache dans votre htaccess
4/ Inutile de mettre en cache le code html et css.

Evitez l'erreur de la ligne de flottaison :
Le fait d'inclure les CSS dans le code évite l'erreur d'affichage du contenu au-dessus de la ligne de flottaison.
En ce qui me concerne, l'intégralité des codes CSS (PC fixe et responsive design) ont été inclus dans le head.

Le cache :
Le cache permet d'indiquer au navigateur d'aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau, donc une rapidité d'ouverture bien plus rapide.
La date d'expiration indique la durée de vie de la mémoire cache.
Le code ci-dessous est à placer dans le fichier .htaccess à la racine du site.
Bien sur, vous pouvez modifier le nombre de seconds ou de jours.
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresDefault "access plus 604800 seconds" 
ExpiresByType text/html "access plus 604800 seconds" 
ExpiresByType image/jpg "access plus 604800 seconds" 
</IfModule>
L'administrateur a désactivé l'accès en écriture pour le public.
Temps de génération de la page : 0.184 secondes

Haut