WP Rocket 3.19: Améliorations sans effort pour l'amélioration de la LCP et de la stabilité de la disposition

Rappelez-vous comment les équipes de Formule 1 gagnent des courses? Ce n'est pas seulement un grand changement, mais plutôt de nombreuses petites améliorations qui s'additionnent à long terme. Notre nouvelle version majeure reflète une fois de plus cette vision d'optimisations incrémentielles et intelligentes: Rencontrez WP Rocket 3.19!

Notre dernière version se concentre sur l'amélioration de deux fonctionnalités pour les rendre accessibles à tous, quelle que soit leur expertise technique. Nous avons pris des processus complexes qui nécessitaient une optimisation manuelle par page pour être efficace et les avons transformés en fonctionnalités qui fonctionnent en arrière-plan, ce qui fait leur magie.

Les résultats? WP Rocket 3.19 apporte une meilleure expérience utilisateur pour vos visiteurs grâce à l'amélioration de la stabilité de la disposition et à la prévention des changements de contenu, parallèlement à une vitesse perçue accrue et à une meilleure note de peinture de contenu améliorée.

Chez WP Rocket, nous pensons que tout le monde mérite un site Web rapide - c'est pourquoi nous trouvons constamment des moyens de simplifier l'optimisation de la vitesse tout en garantissant que tous nos clients peuvent bénéficier de nos fonctionnalités puissantes.

Prêt à voir comment ces améliorations faciles et intelligentes peuvent s'ajouter à une meilleure performance pour votre site Web? Plongeons dans les détails de WP Rocket 3.19 ou regardons la vidéo ci-dessous.

Ce que WP Rocket 3.19 implique

WP Rocket 3.19 introduit deux améliorations qui fonctionnent dans les coulisses pour augmenter les performances de votre site Web.

La première amélioration est liée aux polices de précharge: la fonctionnalité maintient le même nom pendant qu'il change la façon dont il fonctionne et son emplacement, comme vous le lirez juste ci-dessous.

Le second se concentre sur l'automatisation de la fonction de requêtes DNS préfetch, qui a été renommée Préconnecte aux domaines externes et supprimé de l'interface du plugin - vous apprendrez la raison de ce choix dans la section dédiée.

Préchargement des polices en un clic

Prenons du recul et comprenons ce qu'est le préchargement des polices et pourquoi il est important pour les performances de votre site Web.

Expliquer la précharge de la police

Le préchargement des polices est une puissante technique d'optimisation qui peut améliorer la rapidité et le flux en douceur sur votre site Web.

Voici pourquoi: Lorsqu'un visiteur vient sur votre site Web, son navigateur doit charger non seulement le contenu de vos pages, mais aussi leurs polices connexes. Sans précharger, voici ce qui se passe généralement:

1. Le navigateur commence à afficher votre texte à l'aide d'une police par défaut.

2. Il découvre ensuite dans votre CSS qu'il doit charger une police personnalisée - celle que vous avez choisie.

3. Une fois la police personnalisée chargée, le texte change pour utiliser cette nouvelle police au lieu de celle par défaut.

Ce processus peut provoquer ce que l'on appelle un éclair de texte non style (Fout). Fout est un bref moment où votre texte change soudainement l'apparence à mesure que la police personnalisée se charge.

Vous pouvez deviner ce qui se passe ensuite: la mise en page de votre page a tendance à changer. Un tel changement est non seulement visuellement désagréable, mais peut également avoir un impact négatif sur la note de décalage de disposition cumulatif (CLS), l'un des principaux vitaux du Web de Google.

Le préchargement des polices aide à résoudre ce problème en disant au navigateur que vos polices personnalisées sont importantes, et elles doivent être téléchargées immédiatement, avant même d'analyser tout le code CSS. En conséquence, la police personnalisée est plus susceptible d'être prête lorsque le navigateur affiche d'abord le texte, réduisant ou éliminant le changement de police et garantissant une plus grande stabilité de mise en page.

Pourquoi devriez-vous précharger des polices?

L'avantage de précharger les polices et d'éviter les changements de mise en page est étroitement lié à l'amélioration de l'expérience utilisateur, ce qui signifie offrir une excellente première impression et s'assurer que vos visiteurs sont prêts à rester sur votre site Web et à convertir potentiellement.

De plus, le préchargement des polices peut également améliorer votre grade de peinture de contenu (LCP) la plus importante, un autre base de base vital qui mesure la rapidité avec laquelle le plus grand élément de contenu de votre page devient visible. La plongée dans les spécificités, le préchargement des polices peut optimiser les performances LCP lorsque l'élément LCP est un nœud texte - ce qui est le cas pour une moyenne de 20% des sites Web entre mobile et bureau.

3.19: Rencontrez la nouvelle fonctionnalité de polices de préchargement

Bien que le préchargement des polices puisse apporter ces gains de performances significatifs, nous avons remarqué que nos clients utilisaient à peine cette fonctionnalité ou il n'était pas toujours correctement mis en œuvre. Tout à fait le contraire: les polices de précharge se sont avérées être des performances contre-productives en termes de performances. C'est pourquoi nous voulions rendre cette option plus facile et accessible à tous nos clients tout en réduisant sa mise en œuvre incorrecte.

Et nous voici: WP Rocket 3.19 fait des polices de préchargement un processus automatisé que vous pouvez activer en un seul clic.

Vous n'avez plus besoin d'identifier manuellement les URL de fichiers de police correctes et de les précharger pour que la fonctionnalité fonctionne efficacement. Après avoir activé l'option, WP Rocket détecte automatiquement, sur chaque page, quelles polices sont utilisées au-dessus du fois et doivent être prioritaires, à la fois à partir de mobile et de bureau. Il ne précharge ensuite que ces polices pertinentes, entraînant une optimisation plus précise et plus efficace.

Cette optimisation fait une différence car le préchargement des actifs inutilisés pourrait nuire aux performances. Par exemple, si une police préchargée n'est pas utilisée dans les premières secondes de la charge de page, les navigateurs comme Chrome peuvent émettre un avertissement. En se concentrant uniquement sur les polices qui sont vraiment nécessaires au-dessus du fois, la nouvelle option de polices de précharge vous aide à éviter ces problèmes potentiels et à assurer un préchargement optimal des polices.

Veuillez noter que maintenant vous trouverez la nouvelle fonctionnalité de polices de précharge dans l'onglet Media:

Si vous avez précédemment spécifié les polices manuellement, l'option automatisée sera activée par défaut.

Conclusion : la nouvelle fonctionnalité de polices de précharge optimise automatiquement le chargement des polices, garantissant une expérience plus fluide pour vos visiteurs à partir du moment où ils atterrissent sur votre site Web - et cela ne nécessite qu'un clic.

Préconnecter aux domaines externes: un tout nouveau processus automatisé

Quant à la fonction précédente, commençons par expliquer brièvement l'impact de la préconnexion aux domaines externes sur la vitesse de votre site Web.

Préconnecter aux domaines externes en anglais ordinaire

La préconnexion aux domaines externes est une puissante technique d'optimisation qui a un impact positif sur la charge des ressources.

Lorsque votre site Web doit charger des ressources telles que des polices ou des scripts à partir de domaines externes, votre navigateur doit généralement établir d'abord une connexion à ces domaines. Ce processus de connexion peut ajouter un délai inutile au processus de téléchargement des actifs externes, impactant des mesures spécifiques dépendantes de ces actifs externes.

Préconnecte aborde ce problème en disant au navigateur à l'avance quelles connexions seront nécessaires. Cela permet au navigateur de configurer ces connexions tôt, réduisant le temps nécessaire pour charger des ressources externes lorsqu'elles sont nécessaires.

Cette optimisation apporte deux avantages:

1. Amélioration du temps de chargement : En configurant les connexions à l'avance, votre site Web peut commencer à charger des ressources externes plus rapidement - et les pages se chargent également plus rapidement.

2. Performances LCP améliorées : si votre plus grand élément de peinture contenu est une police d'un domaine tiers, la préconnexion peut l'aider à charger plus rapidement, améliorant potentiellement le score LCP.

3.19: des demandes DNS préfetch pour prévenir les domaines externes

Nous avons remarqué que la fonctionnalité de demande DNS préfescée était également sous-utilisée et souvent mal appliquée. C'est pourquoi nous avons décidé d'automatiser cette option, en le supprimant de l'interface de fusée WP et en la renommant pour pré-connecter aux domaines externes.

Avec WP Rocket 3.19, cette puissante optimisation fonctionne en arrière-plan et n'a pas besoin d'être activée. C'est pourquoi vous ne trouverez plus cette fonctionnalité dans les paramètres de fusée WP.

Voici ce que vous devez savoir sur cette amélioration:

1. C'est un processus entièrement automatisé : vous n'avez plus à identifier manuellement les domaines à inclure lors de la mise en œuvre de l'optimisation. WP Rocket le gère désormais automatiquement.

2. Il est appliqué uniquement sur les pages où il est nécessaire, à la fois sur le mobile et le bureau, résultant en une approche plus efficace et ciblée qui est cohérente sur tous les appareils.

Comme expliqué ci-dessus, cette fonctionnalité peut entraîner des temps de chargement de page plus rapides et un score LCP amélioré - le tout sans que vous ayez à soulever un doigt.

Si vous souhaitez désactiver la fonctionnalité, vous devez appliquer le filtre suivant:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Nous vous suggérons de le désactiver uniquement si votre site Web a plus de dix domaines à précharger - dans ce cas de bord, il est préférable de laisser le navigateur gérer le processus. Bien qu'il existe généralement quelques domaines externes par page, vous pouvez vérifier si ce scénario s'applique à votre site Web en examinant le code source de la page et le nombre d'occurrences de données de données de données.

Conclusion : la fonction de préconnexion aux domaines externes est une nouvelle amélioration automatisée qui établit des connexions plus rapides entre votre site Web et les ressources externes tout en supprimant le risque d'implémentation incorrecte.

Performances affinées: optimisations automatisées en action

En parlant des fonctionnalités de fusée WP qui fonctionnent automatiquement, la préconnexion aux domaines externes est le dernier, et il ajoute à ceux existants:

• Cache de page (y compris le cache mobile)

• Optimiser les images critiques

• Rendu paresseux automatique

• Cache de navigateur

• Compression GZIP

• Prise en charge de l'origine croisée pour les polices Web

• WooCommerce Refresh Cart Fragments Cache

• Optimiser les fichiers de polices Google

• Désactiver les emoji WordPress

Toutes ces fonctionnalités n'ont pas d'interface utilisateur - elles fonctionnent simplement. Soyez assuré que si vous en avez besoin, vous pouvez toujours les désactiver à l'aide d'un filtre ou d'un plugin d'aide.

Ces fonctionnalités automatisées sont au-dessus des options qui s'allument lorsque vous activez la fusée WP pour la première fois, telles que Minify CSS et JS, la durée de vie du cache, le cache de précharge, les liens de précharge et le contrôle du rythme cardiaque.

Pas étonnant que votre site Web obtienne une augmentation de la vitesse dès que vous activez notre plugin!

Si vous êtes curieux de savoir l'impact réel de ces automatisations, gardez à l'esprit que les résultats peuvent varier en fonction de votre site Web spécifique. Bien que WP Rocket 3.19 apporte de nouvelles améliorations, les améliorations des performances que vous verrez s'ajouter aux gains de vitesse déjà obtenus par nos fonctionnalités existantes.

Emballage

WP Rocket 3.19 renforce notre engagement à suivre l'approche des «décisions, et non des options» et de la réalisation d'optimisations complexes en tant que processus automatisés. Nous nous efforçons de faire les bons choix pour vous, vous n'avez donc pas à passer du temps et des efforts pour comprendre ce qui est le mieux pour votre site Web.

Nous supprimons progressivement les obstacles à des performances élevées, garantissant que davantage d'utilisateurs peuvent bénéficier d'optimisations avancées - et plus encore à venir!

Prêt à voir comment ces nouvelles fonctionnalités automatisées peuvent aider votre site? Mise à jour de WP Rocket 3.19 ou essayez-le avec notre garantie de remboursement de 14 jours. Découvrez de première main la façon dont nous simplifions l'optimisation et faites-nous savoir vos réflexions dans les commentaires!