Ici, on ne fait pas dans le million.
Dans le cocon, on est dans la précision.
Quand on veut gagner du coup, on cherche à grappiller des millisecondes.
Qui veut gagner des millisecondes ?
Après l’article sur le TTFB, j’ai cherché à optimiser un peu ce site (un WordPress).
Après les classiques : minification js,css, cache, « faux » cdn
(j’y reviendrais dans un autre article si vous voulez),
j’avais encore un truc qui me chiffonnait dans la vue « Waterfall » de Webpagetest :
Enlever wp-emoji-release.min.js de WordPress 4.2
Vous voyez ce « wp-emoji-release.min.js », qui bloque pendant 171ms ?!
En plus vous me connaissez, les emojis et moi ça fait 3.14 , alors j’en ai rien à cirer !
Ca a été introduit depuis WordPress 4.2 , et heureusement on peut sabrer dedans.
Pas besoin de plugin, ici chez cocon on est des puristes, des vrais.
10 fichiers et 200 lignes de plugin pour quelques lignes de code utile, ça ne nous ressemble pas.
C’est tout aussi simple de toucher directement à notre thème, qui est déjà personnalisé de toute façon.
Regarde maman, sans plugin !
Dans le functions.php de votre thème, ajouter à la fin :
// REMOVE WP EMOJI
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
C’est dans le sac.
Plus d’Emojis, plus de js qui bloque. Et hop, presque 200ms de gagnés.
(au passage, je vais me faire engueuler par Christian, je crois que j’ai cassé la coloration syntaxique avec mes optis… oups !)
Quoi, vous ne me croyez pas quand je vous dis que ça marche ?
Bon ok :
A pu, emojis partis.
Bon, c’est pas fini, je vais sans doute régler son compte à font-awesome.
C’est pas wtf, mais ce gros « .woff2 » pour afficher 3 icônes, ça me démange…
En tout cas pour le moment, moins d’une seconde pour l’affichage de la home à partir d’un cache vide, c’est pas mal, non ?
Vous aussi, vous voulez gagner des millisecondes ?
Allez-y, c’est facile 🙂
Sylvain
@SylvainDeaure
Tweeter « Qui veut gagner des millisecondes ? »
D’autres articles techniques ? Avec plaisir :
J’ai testé sur www. graveson-provence .com en regardant sur Gtmetrix, PageSpeed Score
(95%) YSlow Score (92%) j’ai gagné 1% sur Yslow.
Oui, là c’est du détail qui ne fait pas forcément évoluer le score global.
Il faut vraiment regarder le waterfall de près pour voir ce qui bloque. En score, ça peut ne rien changer.
(sur tes 2 secondes de chargement, ça joue peu)