
Pour augmenter la vitesse de chargement de votre site web et enrichir l’expérience utilisateur de votre site Internet, nous réalisons une analyse par échantillonnage sur la page d’accueil et les principales pages de votre site.
En suivant les suggestions proposées par l’outil en ligne Google PageSpeed Insights, vous pouvez tester, vous-même, votre site Internet et détecter la marge de progression possible pour rendre votre site plus performant.
Les actions correctives suivantes peuvent être réalisées dans de nombreux cas :
Vitesse
- Optimisation des images : choisir un format approprié pour les images et les compresser permet de réduire le poids des images.
- Réduction de la taille des ressources CSS : compresser le code CSS permet de libérer de nombreux octets de données et de réduire les délais de téléchargement et d’analyse.
- Réduction de la taille des ressources JavaScript : compresser le code JavaScript permet de libérer de nombreux octets de données et de réduire les délais de téléchargement, d’analyse et d’exécution.
Expérience utilisateur
- Adaptation de la taille du contenu à la fenêtre d’affichage
- Configuration de la fenêtre d’affichage
- Dimensionnement des éléments tactiles appropriés
- Utilisation de tailles de police lisibles
Ci-dessous, retrouvez deux cas concrets, l’un en site statique et l’autre en site dynamique, montrant les possibilités d’optimisation et les limites éventuelles de marge de progression possible.
Cas concret 1 : site statique
HTML5, CSS, JavaScript
Site Testé | Support | Avant | Après |
---|---|---|---|
|
Mobile (vitesse) | 57 / 100 1 règle approuvée |
85 / 100 9 règles approuvées |
Mobile (expérience utilisateur) | 61 / 100 | 100 / 100 | |
Ordinateur | 60 / 100 5 règles approuvées |
95 / 100 9 règles approuvées |
Actions correctives principalement réalisées ici :
Vitesse
- Exploitation de la mise en cache du navigateur
- Optimisation des images
- Réduction de la taille des ressources CSS
- Réduction de la taille des ressources JavaScript
Expérience utilisateur
- Adaptation de la taille du contenu à la fenêtre d’affichage
- Configuration de la fenêtre d’affichage
- Dimensionnement des éléments tactiles appropriés
- Utilisation de tailles de police lisibles
Cas concret 2 : site dynamique
WordPress, HTML5, CSS, PHP, JavaScript, jQuery
Site Testé | Support | Avant | Après |
---|---|---|---|
|
Mobile (vitesse) | 74 / 100 3 règles approuvées |
74 / 100 8 règles approuvées |
Mobile (expérience utilisateur) | 100 / 100 | 100 / 100 | |
Ordinateur | 65 / 100 3 règles approuvées |
91 / 100 8 règles approuvées |
Actions correctives principalement réalisées ici :
Vitesse
- Optimisation des images
- Réduction de la taille des ressources CSS
- Réduction de la taille des ressources JavaScript
Expérience utilisateur
La note Mobile (expérience utilisateur) n’a pas évoluée. Le thème WordPress est réalisé par Présent Infini. Le test n’a pas révélé d’erreur de conception pour l’expérience utilisateur.
En général, certaines suggestions n’ont pu être réglées totalement comme :
- Éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison : la réalisation de ces suggestions peuvent remettre en cause le bon fonctionnement du site et faire apparaître d’autres problèmes. Pour cette raison, les actions correctives sont limitées et la note ne change pas pour le mobile.
- Réduire le temps de réponse du serveur : selon le trafic du serveur (ici mutualisé), le temps de réponse du serveur peut vous donner une note générale légèrement différente. Principalement lié à la configuration de l’hébergement du site ou du CMS utilisé, ce champ d’intervention n’entre pas nos domaines de compétences.
Atteindre une note atteignant 100 est difficilement réalisable. Cependant, comme vous pouvez le remarquer dans les tableaux, le nombre de règles approuvées par l’outil a augmenté dans tous les cas.
Les actions correctives misent en place permettent d’améliorer significativement d’une part les performances de votre site web et d’autre part, l’expérience utilisateur.
Vous souhaitez vous aussi améliorer les performances de votre site web et l’expérience utilisateur, et faire réaliser les actions correctives ? Faites une demande via le formulaire de contact.
Crédit photo : gratisography.com