10.11.11

Magento – Chargement Ajax des produits load on scroll

ecommerce shop
5/5 - (1 vote)

Une nouvelles fonctionnalité que nous venons de mettre en place sur le site Magento d’un de nos client spécialiste coques et accessoires Iphone (Accessoirement premier sur Google sur “coque iPhone“).
Vous pouvez la tester sur cette page par exemple: Toutes les coques Iphone 4.

magento load on scroll

Le principe est simple au lieu de charger 64 produits d’un seul coup nous n’en chargeons plus que 12 (3 lignes de 4).
Et nous chargeons les produits suivants en AJAX au fur et à mesure que le visiteur scroll. Soit par exemple ici jusqu’à 264 produits.

Ceci réduit considérablement la charge serveur mais aussi et surtout le temps de chargement de la page qui se retrouve facilement divisé par 2 (La page possède par ailleurs un score PageSpeed de 95% !).
Ce genre de développement est par exemple présent sur de grand e-commerce comme Amazon (qui nous a inspiré) mais aussi Spartoo ou Google Image.

Un atout pour le site de notre client avant le rush de Noël déjà bien commencé.

About Christophe