Vitesse de chargement et performance d’un site web

Pourquoi la vitesse d’affichage est-elle déterminante pour augmenter les résultats ?

Elle améliore l’expérience client : 

  • Les visuels sont déterminants pour 63% des internautes, les images constituent 21% des contenus des pages … Mais 80% du temps de chargement
  • 40% des internautes abandonnent le site quand il met plus de 3 secondes à se charger.

Elle accélère la décision d’achat et améliore le taux de conversion :

  • Sur Amazon, 100 millisecondes de temps de chargement = baisse de 1% du CA
  • La baisse du temps chargement de 1 seconde d’un site = +8% de taux de conversion

Elle permet d’avoir un meilleur référencement (SEO / SEA)

  • La vitesse de chargement est prise en compte dans les modalités de référencement SEO
  • Google prend en compte la vitesse de chargement du site pour le positionnement d’un site dans ses résultats de recherche.
  • Fait baisser le coût d’acquisition de trafic (quality score de Google Ads)

Comment mesurer la vitesse d’affichage de votre site ?

De nombreux outils gratuits existent comme Google Pagespeed InsightsGT MetrixDareBoostPingDomCloudimage Performance report

Ces solutions fournissent un niveau de détail d’information plus ou moins technique selon les besoins. Elles permettent d’avoir une vision rapide du positionnement du site (une simple note / 10 par exemple) ou des instructions précises sur les éléments à corriger pour améliorer la vitesse du site.

Quelques exemples de métriques pour améliorer votre vitesse de chargement : Large Content Painfull, First Input delay, Time To Interactive, Cumulative Layout Shift, les images ou ressources à compresser (css, scripts…)

Comment optimiser la vitesse d’affichage de ses images ?

  • Images responsive pour s’adapter aux mobiles et tablettes
  • Redimensionnement
  • Transformation et personnalisation (recadrage, contraste…)
  • Images compressées pour limiter le poids
  • Compression et maintien de la qualité
  • Images diffusées près de vos visiteurs, et ce, quelle que soit leur localisation dans le monde

Comment industrialiser la gestion de ses images ou vidéos sur un site avec un catalogue volumineux et une grande photothèque ?

Les méthodes traditionnelles pour optimiser les images impliquent d’y consacrer du temps et de l’énergie. En effet, le multi-redimensionnement d’un nombre élevé d’images, à l’instar des tâches de compression qui en découlent, ou encore la maîtrise d’un logiciel de retouche d’image, constituent des activités fortement chronophages.

Mais alors comment optimiser ses images de manière industrielle, efficace et sans perte de qualité ? Comment choisir entre une solution intégrée (in-house) à mon site ou une solution externe ?

Les solutions professionnelles en mode saas permettent :

  • Un déploiement facile
  • Un stockage dans le cloud des médias et assets
  • Une utilisation de plugins pour la majorité des CMS (Magento, Prestashop, WordPress…) ou de librairies javascript pour les principaux frameworks (React, Vue, Angular…) pour l’automatisation (redimensionnement, personnalisation des URLs, recadrage, ajouts de filtres, génération de vignettes…)
  • Une gestion globale du paramétrage de la compression
  • Une infrastructure d’hébergement multi CDN (Content Delivery Network) sécurisée pour un affichage rapide quelle que soit la localisation de l’internaute

Comment réussir la collaboration entre vos ressources techniques et CRO pour booster votre site ?

  • Faites communiquer vos équipes développement, vos consultants UX et SEO
  • Définissez et suivez des indicateurs de performance communs (KPIs)
  • Faites participer les experts de chaque discipline dans des ateliers communs (CRO/SEO/SEA/UX/UI et développement web)
  • Faites appel à un « médiateur » ou consultant CRO pour concrétiser cette démarche en toute neutralité

La prise en compte du pagespeed dans un audit CRO global des performances

La méthode d’audit CRO réalisé par nos consultants vise en 5 étapes clés à :

  • Analyser l’ensemble de vos données UX et Analytics
  • Identifier les sources de sous-performance à tous les niveaux (dont l’expérience utilisateur et la vitesse de chargement en particulier)
  • Faire émerger des hypothèses d’optimisation
  • Imaginer des recommandations d’optimisation
  • Prioriser dans une roadmap d’AB testing et/ou de Quickwin

Contactez nous pour toute information supplémentaire