cacheLa mise en cache est probablement la technique la plus efficace pour réduire le temps de chargement de plusieurs centaines de millisecondes.
Mais s’il est facile de mettre en cache les ressources statiques d’une page web, vous avez probablement été confronté(e) à la difficulté de mettre en cache des pages web.
Et le problème se situe bien ici : presque toutes les pages web sont personnalisées en fonction de l’utilisateur. Alors, comment faire pour continuer de profiter des bénéfices de la mise en cache lorsque les pages sont dynamiques ?

C’est une question qui est souvent revenue lors de nos échanges avec les e-commerçants.
Nous avons donc développé il y a quelques temps, le Smart Cache, désormais utilisé par bon nombre de nos clients. Présentation !

Qu’est-ce que le Smart Cache ?

Pour faire simple, le Smart Cache permet de mettre en cache les pages dynamiques. Plus précisément : il permet de mettre en cache la partie statique d’une page dynamique.
Pour ça, nous identifions les parties dynamiques et statiques d’une page web. Ensuite, les parties statiques sont cachées tandis que les parties dynamiques sont chargées en Ajax dans un second temps. Et tout ça automatiquement ! (C’est un peu l’ajaxification de vos pages !)

Quels gains ?

Prenons un exemple concret : celui d’un site e-commerce de mode féminin.
Nous avons effectué des tests sur la Home Page du site et analysé ses performances sous l’angle de deux métriques incontournables en terme d’expérience utilisateur : le Start Render et le Speed Index.

Smart Cache

L’impact est en moyenne 42% plus fort lorsqu’on intègre le Smart Cache (en comparaison à la version Fasterizée).

Ces chiffres montrent clairement la puissance du Smart Cache.

Dans quels cas le Smart Cache est-il intéressant ?

Le Smart Cache est particulièrement performant lorsque les pages d’un site web sont presque cachables. Nous aussi avons tous connu cette frustration de ne pas pouvoir cacher une page juste à cause d’une toute petite partie dynamique, particulièrement quand cette partie dynamique met du temps à répondre. Aujourd’hui, il est désormais possible de passer outre cet obstacle et de s’affranchir d’un back-end à la traîne.

Qu’en est-il des ESI ?
Vous connaissez sûrement les ESI utilisés par Varnish ou certains CDN.
Le principe du Smart Cache est très similaire à celui des ESI. Il y a pourtant deux différences importantes :
La première différence est que dans le cas du Smart Cache, la page est reconstituée sur le navigateur et non sur le serveur de cache.
Ainsi, pendant que le serveur de cache reconstitue la page complète à partir des fragments ESI, le navigateur ne fait rien, là où le Smart Cache aura déjà délivré une partie de la page et où le navigateur pourra déjà afficher les éléments statiques de la page. L’utilisateur peut déjà utiliser le site et interagir avec la page.
La deuxième différence se situe au niveau de la mise en place :

  • pour les ESI : il faut modifier ses templates pour intégrer des tags ESI
  • pour le Smart Cache : il faut renseigner les zones dynamiques directement dans la configuration Fasterize.

Afin d’accompagner plus facilement les utilisateurs de ce type de solution, notez que les instructions ESI seront prises en compte par Fasterize dans de futurs développements.

Comment bénéficier du Smart Cache sur son site web ?

Le Smart Cache est déjà utilisé par des sites tels que Nature & Découvertes, Nocibé, Petit Bateau, etc.
Si vous aussi souhaitez en bénéficer et que vous êtes client, contactez directement le support.
Sinon, parlez-nous de vos besoins !

Des questions sur le Smart Cache ? Postez-les dans les commentaires ci-dessous !

A lire aussi :

VOUS AIMEREZ PEUT-ÊTRE AUSSI...

Insight, pour évaluer la rapidité de votre site, e... Connaissez-vous Insight, l’outil de Fasterize qui vous permet d’analyser gratuitement et en quelques instants la rapidité de votre site web ...
Yellow Lab Tools + Fasterize = 💙 Nous vous en avions déjà parlé dans notre article sur les outils incontournables pour analyser la performance de votre site web. Yellow Lab ...
Rapport de transparence – janvier 2018 La transparence est une valeur importante pour Fasterize. C'est pourquoi nous avons choisi de vous dévoiler les coulisses de notre support. ...
Les évolutions et améliorations du Smartcache Depuis le lancement début 2015 du Smartcache, cette solution de mise en cache des pages dynamiques est devenue indispensable pour nos client...