{"id":1113792,"date":"2019-04-09T15:30:22","date_gmt":"2019-04-09T13:30:22","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=1113792"},"modified":"2019-07-27T18:34:55","modified_gmt":"2019-07-27T16:34:55","slug":"wp-rocket-3-3","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-3\/","title":{"rendered":"Voici WP Rocket 3.3 et son LazyLoad encore plus puissant ?"},"content":{"rendered":"

Le printemps fleurit du c\u00f4t\u00e9 de chez nous : quoi de mieux pour f\u00eater cette nouvelle saison qu’une toute nouvelle version WP Rocket ? ?
<\/p>

Nous sommes heureux d\u2019annoncer aujourd\u2019hui la sortie de la toute derni\u00e8re version majeure de notre plugin : la 3.3<\/strong>, qui comprend des fonctionnalit\u00e9s fantastiques et de nouvelles compatibilit\u00e9s ! ?\u2728
<\/p>

La plupart des nouvelles fonctionnalit\u00e9s se passent sous le capot<\/strong> de la machine, ne vous inqui\u00e9tez donc pas si vous ne voyez pas de gros changements dans l’interface du plugin : rassurez-vous, ces fonctionnalit\u00e9s oeuvreront pour rendre votre site plus rapide et booster ses performances !
<\/p>

Nouveaut\u00e9 : le d\u00e9ploiement progressif
<\/h2>

C’\u00e9tait la premi\u00e8re fois que nous lancions une sortie \u00e9chelonn\u00e9e pour une version majeure. <\/p>

Le 1er avril, nous avons commenc\u00e9 \u00e0 d\u00e9ployer la version 3.3 aupr\u00e8s d\u2019un petit \u00e9chantillon de clients (10% d’entre eux, choisis al\u00e9atoirement); nous avons lentement augment\u00e9 l’\u00e9chantillon jour apr\u00e8s jour, jusqu’\u00e0 couvrir 100% de notre base clients le 9 avril.
<\/p>

L’objectif principal de cette m\u00e9thode est d’ajouter un niveau de s\u00e9curit\u00e9 suppl\u00e9mentaire \u00e0 notre version : nous voulions \u00eatre en mesure d’identifier les probl\u00e8mes inattendus avant de rendre la nouvelle version disponible \u00e0 tous nos clients. <\/p>

C’est pourquoi certains d’entre vous ont pu mettre \u00e0 jour la 3.3 avant le reste de nos clients. ?
<\/p>

Voyons maintenant les nouvelles fonctionnalit\u00e9s en d\u00e9tail.
<\/p>

Une exp\u00e9rience LazyLoad \u00e9tendue
<\/h2>

Jusqu’\u00e0 pr\u00e9sent, WP Rocket ne pouvait que diff\u00e9rer le chargement d’images standard sur votre site, telles que celles trouv\u00e9es dans les balises <img><\/em>. Toutes les images ajout\u00e9es dans les publications, widgets, etc… \u00e9taient (et sont toujours !<\/em>) lazyload\u00e9es automatiquement.
<\/p>

Avec la version WP Rocket 3.3, notre Lazyload sera d\u00e9sormais appliqu\u00e9 sur le hook template_redirect<\/em> : en clair, cela signifie que notre LazyLoad sera en mesure d\u2019optimiser plus d’images<\/a> et, en m\u00eame temps, de rencontrer moins de conflits.
<\/p>

Une autre am\u00e9lioration li\u00e9e \u00e0 ce nouveau proc\u00e9d\u00e9 est que notre LazyLoad s’appliquera d\u00e9sormais \u00e0 certaines images de background et aux images des \u00e9l\u00e9ments <\/strong><picture><\/em><\/strong> ! <\/strong>?
<\/p>

WP Rocket va automatiquement lazyloader les images de fond qui se trouvent dans le HTML de votre page avec cette balise :
<\/p>

<div style=\u00a0\u00bbbackground-image: url(image.jpg)\u00a0\u00bb><\/em>
<\/p>

L’\u00e9l\u00e9ment <div><\/em> peut avoir d’autres classes ou attributs, il fonctionnera toujours. <\/p>

Une fois lazyload\u00e9, l’\u00e9l\u00e9ment sera transform\u00e9 en :
<\/p>

<div data-bg=\u00a0\u00bburl(image.jpg)\u00a0\u00bb class=\u00a0\u00bbrocket-lazyload\u00a0\u00bb style=\u00a0\u00bb\u00a0\u00bb><\/em>
<\/p>

Voyons la transformation d’une mani\u00e8re plus visuelle.<\/p>

Voici un exemple de balise d’image de fond qui va \u00eatre lazyload\u00e9e :<\/p>

\"\"\/<\/figure>

Une fois le LazyLoad appliqu\u00e9, la balise devient :<\/p>

\"\"\/<\/figure>

Il s’agit d’une balise commune, utilis\u00e9e par les constructeurs de pages les plus r\u00e9pandus. <\/p>

D’une mani\u00e8re g\u00e9n\u00e9rale, les images d’arri\u00e8re-plan seront automatiquement lazyload\u00e9es lors de leur ‘utilisation : <\/p>