Maîtrisez le chargement des ressources
Pour un affichage rapide, vous devez comprendre le chargement des ressources sur vos pages.
Afin de choisir efficacement les méthodes de téléchargement de ces derniéres.
Optimisez vos images
Les images sont indispensables, la qualité est nécessaire, mais vous devez vous soucier des temps de chargement.
Vous devez utiliser un format et des dimensions adaptés.
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.
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.
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.
PingDom
Plus lisible que Gtmetrix, Pingdom fourni un rapport détaillé et un résumé qui va à l’essentiel.