OPTIMISATION DE LA VITESSE DES PAGES 

Améliorez la vitesse de votre site pour un bon classement les résultats des moteurs de recherche

Les professionnels utilisent de plus en plus les sites pour rendre visible leur entreprise, attirer une clientèle de qualité et les fidéliser. La vitesse des pages est un point très important  dans le référencement d’un site . Il est important d’optimiser la vitesse des pages de son site web. Cependant c’est un travail plutôt complexe qui demande des connaissances très techniques.Pour vous améliorer vous devez connaître les facteurs les plus important sur la vitesse des pages. 

Quelques sont les problèmes susceptibles de ralentir votre site et comment améliorer son chargement ?

Les problèmes qui pourraient ralentir votre site 

1. Les images; les grandes images sont les principales coupables de la lenteur du chargement des pages web.
2. L’hébergement 
3. Les plugins, les application et les widgets, essentiellement toutes sortes de script 
4. Le thème et tous les fichiers volumineux
5. Redirection, le nombre de sauts nécessaires pour accéder à une page web sera à l’origine du ralentissement 
6. JavaScript

Nous allons maintenant voir comment améliorer la vitesse du chargement.

Comment améliorer le chargement ?

• HTTP 2

HTTP 2 est capable d’accélérer la vitesse du chargement. Pour savoir dans quelle mesure, vous devez le trier et le tester

• Pre Connexion, pré-lecture, précharge

Ils sont important pour accélérer un site web. Google le le fait sur les SERPs. Si vous inspectez quelque chose vous pouvez voir Google prélire certes des URL dans le but qu’il vous soit plus rapide de cliquer si vous le voulez. Alors le faire aussi sur votre site permettra de charger et d’accélérer ce processus.

• Activer la mise en cache et utilisez un réseau de diffusion de contenu (CDN)

La mise en cache est très importante. Faites des recherches et assurez vous que tout est bien configuré, la CDN également.

• Compresser les images   

Le moyen le plus simple et rapide d’accélérer votre site est compresser les images. Il existe de nombreux outils gratuit pour le faire, par exemple Optimizilla. Vous pouvez aussi utiliser les outils sur votre ordinateur enregistré pour le web compresser.

• Réduire les ressources

Il est bon de savoir ce que font la minification, le regroupement et la compression pour que vous aillez certaines de ces conversations plus techniques avec les développeurs ou d’autres personnes travaillant sur le site. C’un aperçu de haut niveau de la vitesse des pages.

 

Outils et ressources de vitesse de page

• Rapport d’expérience utilisateur chrome

Ce sont les statistiques de l’utilisateur réel de chrome. Il est disponible seulement pour les sites web importants et populaires. Mais vous obtenez de très bonnes données. Il est hébergé sur BigQuery. Il est donc nécessaire d’avoir des connaissances sur SQL.

• Phare

Si vous êtes sur une page web et que vous cliquez sur inspecter l’élément et que vous ouvrez chrome Dev Tools, dans l’onglet à l’extrême droite où il est écrit Audit, vous pouvez exécuter un rapport Lighthouse directement dans votre navigateur. Il vous donne des exemple très précis et des correctifs que vous pouvez faire.

• Page Speed Insights 

Page Speed Insights ont intégrez le rapport d’expérience utilisateur chrome. Cependant cela n’aura aucun effet sur votre site si vous ne faites pas partie des grands sites. Il va noter votre site en fonction de sa configuration et y apporter des commentaires.  

Mesure de vitesse du site

Nous allons voir certaines des mesures :

• La première peinture

C’est la première peinture non vierge sur l’écran. Il pourrait être le premier changement de pixel. Ce changement initial est considéré comme la première peinture

• La première peinture contentieuse

La première peinture satisfaisante est lorsque le premier contenu apparaît. Cela peut faire parti de la navigation ou de la barre de recherche.

• La première peinture significative

La première peinture significative est lorsque le contenu principal est visible.

• Contenu DOM chargé

C’est lorsque le HTML est totalement chargé et analysé. Il y en de très bon à surveiller et à connaître en général.