Optimisation et performances

Lorsque l'on créent des sites et des applications internet modernes, il est important que notre code soit performant. C'est-à-dire, le faire fonctionner rapidement et efficacement. Lui permettant ainsi de fonctionner aussi efficacement à la fois pour les utilisateurs de puissants systèmes de bureau et pour les appareils portables ayant moins de puissance. On appel cela le PageSpeed Optimization (optimisation de la vitesse de chargement de pages web). Il y a plusieurs outils disponibles pour vérifiez les performances de chargement d'un site ou de blog internet. Les plus connus sont listés ci-dessous :

Les sites internet statiques en HTML ont besoins, pour améliorer leurs performances, de techniques manuelles d'optimisation. Plusieurs produits logiciels open source à l'instar de WordPress, ont eux des plugins disponibles pour permettre aux propriétaires de sites web d'optimisez leurs performances web. WP Super Charge est un des plugins disponible sur la boutique de WordPress, il permet à l'utilisateur d'optimisez les performances de son site en un clic.

Budgets de performance

Un budget de performance est une limite pour éviter les régressions. Il peut s'appliquer à un fichier, un type de fichier, tous les fichiers chargés sur une page, une métrique spécifique (par exemple, Time to Interactive), une métrique personnalisée (par exemple, Time to Hero Element), ou un seuil sur une période de temps.

Le chargement différé

Le chargement différé (lazy loading en anglais) est une stratégie d'identification des ressources non bloquantes (non critiques) afin de ne les charger qu'au moment où elles sont utiles. C'est une façon de raccourcir le chemin critique de rendu (en-US), ce qui se traduit par une réduction du temps de chargement de la page.

Remplir la page: comment fonctionnent les navigateurs

Les utilisateurs veulent des expériences Web avec un contenu rapide à charger et une interaction fluide. Par conséquent, un développeur doit s'efforcer d'atteindre ces deux objectifs.

Temps de chargement : à partir de quel moment un site est-il « lent » ?

Il n'y a pas de règle stricte définissant ce qui constitue un site trop long à charger, mais il y a des bonnes pratiques spécifiques pour définir un bon temps de chargement du contenu (1 seconde), de fonctionnement au ralenti (50 millisecondes), d'animation (16,7 secondes) ou encore de réponse à la saisie d'un visiteur (50 à 200 millisecondes).