Quelles sont les techniques pour optimiser la vitesse de chargement des pages ?

Réponse

C'est une question qui nécessite plusieurs pages de conseils, mais voici des premières pistes :

• réduire le poids de la page,
• gérer du cache côté serveur sur son CMS,
• regrouper les CSS et les minifier,
• regrouper les JS et les minifier et les charger de façon asynchrone,
• vérifier la taille et le poids des images, puis les compresser,
• activer la compression par le serveur,
• configurer les entêtes HTTP Expires,
• réduire le nombre de requêtes DNS en limitant le nombre de (noms de) domaines concernés par vos scripts et fichiers
• éviter les redirections (un lien interne doit pointer directement vers la bonne URL)

Nombreux conseils pour augmenter la vitesse de son site Internet

N'oubliez pas qu'on peut distinguer 2 temps (durées) :

1- Le temps de téléchargement d'un document (page HTML, fichier CSS ou JS, image, PDF, etc.) par un crawler, Googlebot par exemple.

C'est en gros le temps que le serveur réponde, génère le document (éventuellement en faisant des requêtes SQL et en exécutant des scripts côté serveur) et que ce dernier soit entièrement téléchargé. Si vous souhaitez un repère, essayez d'atteindre 200ms (maxi) et de ne pas dépasser 600ms.

Pour avoir de bonnes performances, je vous conseille ceci :

• ayez un serveur rapide (si c'est un mutualisé, il faut envisager un upgrade vers un dédié)
• votre hébergement doit être proche de la plupart de vos internautes (pas à l'autre bout du monde)
• installez un système de cache serveur (un plugin pour votre CMS suffit largement) : c'est impératif !
• assurez-vous que vos pages ne soient pas trop lourdes (je parle ici du poids en Ko de votre page HTML)
• vérifiez que vos images ne sont pas trop grosses et trop lourdes

Pour le mesurer, utilisez Google Search Console pour une URL à tester (rubrique Explorer comme Google).

2- Le temps de chargement (complet) d'une page.

Il inclut le téléchargement du document mais aussi l'interprétation de tous les scripts et fichiers CSS ainsi que les images et autres fichiers externes.

Là c'est une autre paire de manches, je vous recommande d'utiliser un outil comme Dareboost (français) pour identifier les choses à corriger. Vous trouverez aussi des explications complète dans mon dossier sur la mesure de la vitesse d'une page.