- 使用CDN
使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。 - 使用 Cache-Control
通过响应头,设置缓存max-age,在缓存期内不发送请求。 - 使用Etag
服务器给浏览器发送Etag数据,再次浏览时浏览器将提交这些数据到服务器,验证本地版本是否最新的,如果为最新的则服务器返回304代码,告诉浏览器直接使用本地版本,否则下载新版本。 - 使用 Gzip
传输之前,先使用GZIP压缩再传输给客户端,客户端接收之后由浏览器解压,这样虽然稍微占用了一些服务器和客户端的CPU,但是换来的是更高的带宽利用率。 - 合并文件(CSS、JS、图片)
浏览器从同一个域名同时下载文件数量有限制(4或8个),因此应尽量将同类文件合并。 - 调整 CSS 和 JS 的位置
CSS可能会阻止渲染(chrome会等CSS解析完毕再渲染页面),CSS应放在头部。JS会阻止浏览器渲染,应放在body的最后。 - 压缩图片
优化图片大小、通过CSS Sprites优化图片、不要在HTML中使用缩放图片、favicon.ico要小而且可缓存 - 增加域名以并行下载资源
由于浏览器从同一个域名同时下载文件数量有限制(4或8个),当服务器提供的内容文件数量很多时,应增加域名以加快下载。
Web 性能优化的常用手段
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...