.

Les risques de JavaScript pour les mobiles d’entrée de gamme

Optimiser JavaScript pour les mobiles

En tant qu’éditeur de site web, vous avez la main sur son contenu (images, texte...), son architecture, son design, ses différentes fonctions… Et même si vous mettez en place toutes les optimisations et les bonnes pratiques pour une expérience utilisateur optimale, les conditions de navigation de vos internautes ne dépendent pas de vous (niveau de performance selon le type de device et du réseau, notamment).
Explorons l’un des risques que représente JavaScript pour la vitesse de chargement sur les mobiles peu puissants, avec un retour d’expérience de Jean-Pierre Vincent, Consultant expert en performance web.

Lire la suite

Comment lire les résultats de WebPageTest : le Waterfall

waterfall-ui-regions_webperformance_cover
Pour compléter notre billet sur le
waterfall, nous publions ici une traduction de l’article original de Matthew Hobbs sur son blog nooshu.com (en anglais). L’article original est régulièrement enrichi, nous ajouterons les nouveaux éléments au fur et à mesure. Notez que certains des liens présents dans cet article renvoient vers des publications originales également en anglais. 

Lire la suite

Soldes : comment King Jouet maintient une navigation fluide pendant les pics de charge

King Jouet Magasin

Entre le Black Friday et Noël, King-jouet.com réalise chaque jour le chiffre d’affaires du mois de janvier. C’est une période critique pendant laquelle la rapidité du site doit être maintenue malgré les pics de trafic ! King Jouet a confié l’automatisation des optimisations webperf de son site à Fasterize pour garantir une navigation fluide en toutes circonstances.

Lire la suite

E-commerce : faut-il passer au format AMP ?

amp_accelerated_mobile_pages_google_webperf

Vous êtes tentés par une version Accelerated Mobile Pages (AMP) de votre site pour améliorer vos temps de chargement ? En effet, plus la navigation est fluide, plus les clients peuvent finaliser leurs commandes rapidement, plus les taux de transformation ont de chances d’augmenter. Mais quelles sont les contraintes de ce format ? Et est-ce une bonne idée pour un site e-commerce ? Faisons le point sur ses avantages et ses inconvénients.

Lire la suite

L’impact de la RGPD sur les tests synthétiques de web performance

RGPD webperf

Depuis le 25 mai 2018, un site web n’a plus le droit de collecter et traiter les données personnelles des internautes sans leur consentement. En théorie, un site conforme à la RGPD ne doit donc plus comporter aucun tracker que l’internaute n’aurait pas accepté, et s’il y en a, ils doivent respecter la protection des données ; c’est à partir de l'expression de ce consentement que les cookies peuvent entrer en scène pour faire leur travail de collecte d'informations.

Mais pour un outil de monitoring webperf synthétique, comment relever des données représentatives de l’expérience utilisateur alors que cette expérience dépend des cookies acceptés, et que les cas de figure sont potentiellement nombreux ? Voici quelques explications pour mieux comprendre les difficultés que pose la RGPD (et potentiellement d’autres fonctionnalités) pour analyser les résultats de tests synthétiques.

Lire la suite

PageSpeed Insights : comprendre le calcul du score de Google et appliquer les recommandations

Google Lighthouse score

Pour mesurer vos temps de chargement ou une analyse de votre performance web (webperf), vous êtes nombreux à utiliser l'outil gratuit PageSpeed Insights et à observer la note obtenue. C'est un indicateur de la qualité de votre expérience utilisateur. Mais au fait, comment ce score est-il calculé ? Que signifie d’atteindre une note de 50, 70 ou 90, et est-il possible d'atteindre 100 ? Voyons comment Google fait ses comptes.

Lire la suite

Redimensionner automatiquement les images avec Fasterize

Resizing image web performance

Les images et le photos prennent de plus en plus de place et de poids sur nos pages web, c’est pourquoi nous avons tout intérêt à faire en sorte qu’elles soient de moins en moins lourdes, et encore plus sur mobile. D’après HTTP Archive, une page web affiche en moyenne près de 1Mo d’images (médiane) ; et sur une page, les images et les photos représentent près de la moitié du poids total de la page. 

Alors, après l’étape incontournable de la compression pour limiter le poids des pages web et servir des images de qualité (de préférence en format nouvelle génération tel que WebP ou AVIF), comment servir une image aux bonnes dimensions en fonction de la taille d’un écran ? Après le support du srcset, voici un défi webperf que nous avions identifié et que nous avons décidé de relever : le redimensionnement automatique des images, pour une largeur et une hauteur toujours adaptées !

Lire la suite