Web性能优化方案
第一章 打开网站慢现状分析 在公司访问部署在 IDC 机房的 VIP 网站时会感觉很慢。是什么原因造成的?为了缩短页面的响应时间,改进我们的用户体验,我们需要知道用户的时间花在等待什么东西上。 可以跟踪一下我们的登录页面,如下图所示 从上图我们可以分析知道, HTML 文档只占了总响应时间的 20% ,其它 80% 响应时间用来下载 JS 、 CSS 、图片等组件。所以 WEB 前端有很大的优化空间,我们将从 WEB 的前端优化、后端优化两方面综合考虑给出 WEB 的性能优化方案。 第二章 WEB 前台的优化规则 一、 尽量减少 HTTP 请求 有几种常见的方法能切实减少 HTTP 请求: 1 、 合并脚本跟样式文件,如可以把多个 CSS 文件合成一个,把多个 JS 文件合成一个。 2 、 CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位 , 把多个图片合成一个图片。 二、 使用浏览器缓存 在用户浏览网站的不同页面时,很多内容是重复的,比如相同的 JS 、 CSS 、图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件,将大大降低页面产生的流量,从而降低页面载入时间。 根据服务器端的响应 header ,一个文件对浏览器而言,有几级不同的缓存状态。 1 、服务器端告诉浏览器不要缓存此文件,每次都到服务器上更新文件。 2