Prêt à l'emploi, Website Builder les sites sont développés à des fins d'optimisation, en se concentrant sur les interactions du monde réel et, en fin de compte, sur les Core Web Vitals de Google.
L'optimisation est une pratique continue chez Website Builder. Nous restons à jour et mettons en œuvre des changements pour garantir des améliorations continues.
Voici un aperçu des optimisations intégrées qui se produisent automatiquement. Bien que cette liste mette en évidence de nombreux processus clés, elle n'est pas exhaustive.
-
Optimisation de l'image
-
Optimisation de la vidéo
-
Chargement différé des images (pour plus d'informations, voir Lazy Loading et polices)
-
Widgets lourds à chargement différé
-
Ressources statiques CDN
-
Différer le CSS non critique
-
Minimiser le CSS
-
Extraire le CSS critique
-
Évitez le texte invisible lors du chargement des polices
-
Optimisez le chargement et le rendu des WebFont
-
Réduire la taille des polices Web
-
Réduisez les charges utiles JavaScript grâce au fractionnement du code
-
Minimiser et compresser les charges utiles du réseau
-
Préchargez les actifs critiques pour améliorer la vitesse de chargement
-
Servez des actifs statiques avec une politique de cache efficace
-
Préconnexion aux origines requises
-
Le temps de réponse initial du serveur est court ; <250 ms
-
Évitez les redirections de pages multiples
-
Demandes de clés de préchargement
-
Évite d'énormes charges utiles sur le réseau (fichiers de plus de 5 Mo)
-
Minimiser l'utilisation de tiers
-
Un code tiers a bloqué le thread principal pendant 180 ms.
-
Évitez les grands changements de mise en page
-
Utilisez des écouteurs passifs pour améliorer les performances de défilement
-
Images WebP (toutes les images ont une version générée par WebP)
-
Compression Brotoli
-
Améliorations continues du chargement différé pour les nouveaux widgets
-
Amélioration de la façon dont les widgets personnalisés se chargent
-
Vidéos avec compression automatique
-
A transféré presque tous les actifs vers le CDN
-
Concaténation de fichiers CSS (moins de requêtes)
-
Améliorations critiques continues du CSS