性能黄金法则
只有 10%-20% 的最终用户响应时间花在接收请求的 HTML
文档上,剩下的 80%-90% 时间花在 HTML
文档所引用的所有组件(图片,script
,css
,flash
等)进行的 HTTP
请求上。
如何改善
改善响应时间的最简单途径就是减少组件的数量,并由此减少 HTTP
请求的数量。
HTTP 连接产生的开销
域名解析
–TCP 连接
–发送请求
–等待
–下载资源
–解析时间
(减少开销:DNS缓存
、Keep-Alive
)
减少 HTTP 请求次数方法
- 图片地图,把多个图片拼成一个,使用
HTML
的map
标签来定位同一张图片不同位置的链接请求 CSS Sprites
中文翻译为CSS 精灵
,通过使用合并图片,通过指定css
的backgroud-image
和backgroud-position
来显示元素。- 合并脚本和样式表,使用外部的
js
和css
文件引用的方式,因为这要比直接写在页面中性能要更好一点;独立的一个js
比用多个js
文件组成的页面载入要快 38% - 图片使用
Base64
编码减少页面请求数。采用Base64
的编码方式将图片直接嵌入到网页中,而不是从外部载入。(高版本浏览器解析)
以上资源均来自网络,只为记录~