Améliorez les performances de vos pages

Recommandations google

Google recommande plusieurs actions :

  • Éliminer les CSS et Js bloquant l’affichage.
  • Chargement asynchrone et différé des JS
  • CSS critique et média-queries.

Bonne pratique serveur

Pour un affichage rapide de vos pages, votre serveur doit appliquer certaines bonnes pratiques.

  • Configuration HTACCESS.
  • Utilisation des CDN.
  • Mise en cache des ressources et des pages.

Analyser les performances

Pour savoir quelle mesure mettre en oeuvre en premier, vous devez analyser vos pages grâces aux outils d’audit proposer par google idéalement, ou d’autres prestataires.

Ne négligez pas les temps de chargement, plus de la moitiés des internautes utilisent leurs mobiles pour naviguer.
Les performances de vos pages, impactent directement le référencement de votre site.

Recommandations Google : Avec 95% de part de marché, les désirs de sa majesté font lois.

Structure HTML

Appelez efficacement les ressources sur vos pages. Limitez les extensions, plugins et autres Framework pesant.
Un site esthétique est plaisant, mais être visible sur un maximum de support, tout en étant bien positionné sur les moteurs de recherche, c'est la fonction première d'un site internet !



CSS critique

Google recommande de charger le css à la fin de la balise , mais il exigent aussi que le css soit chargé pour un affichage rapide...
La solution c'est le CSS-critique. Dans le principe on divise le CSS en chargeant les règles nécessaires à l'affichage dans le afin de différer le reste à la fin du

Chargement différé et asynchrone

Certaines de vos ressources nécessiterons d'être chargé tôt sur vos pages, pour éviter le blocage de la page vous devez utiliser le chargement asynchrone qui permet de continuer le chargement de la page, avant la fin du téléchargement de la ressource.

Configuration du serveur avec .HTACCESS

Ce fichier permet de définir ou de modifier les interactions entre le serveur et le navigateur.

Il permet entre autre, de réécrire les URL pour les rendre intelligible, de définir la durée de validité des ressources afin de les conserver dans le cache et aussi de compresser les transfert de données, afin vous l’aurez deviné de réduire les temps de chargements.

Configuration du fichier .HTACCESS

Utiliser un CDN !

Un Content Delivery Network, permet de stocker les ressources statiques de vos pages, en les hébergeant sur des serveurs afin de les servir plus rapidement.

Le gain de performance est réel, revers de la médaille les services efficaces sont payant.

Gtmetrix

Contrairement à l’outil de Google, Gtmetrix et bien plus fourni quand aux résultats de ses analyses. Un outils particulièrement efficace pour identifier avec précision les ressources impactant négativement la rapidité de vos pages.

Gtmetrix

TestMySiteByGoogle

Premier des outils et sans aucun doute le plus important, car il est édité par Google.

Il estime la quantité de trafic perdu à cause de la vitesse de votre site.

 

TestMySiteByGoogle

PingDom

Plus lisible que Gtmetrix, Pingdom fourni un rapport détaillé et un résumé qui va à l’essentiel.

Pingdom Tools
© 2018 Occitaweb formation WordPress et média sociaux