IMPORTANT: Ezoic Leap est actuellement en version bêta et lentement mis à la disposition des utilisateurs de monétisation Ezoic; toutefois, il sera disponible à l’échelle mondiale avant la mise à jour de l’expérience de page de Google (actuellement ciblée pour mai 2021).

Not-Fighting.com
site rapide wordpress

Temps de réponse du serveur

  • Score phare Google Chrome 96% 96%
N

Passer les Core Web Vitals

Ce site a généré des données de passage (vertes) CLS, LCP et FID dans le domaine des phares et les données de laboratoire

  • Test 1 – 68, 2/3 Web Vitals 68% 68%

Erreur de cache. Le temps de réponse du serveur était le principal problème de Lighthouse lors du premier test. Ezoic Leap a montré une absence de cache, et comme la livraison à partir d’un CDN est essentielle pour le TTFB, j’ai simplement refait le test parce que j’avais vidé le cache avant le test.

  • Test 2 – 90+, 2/3 Web Vitals 95% 95%

Excellent score, à défaut CLS (2/3 Core Web Vitals). J’ai éliminé le problème de réponse du serveur en relançant le test, sachant que ma page était probablement en cache maintenant. Leap a montré mon menu comme étant le problème de CLS donc je l’ai supprimé du script delay de Leap. Cela a fixé le menu dans l’aperçu alors j’ai décidé de faire un 3ème test pour être sûr.

  • Test 3 – 98, 3/3 Web Vitals 98% 98%

Parfait ! Leap m’a aidé à comprendre la mise en cache dans le premier test, m’a montré mon problème dans le 2ème et m’a aidé à le réparer, et le résultat a été un score parfait.

Hôtes, CDN, Theme, Plugins et Paramètres Ezoic utilisés

  • WordPress v5.6
  • Thème : Sanse
  • Thème enfant : Custom
    • Suppression des CSS, JS et blocs de Woocommerce sur les pages et les articles.
    • Dépouillement des scripts Jetpack sur les pages et les articles
  • L’hôte original était AWS – Lightsail
  • Hôte — Hébergement WordPress gratuit Ezoic
    • Serveur partagé
    • (doit avoir le site WP existant à transférer)
  • CDN — CDN super-rapide d’Ezoic
    • Mise en cache Ezoic activée
  • Woocommerce (+woopayments, etc.)
  • Jetpack (Jetpack)
  • Manager CDN Ezoic
  • Configurateur de thème d’enfant
  • Formulaire de contact 7
  • Askisitme Antispam
  • Insérer des en-têtes et des pieds de page
  • Plugin d’expédition d’impression

Méthode d’intégration = Cloud (Cloudflare ou mise à jour des serveurs de noms)

  • Monétisation = Activé
    • Testeur d’annonce = Activé
      • beaucoup de placeholders ajoutés
      • Annonces natives = Off (je ne les aime tout simplement pas)
    • Annonces.txt = Activé
    • Sellers.JSON = Activé
  • Vidéo = Activé
  • Mise > en cache de vitesse > activée
    • Cache Override = Activé
  • Ezoic Leap Activé (bêta)
    • CSS = Activé
    • Minify = Activé
    • Images = Activé
    • Exécution du script = Activé
      • Scripts de menu exclus (paramètres avancés)
    • Stratégie de cache statique = Activé
    • Contenu = Activé
    • Pré-connexion = Activé

Comment j’ai utilisé Ezoic Leap pour rendre ce site rapide

REMARQUE : sous le texte, j’ai créé un lien vers le thème que j’ai utilisé, mais je ne le recommande pas. Ce processus devrait fonctionner avec la plupart des thèmes.

J’ai créé un thème enfant pour fixer woocommerce et jetpack scripts qui n’étaient pas nécessaires sur toutes les pages et ai migré le site vers l’hébergement Ezoic.

J’avais précédemment hébergé le site sur AWS Lightsail sur un serveur dédié pour moins de 3,50 $ par mois; cependant, c’est assez rapide et je voulais tout faire sur un serveur partagé. Ezoic offre gratuitement l’hébergement WordPress. C’est très basique, mais disponible pour tous ceux qui ont un site WordPress existant sur l’hébergement Ezoic ailleurs.

Mon site a été intégré via Cloud à l’origine via Cloudflare, mais lorsqu’il est hébergé avec Ezoic, j’utilise techniquement des serveurs de noms Ezoic maintenant.

J’ai allumé Speed > Caching > Override Allumé.

cdn Ezoic super rapide

J’ai installé le Plugin Ezoic CDN Manager de sorte que lorsque j’ai mis à jour des pages ou des messages, je n’aurais pas à effacer le cache Ezoic dans le tableau de bord Ezoic. Il le fait également de sorte que je n’efface pas tout mon cache de site quand je fais des mises à jour.

Effacer le cache signifie que le premier visiteur après avoir été effacé d’un CDN local n’aura pas la version mise en cache d’une page et que le temps de réponse de son serveur sera plus long. Cela peut affecter les scores lighthouse, ce qui signifie souvent que vous devez exécuter un 2ème test pour obtenir le score réel.

Ensuite, j’ai activé Ezoic Leap (bêta) – qui sera disponible dans l’onglet Vitesse une fois disponible dans le monde entier pour tous les utilisateurs Ezoic gratuitement.

Paramètres > d’optimisation Leap > recommandés.

J’ai prévisualisé le site et activé Leap.

cache effacé

J’ai effacé à la fois le cache de vitesse du site et effacé le cache de tout mon site dans l’application Caching à l’intérieur de l’onglet vitesse.

[I waited 10 minutes]

J’ai testé le site dans Chrome Lighthouse et obtenu un score de 68, passant 2/3 Core Web Vitals.

cache ezoic leap

La recommandation était que mon temps de réponse du serveur était trop long. Comme je n’ai fait que vider le cache, j’ai probablement obtenu l’exécution du test avec un appel à mon serveur d’origine.

Que faire à ce sujet ? Eh bien, j’ai vérifié l’extension Chrome d’Ezoic (onglet vitesse) pour être sûr. J’avais raison.

chrome Ezoic

Étant donné que la mise en cache est correctement activée sur mon site et qu’aucun autre plugin ou hôte de mise en cache ne l’a perturbée, tout ce que j’avais à faire était de relancer le reste et je pensais que la page serait mise en cache après la première exécution.

J’ai testé le site à nouveau 1 minute plus tard et j’ai obtenu un score de 95, mais je n’ai pas réussi à obtenir le CLS.

site rapide avec ezoic

J’ai utilisé l’extension Ezoic Chrome pour identifier le menu comme la cause de CLS. Le menu est resté ouvert, donc le paramètre d’exécution de script dans Leap l’affecte probablement. J’ai décidé d’ajuster ce script et de le supprimer des paramètres dans les paramètres avancés de cette fonctionnalité.

cls Leap Ezoic

Leap > Paramètres d’Optimisation > Execution Script Advancée > > Trouver les scripts retardés

J’ai modifié les paramètres et exclu uniquement mon script de menu des recommandations originales de Leap.

Je me suis assuré de prévisualiser le site à nouveau en utilisant l’URL de prévisualisation. J’ai utilisé Chrome Inspect pour vérifier la version mobile de mon site et mon menu se refermait correctement, de sorte que le paramètre d’exécution du script a fonctionné. J’ai aussi lancé un aperçu de l’URL dans PageSpeed Insights et… Bingo ! (99 et 3/3 Web Vitals).

site web rapide

J’ai activé mes paramètres Leap mis à jour. Ensuite, j’ai vidé les caches des applications de vitesse du site et de mise en cache et j’ai attendu 10 minutes de plus.

Maintenant, mon site est constamment 95 + et 3/ 3 (vert) Core Web Vitals (Lab, Field, et Emulated Data). Il faut 28 jours à Google pour constituer des données pour Search Console, mais après cela, je devrais commencer à ne voir que du vert sur toutes mes pages.

Dernière remarque: le menu, le problème CLS n’avait pas besoin de paramètres avancés et d’exclusions de script pour passer les Core Web Vitals. Avant d’exclure le script du menu de Script Execution, j’ai simplement désactivé l’exécution du script et prévisualisé le site et exécuté l’aperçu à travers Lighthouse. J’ai obtenu une note parfaite à Core Web Vitals, mais ma note globale n’était que de 74. J’ai donc fait un effort supplémentaire, mais je doute que cela ait de l’importance.

Notes sur WordPress Speed (et mon site)

Il y a plusieurs choses à apprendre de ce site.

1. Le site a des oeufs de Pâques pour les amateurs de vitesse

Je savais que le site serait probablement beaucoup consulté. Oui, c’est un nouveau site qui n’a pas beaucoup de pages. Je me suis assuré qu’il contenait un article long, des publicités, des articles recommandés, des vidéos, des widgets de partage et d’autres fonctionnalités courantes afin de pouvoir les tester.

Une page contient une vidéo intégrée à partir de YouTube, et c’est la page la moins bien notée (bien qu’elle ait dépassé Core Web Vitals), mais une autre page contient un lecteur vidéo Ezoic intégré. La page avec le lecteur Ezoic obtient toujours un score de 90+ en passant les Core Web Vitals.

2. Les tests de vitesse ne sont pas aussi binaires que tout le monde le souhaiterait.

Par exemple, exécutez certaines des pages via PageSpeed Insights 5x et vous recevrez probablement 5 scores différents. Pourquoi ?

C’est parce que les annonces seront différentes à chaque fois. Ce site a la fâcheuse qualité de ne pas recevoir beaucoup de trafic et, comme il est nouveau, peu d’annonceurs font des offres. This means that it will often be served some rather inefficient display units ad, which will usually affect the speed – / + 5% on different pages.

Il y a également le temps de réponse du serveur. Si une page est servie à partir du CDN ultra-rapide d’Ezoic, c’est ultra-rapide. Si ce n’est pas le cas, le score sera généralement plus faible ; toutefois, cela ne se produit généralement qu’au premier test et, dans le monde réel, tant que le cache n’a pas été vidé ou que le délai d’attente n’a pas expiré, un seul utilisateur du monde réel sera confronté à ce problème localement, puis tous les autres recevront la version en cache de la page.

3.) Le nuage d’Ezoic est super-rapide donc je n’ai pas laissé les choses le ralentir

L’une des clés pour atteindre ce niveau de vitesse est de supprimer toutes les technologies qui pourraient empêcher Ezoic et Leap de livrer mon site directement à partir du nuage avant même d’activer Leap. La raison pour laquelle Ezoic est la seule plate-forme qui peut aider à rendre les sites plus rapides et diffuser des annonces sans astuces ni pertes de revenus majeures est en raison de l’intégration cloud et de la diffusion d’annonces côté serveur.

L’intégration côté serveur Ezoic signifie que je peux désactiver toutes les couches de mise en cache du côté de mon hôte, Cloudflare, et à l’intérieur de mon site WordPress. Je n’ai pas installé de plugins de vitesse ou plugins de mise en cache. La sur-optimisation de la vitesse est un problème et l’utilisation de tous les plugins et de toutes les fonctions du thème qui tentent de réduire le code, de différer ou d’asynchroniser le chargement, de compresser les images ou de mettre le contenu en cache est le meilleur moyen de s’assurer que Leap fonctionne à pleine capacité.

Leap est meilleur que n’importe quel plugin ou fonctionnalités d’un CDN ou d’un hôte pour les optimisations d’images/ contenus/code. Dupliquer ces choses avec des plugins ou d’autres outils signifie des appels supplémentaires, plus de chances de quelque chose se rompe, et plus de maux de tête pendant les tests.

4. Les plugins et les scripts sont un compromis

Je voulais avoir une boutique sur mon site et WooCommerce (qui nécessite également Jetpack pour l’expédition pour une raison quelconque) fournit la fonctionnalité que je voulais ; cependant, j’ai dû créer un thème enfant juste pour supprimer toutes les CSS et JS qu’ils ajoutent aux pages et aux articles (je n’ai besoin de les charger que dans la boutique). Il existe des plugins qui font cela, et je pourrais demander à Leap de supprimer les CSS inutilisés par page, mais cela rend souvent les sites plus lents pour les utilisateurs réels.

J’ai choisi de le faire de la manière forte. Vous pouvez voir le code que j’ai ajouté au thème enfant de mon site pour supprimer ces choses si vous avez un problème similaire.

----
/**
 * Disable WooCommerce block styles (front-end).
 */
function slug_disable_woocommerce_block_styles() {
  wp_dequeue_style( 'wc-block-style' );
}
add_action( 'wp_enqueue_scripts', 'slug_disable_woocommerce_block_styles' );
/**
 * Manage WooCommerce styles and scripts.
 */
function grd_woocommerce_script_cleaner() {
	
	// Remove the generator tag
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );

	// Unless we're in the store, remove all the cruft!
	if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
		wp_dequeue_style( 'woocommerce_frontend_styles' );
		wp_dequeue_style( 'wc-block-vendors-style-css' );
		wp_dequeue_style( 'woocommerce-blocks');
		wp_dequeue_style( 'woocommerce-general');
		wp_dequeue_style( 'woocommerce-layout' );
		wp_dequeue_style( 'woocommerce-smallscreen' );
		wp_dequeue_style( 'woocommerce_fancybox_styles' );
		wp_dequeue_style( 'woocommerce_chosen_styles' );
		wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
		wp_dequeue_script( 'selectWoo' );
		wp_deregister_script( 'selectWoo' );
		wp_dequeue_script( 'wc-add-payment-method' );
		wp_dequeue_script( 'wc-lost-password' );
		wp_dequeue_style ( 'wc-block-vendors-style-css' );
		wp_dequeue_script( 'wc_price_slider' );
		wp_dequeue_script( 'wc-single-product' );
		wp_dequeue_script( 'wc-add-to-cart' );
		wp_dequeue_script( 'wc-cart-fragments' );
		wp_dequeue_script( 'wc-credit-card-form' );
		wp_dequeue_script( 'wc-checkout' );
		wp_dequeue_script( 'wc-add-to-cart-variation' );
		wp_dequeue_script( 'wc-single-product' );
		wp_dequeue_script( 'wc-cart' );
		wp_dequeue_script( 'wc-chosen' );
		wp_dequeue_script( 'woocommerce' );
		wp_dequeue_script( 'prettyPhoto' );
		wp_dequeue_script( 'prettyPhoto-init' );
		wp_dequeue_script( 'jquery-blockui' );
		wp_dequeue_script( 'jquery-placeholder' );
		wp_dequeue_script( 'jquery-payment' );
		wp_dequeue_script( 'fancybox' );
		wp_dequeue_script( 'jqueryui' );
	}
}
add_action( 'wp_enqueue_scripts', 'grd_woocommerce_script_cleaner', 99 );
/**
 * Manage Jetpack CSS largely unused.
 */
add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );
add_filter( 'jetpack_sharing_counts', '__return_false', 99 );
-----

Je sais que cela dépasse la tête de beaucoup. Cela met en évidence quelque chose d’important sur la vitesse du site.

Il y a toujours des compromis. Si vous voulez quelque chose comme une barre flottante de partage social, une vidéo en lecture automatique ou des tweets intégrables, ces pages peuvent avoir un « coût de rapidité ». Ce n’est pas grave. Je suis convaincu que la chose la plus importante pour les moteurs de recherche et les utilisateurs réels est le contenu lui-même 🙂

Si le contenu ou les scripts de la page ralentissent un site, demandez-vous : « Est-ce que le fait d’avoir cela sur la page est plus important que le coût qu’il a pour la vitesse de la page ? »

Dans la plupart des cas, je pense que la réponse est oui. Mais, c’est juste mon opinion.

Obtenez Leap

En savoir plus sur Leap ou inscrivez-vous pour y accéder lorsqu’il est disponible ici.

Thème du site utilisé

Remarque : L’ajout ou le remplacement d’un thème WordPress peut entraîner la perte de données liées à vos espaces réservés Ezoic. Changer de thème est également difficile si vous utilisez un constructeur de pages WordPress hypertrophié, comme Elementor ou Beaver Builder, ce qui ne devrait être fait que si vous savez comment atténuer les risques de perte de revenus et la façon dont votre site s’affiche pour les visiteurs. La fonction d’aperçu doit toujours être utilisée avant d’activer un nouveau thème.

Thème enfant du site utilisé

Remarque : Un thème enfant prend tous ses attributs du thème parent. Les thèmes et les thèmes enfants ne doivent pas être utilisés sans une bonne connaissance de WordPress. Le thème parent est nécessaire pour ce thème enfant, et inclut des personnalisations qui suppriment les scripts Woocommerce et les scripts JetPack de toutes les pages et publications (et ne les inclut que sur les pages de magasin, de produit et de caisse du site).