Performance Budget Workshop: Make a Page Feel Instant on a Bad Connection
Optimisez une page réelle en respectant des budgets stricts en termes de temps de chargement, de poids en octets et de latence d'interaction.
Description
section.descriptionLes participants commencent avec une page qui semble acceptable sur un ordinateur portable mais qui est pénible à utiliser avec une connexion faible. L'atelier fixe des budgets stricts pour le JavaScript, les images, les polices, les décalages de mise en page et le délai d'interaction, puis impose des compromis.
Nous examinerons les cascades de chargement, supprimerons le travail inutile, optimiserons les ressources, mesurerons les résultats avant et après, et déciderons ce que la page ne doit pas charger tant que l'utilisateur ne le demande pas. Le résultat final est un document budgétaire que les équipes peuvent appliquer aux futures pages.