规则一:减少http请求

规则一:减少http请求

http发送请求 在文章中的介绍了加速网页加载的方法之一,就是让http少发送请求,通过图片地图,图片内联,合并脚本和样式表,CSS Sprites的方法优化http发送请求。

1.图片地图:如果有五个需要请求的超链接,我们可以将这五个url放在一张图片上,这样的话就将五个请求转变为了一个请求,这就是图片地图

2.图片内联:使用data:属性 将图片内联在各个标签中,因为图片的url杯内联在页面中,所以在跨越不同页面时不会被缓存。

3.合并脚本和样式表:这个方法对高内聚,低耦合不太友好,我们通常在学习过程中强调了一个模块做一个功能,这样在模块调用的时候就会很方便。对于前端的性能而言,多出一个脚本文件就会多发一个http请求,所以理想情况下,一个页面应该不多于一个脚本和一个样式表。

4.CSS Sprites:其通过将多张图片整合成一张大图片,这样请求多张图片就变成了请求一张图片,这样会减少请求,林外,他比图片地图更好的是,图片地图中的图片必须是连续的,而CSS Sprites并没有这个限制,另外还有一个优点就是CSS Sprites会将降低图片的下载量,也就是大小,因为他降低了图片自身的开销(颜色,格式信息等等)

相关推荐

怎么折简单又漂亮的纸心的折法步骤图
365bet足彩官网

怎么折简单又漂亮的纸心的折法步骤图

📅 09-21 👁️ 4256
淘宝0元购在哪里找到?淘特为何能零元买东西?
<br>重金属胁迫下大豆和绿豆植物体内金属分布及生理生化过程的变化.,International Journal of Phytoremediation