zencart lazyload插件

欢迎来zencart.mezencart教程


延迟加载lazyload是一个jQuery插件,JavaScript编写的。长网页延迟加载的图像。视口以外的(可见部分网页)的图片不会被加载之前用户滚动到他们。这是相反的预加载图像。


长的网页,包含许多大型图像使用延迟加载,使页面加载速度更快。装载可见光图像后,浏览器将处于就绪状态。在某些情况下,它也可以帮助减轻服务器负载。


怎么整合到zencart


zencart lazyload插件 这个插件只加载图像是在可见光部分的网页,这是非常有用的,有很多的产品页上的商店。只加载第一8-10(取决于您的设置)图像,其余未加载,直到访问者滚动下来。因此,在技术上,它取代所有目标的图像一个“灰色”的形象,当它在一个视图区域,它取代回原来的。


优点


那么,最重要的是在页面的加载时间,它大大降低了它,因为现在只有少数的影像,而不是所有的人都被加载。其次,它也是良好的SEO,谷歌喜欢速度快的网站,尽管它只有一个许多因素影响的排名和我个人的思想 �C 它的重量是相当接近零)。第三,你的访客会欣赏它,没有人喜欢等待,直到他们被加载慢的网站或浪费时间。


缺点


我也警告你,不幸的是,也有一些缺点。


安装


我花了一些时间来做这件事,所以对于那些想拥有它,并节省您的时间,这里的步骤是如何做到。


1。上传文件到您的服务器,这些都是新的文件,不覆盖任何旧的。

2。现在到了有趣的部分,你将需要编辑你product_listing.php的文件,它的位置- “/包括/模块/ product_listing.php的”,。但是,如果你的模板使用其自己的产品上市模板,你会需要它,而不是修改。

看: 如果(isset($ _GET ['manufacturers_id'])){ 它下面有两行#162和#164,他们开始与的“$ lc_text =”。Readme.txt文件中的代码更改他们每个人


3。添加到您的模板样式: listingProductImage { 显示:无; }


http://pan.baidu.com/share/link?shareid=3547858823&uk=2835520937




你可能感兴趣的:(zencart,zencart教程)