Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: How to defer certain images for faster page loading  (Read 4397 times)

Offline Ollie

  • Sr. Member
  • ****
  • Posts: 253
  • Karma: +27/-1
    • View Profile
    • Assistech
How to defer certain images for faster page loading
« on: August 14, 2016, 01:16:09 AM »
In this article, Patrick Sexton explains how to defer certain images without JQuery for faster page loading. I applied this technique to my category/subcategory images and I'm very happy with the result. I noticed my website loads much faster.

https://varvy.com/pagespeed/defer-images.html

These were the two files I have used:

/storefront/view/default/javascript/common.js
/storefront/view/default/template/blocks/category-top.tpl

NOTE: Along with image deferment, I also used image compression.
« Last Edit: August 14, 2016, 01:18:18 AM by Ollie »
Assistive technologies for people with special needs:
https://assistech.com/store/

 

Powered by SMFPacks Social Login Mod