Les images, les vidéos et les animations constituent souvent les ressources multimédias les plus importantes d’une page. En optimisant ces fichiers, nous pouvons réduire le temps de chargement et réduire les émissions.

Les pages Web qui utilisent des scripts, des médias ou d’autres éléments inutiles peuvent ralentir les performances de la page, frustrer les utilisateurs et augmenter les temps de téléchargement et les émissions. Nous proposons des pages rapides et légères aux utilisateurs en supprimant tous les éléments inutiles.

Les plugins, widgets et frameworks tiers introduisent souvent des extraits de code inutiles dans notre page, ce qui peut avoir un impact négatif sur la vitesse et les performances de téléchargement.

Diffusez des images de taille appropriée pour enregistrer les données cellulaires et améliorer le temps de chargement.

Supprimez les modules JavaScript volumineux et en double des bundles pour réduire les octets inutiles consommés par l’activité réseau.

Le code tiers peut avoir un impact significatif sur les performances de chargement. Limitez le nombre de fournisseurs tiers redondants et essayez de charger du code tiers une fois le chargement de notre page principalement terminé.

Des études ont montré que les utilisateurs quittent rapidement les pages qui n’affichent pas le contenu. Le contenu de la page « au-dessus de la ligne de flottaison » doit s’afficher sur l’appareil d’un utilisateur en 2,5 secondes maximum. Ceci est particulièrement crucial dans les zones à faible bande passante et pour les utilisateurs possédant des appareils plus anciens.

Les pages qui répondent lentement ou ne répondent pas comme prévu aux interactions de l’utilisateur (comme les clics sur les boutons, les pressions sur les touches, les saisies de formulaire, etc.) consomment plus d’énergie et frustrent les utilisateurs.

Les pages qui utilisent les meilleures pratiques de référencement aident les utilisateurs à trouver plus rapidement du contenu, réduisant ainsi l’énergie utilisée lors de la recherche. Les pages optimisées pour la recherche ont également tendance à être plus accessibles et à fonctionner sur un plus large éventail d’appareils et de plates-formes. Cela réduit la quantité d’énergie (et de frustration) dépensée par les utilisateurs lorsqu’il existe des obstacles.

Les pages accessibles ont tendance à fonctionner sur un plus large éventail d’appareils et de plates-formes, y compris les technologies d’assistance utilisées par les personnes handicapées. Donner la priorité à l’accessibilité réduit la quantité d’énergie (et de frustration) dépensée par les utilisateurs lorsqu’il existe des obstacles. De plus, c’est exactement la bonne chose à faire.

Une longue durée de vie du cache peut accélérer les visites répétées sur votre page.

Définissez une largeur et une hauteur explicites sur les éléments de l’image pour réduire les changements de disposition et améliorer l’expérience.

Les redirections de pages entraînent des vitesses de page plus lentes. Les pages sont signalées si elles comportent deux redirections ou plus. Pour éviter cela, nous consultons la liste des redirections et mettons à jour les liens pour pointer directement vers l’emplacement réel de chaque ressource. Cela éliminera les redirection inutiles et réduira les temps de chargement.

Pensez à marquer vos auditeurs d’événements tactiles et à molette comme « passifs » pour améliorer les performances de défilement de votre page.

Pensez à ajouter des indices de ressources « preconnect » ou « dns-prefetch » pour établir des connexions précoces avec des origines tierces importantes.

Chaque fois que votre page fait une requête au serveur, de l’énergie est nécessaire pour transférer et afficher les données. Réduire le nombre de requêtes effectuées par nos pages peut améliorer les performances et réduire les émissions.