Heim > Web-Frontend > HTML-Tutorial > 打开超慢,怎么提高打开速度_html/css_WEB-ITnose

打开超慢,怎么提高打开速度_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:10:31
Original
1101 Leute haben es durchsucht

我的代码放本地没事,放网上打开就很慢,一共三百多张图片.
打开超慢,怎么提高打开速度_html/css_WEB-ITnose




打开超慢,怎么提高打开速度_html/css_WEB-ITnose



打开超慢,怎么提高打开速度_html/css_WEB-ITnose


..................


回复讨论(解决方案)

优化图片,使用图片延时加载。

楼主搜下 ImagesLazyLoad

jpg 200宽度的图片如果大于100k,需要在ps里边优化一下,具体的方法,直接导进去,然后ctrl + shift + alt + s,另存选择jpg,压缩比例为60-70%。
如果是小于100k的图片,建议使用png-8模式。
如果小于4k,gif,png-8无所谓了。

楼主是做的什么,用到了三百多张图 

这么多HTTP连接,没法不慢


1,所以如果你的图如果不需要一下全部用到,就可以用延时加载(脚本建 img ),或者要用的时候 再去加载,
2,楼上说的,图片本身的尺寸大小也是一个方面,在够用的情况下,降低精度,
3,如果是各种小图做背景之类,可以考虑用css image splitter技术,就是将各个小图合成一张大图,然后通过精心设置元素的宽高,和(背景)位置来实现共用图

放那么多图干嘛,慢就对了。。不慢才奇怪

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage