Vous souhaitez optimiser les temps de chargement de votre site internet pour améliorer l’expérience utilisateur de vos visiteurs, votre SEO et vos taux de conversion. Mais en combien de temps peut-on rendre ses pages web rapides, et comment savoir quel budget y consacrer ? Combien faut-il de ressources et par quoi commencer : un CDN, réduire les fichiers JavaScript, CSS, HTML, ou réduire le poids des images ?
Pour améliorer l’expérience utilisateur, ou pour booster votre référencement, comme pour tout projet web, vous allez devoir définir des tâches, estimer leur complexité et les planifier. Voici un guide pour vous aider à mieux vous organiser.
Définir des objectifs pour optimiser la vitesse d’un site web
Si vous souhaitez améliorer les temps de chargement de votre site internet, commencez par définir un Budget performance. Il peut s’agir de seuils à atteindre ou à ne pas dépasser pour garantir la vitesse de vos pages web. Voici des exemples pour quelques sites internet, tous secteurs confondus :
- réduire le Speed Index de 45 % et répondre aux enjeux SEO comme iDGARAGES ;
- ne pas dépasser un poids de 2 Mo pour chaque page, images et tiers inclus, comme Uni-Médias ;
- atteindre un Speed Index de maximum 1 seconde, comme Rossignol...
Les exemples sont nombreux, et les objectifs peuvent aussi évoluer dans le temps pour des challenges encore plus importants, ou au contraire pour revoir vos objectifs en fonction des résultats de vos actions.
Ils peuvent porter sur :
- des métriques de performance classiques (affichage avec le Speed Index ou le Start Render, interactivité avec le Time To Interactive, temps de réponse serveur avec le Time To First Byte…),
- des scores de performance à atteindre (score Webperf du classement mensuel du JDN, scores Google Lighthouse ou PageSpeed Insights, score GTMetrix ou Dareboost…)
- des métriques UX liées à la vitesse des pages, telles que celles que Google prend en compte pour classer les résultats de recherche (Largest Contentful Paint, Cumulative Layout Shift, First Input Delay).
Estimer la charge pour améliorer ses temps de chargement
Une fois que vous avez défini vos objectifs de performance, il reste à définir les moyens d’y parvenir.
Certaines techniques sont essentielles (et même assez basiques) pour améliorer vos temps de chargement afin que l’affichage soit rapide dans un navigateur, telles que la mise en place d’un CDN, d’une stratégie de cache, l'optimisation du code pour réduire la taille et le poids des fichiers (CSS, JavaScript, HTML)…
Et d’autres vont nécessiter une expertise plus poussée, comme par exemple l’optimisation des images, ou le déploiement d’un système de cache intelligent pour gérer à la fois le contenu statique et le contenu dynamique sur une page.
Evidemment, la durée estimée pour une tâche ne veut pas dire qu’elle va être accomplie exactement dans ce laps de temps (concrètement, une optimisation évaluée à l’équivalent de 2 jours de travail n’est pas appliquée 2 jours plus tard). Pour vous aider à définir le temps à prévoir pour optimiser la vitesse de vos pages, voici quelques pistes et outils.
Comment évaluer le temps et le budget nécessaire pour accélérer un site web
Outre la complexité intrinsèque des optimisations à apporter à vos pages web pour améliorer leur vitesse, l’infrastructure et le mode d’organisation de vos équipes va influer sur le temps à prévoir pour accélérer votre site.
En pratique, le projet sera plus ou moins complexe selon que :
- vous partez from scratch ou avec un legacy de plusieurs années,
- vous avez une CI (Intégration Continue) ou non,
- vous travaillez dans une grosse structure avec de nombreux process et circuits de validation, ou avec une petite équipe véloce...
Déterminer la complexité des optimisations pour améliorer vos temps de chargement
Nous avons essayé de définir une liste d’optimisations - dont certaines peuvent être automatisées par notre moteur, avec pour chacune un niveau de complexité.
Nous vous proposons donc une grille inspirée de la méthode Agile pour vous aider à estimer la complexité globale de votre projet de web performance pour améliorer vos temps de chargement. Le résultat est une estimation - n’hésitez pas à nous contacter si vous avez des suggestions pour optimiser cette grille de calcul.
Gagnez du temps en automatisant l’optimisation du code de votre site
Appliquer ces optimisations page par page ou pour chaque fichier est évidemment impensable, vous devez bien évidemment automatiser ces actions au maximum. Aussi, gardez en tête qu’une fois que vos optimisations sont en production, il faut les maintenir dans la durée. Chaque évolution ou ajout d’éléments sur le site peut nécessiter de nouveaux ajustements dans le code de vos pages pour maintenir la vitesse.
C’est le constat qu’a fait Le Parisien, qui, malgré une refonte amenant à de bonnes performances, a observé une dégradation des temps de chargement après seulement 3 mois (+25 % sur First Contentful Paint et le First Meaningful Paint).
But.fr se repose également sur notre solution SaaS d’optimisation des temps de chargement pour gagner du temps et éviter de reprendre systématiquement le code à chaque évolution de son site internet. Les équipes techniques sont ainsi soulagées, et profitent à la fois de notre service de CDN, de la compression Brotli, et d’une couche de sécurité renforcée, le tout sans se lancer dans des développements complexes, et sans reprendre continuellement le même travail pour revenir à des résultats satisfaisants. Le déploiement s’est déroulé en 3 semaines alors que la DSI prévoyait des développements sur une année.
L’automatisation des optimisations des temps de chargement de votre site offre ainsi de nombreux avantages. Elle vous permet d’économiser aussi bien du temps que des ressources, surtout pour des tâches qui nécessitent une expertise particulière en raison de leur complexité.
En effet, si la concaténation de fichiers CSS ou JavaScript offre peu d’options, l'optimisation / compression d’image peut confronter à de nombreuses alternatives parmi lesquelles il faut savoir choisir.
En automatisant votre webperf, les optimisations s'articulent intelligemment les unes avec les autres, votre site web est plus rapide pour une meilleure expérience utilisateur, une meilleure visibilité sur Google par rapport aux sites de vos concurrents (référencement optimisé), et donc de meilleurs taux de conversion… le tout pour des résultats durables.
Faites le test à l’aide notre grille, et contactez-nous pour évaluer
le temps que vous pourriez gagner en automatisant vos optimisations webperf !
