在Joomla里高质量大图片缓冲问题

想要寻求一款插件或者是一段控制代码,可以使客人打开网站时图片更加流畅的展现,而不是像一般情况这样从上往下清晰的缓冲,更有甚者是全部缓冲完才显示,如果网速慢要等上很久很久,如此这般何淡客户体验度啊,是否有像QQ相册和百度图片那样鱼与熊掌都可兼得的方法,研究过它们的网站,但是对那些Javascript什么的不懂。
用过QQ相册或者百度图片都有比较好的体验度,他们做得很不错,因为即使再慢的网速,首先会以最短时间缓冲显示一幅比较模糊的图片,然后再慢慢缓冲到清晰的图片,而不是一片空白的背景色然后一直等待。当然淘宝做得更牛B,几米长的全产品图片页面,单页容量好十几MB都可以在很低的网速下最佳呈现出来,可能他们服务器多快吧。
,一口气写了好多篇话题和问题,望见怪莫怪哦,在线等你消息。
已邀请:

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

图片,尤其是高清、大尺寸图片,很显然会增加页面体积,从而延长了页面完全加载的速度。这是自然之理,并不是 Joomla CMS 的错,换成任何网站系统,都会面临这个问题。
从图像文件本身来讲,图片的格式及压缩算法有一定影响。例如,png 图片就比 jpg 压缩率更高,更适合网页展示。即使针对同一张 png 图片,还有某些特殊的图像处理软件可以继续对它进行压缩,减小体积,但不减小尺寸,同时在肉眼看来图像质量没有什么损失。—— 所以,如果你打算在网站上展示很多图片,最好先把图片本身优化一下。
当图片文件固定下来之后,对同一个图像文件,采用一些技巧,也能加快在网页上的加载速度。
最简单的解决办法是:如果能接受缩略图,就先加载小尺寸(例如 200x200px)的缩略图,点击之后才加载大图(采用 lightbox 特效弹出更漂亮)。这就是说,页面第一次加载完毕时,完全没有加载大图,只加载小图,这样就很快。只有当访客点击某个缩略图时,才加载对应的大图(并不是加载全部大图)。这样应该能解决一部分问题。Joomla 有专门的插件可以自动生成缩略图并自动链接到大图,例如 BK Multithumb 插件

如果不喜欢缩略图形式,那么可以考虑安装 Lazy Load for Joomla
插件。该插件的工作模式是:如果网页上有多个图片(例如淘宝网商品说明里面可能有五六十张大图),页面也很长,那么 Lazy Load 首先将文字全部加载完毕,然后只加载进入到电脑显示屏范围内的图片。在显示屏之外、还未进入视野的图片均不加载。当访客滚动页面,下面的图片即将进入视野时,开始加载它。—— 实际上淘宝已经使用了这项技术。
另外,还可以考虑启用缓存技巧,某些高级缓存技术可以将图片缓存在客户端浏览器临时文件中。当访客下一次再访问你的网页时,就快多了。
最后,如果经费允许,最好给网站开启 CDN,这样,你的同一张图片就会被 CDN 自动复制多份,保存在全球多个服务器上。每一个访客打开同一个网址时,实际上图片并不来自同一个服务器,而是来自与该访客最近的那个服务器,这样无疑能加快图片加载速度。

要回复问题请先登录注册