Webperf du site kermarrec-promotion.fr
Suite de notre collaboration avec le Groupe Kermarrec comme avec leur site premium, nous avons mis en ligne dernièrement le nouveau site Kermarrec promotion. Nous avons apporté un soin particulier aux critères de Webperf La Webperf désigne l'optimisation des performances d'un site web pour accélérer son chargement et améliorer l'expérience utilisateur, grâce à des techniques comme le caching, la compression, et la réduction des fichiers. ou Web performance sur ce site. Ainsi nous obtenons sur la page d’accueil en desktop :
- la note en terme de qualité de code de 98 % en termes de webperf,
- un speedindex de 735,
- pour un temps de chargement total de 1,5 secondes.
En mobile sur la même page d’accueil nous obtenons en matière de Webperf :
- 94 % en termes de web performance,
- un speedindex 1771,
- un temps chargement total de 3,3 secondes.
À titre d’exemple les ténors du web sur du desktop ont un Speedindex qui avoisine 1000 et en mobile légèrement supérieur à 2000. Pour rappel, le Speedindex mesure le temps d’affichage au dessus de la ligne de flottaison La ligne de flottaison, sur une page web, correspond à la partie visible du contenu sans avoir à faire défiler. Elle joue un rôle clé en capturant l'attention de l'utilisateur dès l'arrivée sur le site. .
Pour obtenir ses objectifs de Webperf sur ce site WordPress WordPress est un système de gestion de contenu (CMS) open-source qui permet de créer et gérer facilement des sites web, des blogs et des boutiques en ligne sans compétences en programmation. , nous avons dû développer un thème Un thème est un ensemble de fichiers de design et de mise en page utilisés pour personnaliser l'apparence visuelle d'un site web ou d'une application sans modifier sa structure ou ses fonctionnalités. sur mesure qui limite le poids nécessaire à l’affichage des pages ( -500ko pour la pages d’accueil ). Ce qui signifie une optimisation des CSS Le CSS (Cascading Style Sheets) est un langage utilisé pour décrire l'apparence et la mise en page des documents HTML, en définissant des styles comme les couleurs, polices, marges, et positionnements des éléments sur une page web. et bien évidemment des images ; mais ce qui signifie aussi de restreindre l’usage de JavaScript au strict nécessaire. En effet la performance JS JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. est souvent le parent pauvre des sites Web. Dès lors, en limiter l’usage permet d’atteindre des temps de chargements et d’exécution très intéressants.
Côté serveur nous sommes sur du Php7 et toute la configuration a été pensée pour fonctionner avec le protocole HTTP Le HTTP (HyperText Transfer Protocol) est un protocole utilisé pour transférer des données sur le web, permettant la communication entre un navigateur et un serveur pour afficher des pages web. 2 et HTTPS Le HTTPS (HyperText Transfer Protocol Secure) est la version sécurisée du protocole HTTP. Il chiffre les données échangées entre un navigateur et un serveur, garantissant la confidentialité et l'intégrité des communications. pour la sécurité.
Bref, nous tenions à mettre en avant cet exemple de notre savoir-faire en matière de Webperf qui est notre priorité en 2018.
