La Performance Web

web performance

La WebPerf (Web Performance), l’optimisation de la vitesse d’affichage d’un site dans un navigateur, est un enjeu majeur pour Clever Age. Nous nous engageons, dans les projets que nous menons, à donner la part belle aux bonnes pratiques relatives à la Performance Web d’un site.

La performance de rendu des pages est clef pour une bonne UX.

Il y a une forte corrélation entre le temps de chargement des pages et le comportement des utilisateurs. Si les utilisateurs ne peuvent pas utiliser les sites et applications rapidement, ils vont chercher ailleurs une réponse à leurs besoins.

Les sites avec de meilleures performances :

  • Améliorent la satisfaction des utilisateurs, les incitant à revenir
  • Augmentent le nombre de pages vues par visite
  • Augmentent le taux de conversion
  • Augmentent les revenus
  • Améliorent le SEO

De plus, les bonnes pratiques de performance permettent souvent de réduire les coûts d’infrastructure, avec moins de bande passante consommée, et moins de ressources nécessaires sur les serveurs.

Nos références en Web performance

Nous vous proposons un aperçu de quelques références client (dans différents secteurs de marché) dédiées aux enjeux de la Web Performance :

ref webperf

Voir en détail

Méthodologie

Un audit de performance front permet de s’assurer que les bonnes pratiques sont respectées :

  • Limiter les chargements et exécutions de JavaScript et CSS bloquants
  • Fournir les contenus selon la largeur du viewport et la densité de l’écran
  • Priorisation des contenus visibles au dessus de la « ligne de flottaison »
  • Optimisation d’usage des services tiers
  • Etc.

Certaines nécessitent d’étudier les stratégies de déploiement et configurations serveurs :

  • Optimisation de la mise en cache par les navigateurs
  • Limitation du nombre de sous requêtes
  • Minification et compression des ressources JavaScriptS/CSS/HTML
  • Optimisations des images : dimensions, encodage, compression
  • Optimisation des polices de caractères
  • Etc.

Le respect de ces bonnes pratiques doit être vérifié :

  • avec des outils automatiques, si possible, pour une première vision globale (nécessite un accès réseau simple)
    • Google PageSpeed Insights, Google Lighthouse, Dareboost, WebPageTest, etc.

outils webperf

  • manuellement, pour un audit complet et précis :
    • Avec les developer tools des navigateurs, en regardant le code source et le DOM, et les en-têtes HTTP provenant du serveur
    • Un audit manuel est systématiquement nécessaire, la mauvaise application de certaines bonnes pratiques pouvant en fait conduire à une perte de performance

Une mission d’audit conduit à la livraison d’un rapport présentant les constats précis et recommandations d’améliorations actionnables, avec une priorisation selon les efforts nécessaires et gains potentiels attendus.

Nos références en Web performance

Luxe/Mode/Loisir et WebPerf

Refonte du dispositif e-Commerce Longchamp :

La maison de couture Longchamp a été fondée en 1948. L’entreprise est connue pour ses sacs à main en cuir et en toile, ses articles de voyage, ses accessoires de mode et dernièrement son prêt-à-porter. Clever Age a participé a une confection « sur mesure » du nouveau site e-commerce Longchamp.com, fruit d’une collaboration agile avec les équipes.

→ Voir la référence client

Audit de performance de la plateforme e-commerce de Byredo :

Byredo webperf

Audit de performance de la plateforme e-commerce de Byredo, créateur de parfums, accessoires de maison et maroquinerie. Recommandations d’optimisation et accompagnement des équipes de développement pour leur mise en œuvre. www.byredo.com

Audit de performance de la plateforme expérientielle et e-commerce de Gong Galaxy :

Gong webperf

Audit de performance de la plateforme expérientielle et e-commerce de Gong Galaxy, spécialisée dans la conception, production et vente de matériel de sports de glisse. Recommandations d’optimisation et accompagnement des équipes de développement pour leur mise en œuvre. www.gong-galaxy.com

Médias/Presse et WebPerf

Optimisation du site 20 Minutes :

20 Minutes, organe de presse créé en 2002, est un des leaders de l’information en informant chaque mois plus d’un Français sur trois. Son lectorat représente une audience de plus de 20 millions de personnes chaque mois dont 69 % sur le web. C’est dans l’optique d’améliorer l’expérience utilisateur du site que Clever Age été choisi pour le rendre plus ergonomique, plus esthétique et plus fluide.

→ Voir la référence client

Refonte du site parents.fr :

Uni-éditions est un groupe de presse qui édite des titres et des sites internet tournés autour du bien-vivre et de la sphère familiale. L’équipe digitale du groupe Uni-éditions a choisi Clever Age pour la refonte de son écosystème digital et afin d’optimiser les performances et le temps de réponses de ses sites. Clever Age a donc accompagné les équipes dans la mise en oeuvre de ce projet.

                     → Voir la référence client

E-commerce / B2C et WebPerf

Audit de performance des sites marchands des trois enseignes de Krys Group :

Krys Group

Krys Group (Krys, Vision Plus et Lynx Optique) : audit de performance des sites marchands des trois enseignes de Krys Group, leader français du marché de l’optique.
Recommandations d’optimisation et accompagnement des équipes de développement pour leur mise en œuvre.
www.krys.com   www.vision-plus.fr   www.lynx-optique.com

 

Assistance technique et fonctionnelle de Cdiscount :

Cdiscount a été fondé en 1998 sous l’impulsion des frères Charle. L’entreprise de commerce en ligne est aujourd’hui un mastodonte du secteur disposant d’un offre de plus de 30 millions de produits, et la logistique de l’entreprise permet depuis septembre 2011 d’être livré dès le lendemain de la commande. Cdiscount a retenu les compétences des consultants de Clever Age pour l’analyse et l’amélioration e la performance web de ses différents sites.

→ Voir la référence client

Audit de performance pour un grand groupe hôtelier

Audit de performance de la nouvelle plateforme de réservation d’appartements et villas d’un grand groupe hôtelier. Recommandations d’optimisation et transfert de connaissance à l’agence responsable des développements.

Institutionnel et WebPerf

Assistance à l’utilisation des images responsives pour optimiser le poids et le temps de chargement des pages du site de l’Élysée

webperf elysee

Le Service Communication numérique de la Présidence de la République souhaitait refondre son site web.
Clever Age a été retenu pour l’intégration front-end du site elysee.fr.

Le mot d’ordre du projet est de viser l’excellence :
de par le design, la qualité du code, les performances, la sécurité, et la conformité avec le RGAA.

→ Voir la référence client

Performance Web du site de l’Agence de Service Civique

Organisation reconnue d’intérêt public, l’Agence du Service Civique vise à promouvoir, à travers sa vitrine digitale, les démarches pour mettre en oeuvre un service civique et mettre en relation les volontaires et les organismes d’accueil. L’Agence du Service Civique a consulté Clever Age pour solutionner un problème de performance de son site web www.service-civique.gouv.fr.

→ Voir la référence client

L’atelier BNP Parisbas

L’atelier BNP Parisbas est la cellule de veille du groupe. Elle a pour objectif de rendre viables des idées innovantes en les transformant en des projets opérationnels afin d’optimiser le fonctionnement des entreprises avec leurs différents écosystèmes. BNP Parisbas a fait appel à Clever Age et Clever Garden pour la réalisation du site de l’Atelier BNP Parisbas sous le CMS Drupal.

→ Voir la référence client

 

Meetups et conférences

Clever Age, sponsor officiel de We Love Speed

welovespeed2019-small

 

Conférences et meetup

Clever Age participe depuis plusieurs années  à des évènements majeurs dans le domaine :

papis du web - webperf

 

Et un épisode des Papis du Web dédié à la Webperf