CSS inutilisé. Que ayez déjà utilisé ou supprimé un CSS inutilisé, devriez voir un effet positif sur votre score! Meilleure compatibilité: Ceci est pour si êtes préoccupé par des erreurs CSS potentiellement inutilisées et combien de temps il faudra pour les corriger. Vous pouvez visionner notre vidéo ou passer à la section suivante pour en savoir plus sur les changements et sur la façon dont profiterez de chaque changement pour optimiser la performance de votre site.
Une meilleure disponibilité signifie que Wp Rocket 3.11 fournit une reconstruction à partir de zéro pour supprimer les CSS inutilisés. Comment est ce possible? Parce que la compassion et lamp;rsquohumilité sont nos deux valeurs fondamentales, nous les défendons. Depuis que nous avons commencé à supprimer les CSS inutilisés avec WP Rocket 3.9, nous namp;rsquoavons pas pu supprimer le mode bêta. Nous ne sommes pas satisfaits de la fonction elle même et de son fonctionnement. La disponibilité est mauvaise et le service est souvent inactif. Nous avons donc décidé de reconstruire la fonctionnalité et de passer damp;rsquoune approche synchrone à une approche asynchrone. Le mode asynchrone cache la page, fait des appels API et génère le CSS utilisé après 60 secondes.
Ce changement damp;rsquoapproche est un tournant pour deux raisons: bénéficierez damp;rsquoune meilleure disponibilité. En damp;rsquoautres termes, lorsque WP Rocket tente de générer le CSS utilisé, ne serez plus coincé. Vous générerez css pour 100 URLs toutes les 60 secondes. Les méthodes asynchrones nous offrent de nombreuses nouvelles améliorations que nous namp;rsquoavons jamais imaginées lorsque nous utilisons des méthodes synchrones. Maintenant, nous serons en mesure de développer de nouvelles fonctionnalités puissantes tout en traitant les CSS utilisés, basées sur des appels API. Considérez le nouveau CSS non utilisé comme un aperçu de lamp;rsquoavenir de WP Rocket! Le passage à la méthodologie peut également influer sur le processus damp;rsquooptimisation du CSS.
Le précharge actif et lamp;rsquoactivation du précharge du cache basé sur la carte du site évitent damp;rsquoattendre que les utilisateurs accèdent à la page pour générer le CSS utilisé.
Cela accélérera la création de css pour lamp;rsquoensemble du site. Cache préchargé – WP Rocket nous recommandons fortement damp;rsquoutiliser à la fois la suppression des CSS inutilisés et le cache préchargé, car bénéficierez de deux avantages connexes: Vous Réduirez considérablement la taille du CSS. Par conséquent, augmenterez votre score pagesspeed Insights, ainsi que votre score Core Web vitals. Nous avons testé certains des générateurs de page les plus populaires. Nous avons activé la nouvelle fonction de suppression des CSS inutilisés et surveillé les améliorations. Comme pouvez le voir, CSS a permis damp;rsquoéconomiser beaucoup damp;rsquoargent et aura un impact sur le rendement global:
Page Builder for woocommerce CSS Front (KB) CSS Back (KB)% CSS savings
| 113. | 88% | Castor Builder | |||||
| 87. | 88% | Gutenberg | |||||
| 64. | 88% | Synthétiseur visuel | |||||
| 115. | 8% | Divi | |||||
| 303. | 76% | CSS Save not only for this purpose. Nous pouvons voir comment ces améliorations produisent de meilleurs résultats en matière de rendement. Nous avons créé un site de test en utilisant elementor et Astra. Nous avons lancé la fusée WP et activé lazyload. Nous avons effectué un test préliminaire de pagesspeed Insights et obtenu 67 points. | PageSpeed Insight score – WP Rocket enabled + lazyload par conséquent, nous avons lancé un autre test après avoir activé la latence JS. La note globale de rendement samp;rsquoest beaucoup améliorée, mais elle namp;rsquoest pas devenue verte et certains indicateurs du phare ne lamp;rsquoont pas été: | ||||
