日期:2014-05-17  浏览次数:20662 次

本地网页读取速度
制作本地网页,所有资源都是本地的,主要是要加载一些PNG图片,但是,在打开网页load资源时,速度很慢,而且在onmouseover更换图片时,也很慢,请教高手,如何提高速度?
谢啦~~

------解决方案--------------------
那就是图片大小的问题了。转成JPG的。
------解决方案--------------------
如果有特殊要求,非要用PNG,你应该清楚了解你所用到的PNG功能特性都有哪些,然后只使用这些,关闭其它用不到的功能,以减少不该占用的体积,不同的设置会导致PNG的体积差别很大。

低版本浏览器对WEB程序的功能和性能都有所限制,换成高版本的IE9或者CHROME之类的新型浏览器,性能会有所提高,尤其有些加入了对图形处理器GPU的使用,效果自然更佳。
------解决方案--------------------
页面加载的时候弄成缩略图得,不要把原图加载进来,就如楼上说得图片太大了,加载就慢了,可以考虑生成静态页面,如果非要动态加载的话,数据如果实时性要求不是那么高时,可以采用缓存机制。
------解决方案--------------------
缓存机制怎么操作呢?
探讨

页面加载的时候弄成缩略图得,不要把原图加载进来,就如楼上说得图片太大了,加载就慢了,可以考虑生成静态页面,如果非要动态加载的话,数据如果实时性要求不是那么高时,可以采用缓存机制。

------解决方案--------------------
要处理的话,得根据你整个项目的情况决定。具体方法是解决具体情况的,不一定都适合你的情况。

原则上就是几个步骤,首先精简图片,避免含有垃圾数据,然后看项目特点来决定如何加载图片,以及处理onmouseover更换图片时慢的问题。在某种情况下,是化整为零,而在另外的情形下,就需要化零为整,比如把图片预加载进来,避免onmouseover更换图片时慢。这是需要具体的权衡的,比如开头加载的慢如果避免不了,那么索性一起完成预加载,让它更慢,则用户能否接受。

而且,跳出来想想,你那些透明,真的需要吗,两个透明的图片的叠加结果,实际上用一个完整的图片就能表示了。在这个层面上,先想好需不需要,以及到底怎样做就是了。

图片体积大,网络传输和载入显示都会慢,这是无法避免的。地球引力让人不能飞,同时也避免了容易逸出大气层脱氧而死的事故,所以有制约其实是好事情,只需学会驾驭而已。