20点提高网站访问速度缩短网页加载时间!.pdf

20 点提高网站访问速度缩短网页加载 时间！ /html/rfc2397。 2、使用CDN(Content Delivery Network)网络加速 现在国内做CDN 加速业务的公司很多，简单讲，就是将你的图片、视频扩散到 CDN 网络所能到达之处，让用户访问时能就近下载到这些文件，从而达到网络 提速的目的，这样做，同时能减轻你自己网站的负载。 3、添加文件过期或缓存头 对于同一用户频繁访问的图片、Js 脚本文件等可以在Apache 或Nginx 设置其 缓冲 时间，例如设置24 小时过期时间，这样用户在访问过该页面之后再次访 问时，同一组图片或JS 不会再重复下载，从而减少了HTTP 请求，用户访问速 度明显有 所提升，同时服务器负载也会下降。下面给出nginx 配置中缓存控制 的例子： 4、服务器开启gzip 压缩 这个大家都比较了解，即将需要传输的内容压缩后传输到客户端再解压，这样 在网络上传输的 数据量会大幅减小。通常在服务器上的Apache、Nginx 可以直 接开启这个设置，也可以从代码角度直接设置传输文件头，增加gzip 的设置， 也可以从 负载均衡设备直接设置。不过需要留意的是，这个设置会略微增加服 务器的负担。 5、css 格式定义放置在文件头部 这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利，可以在 网页逐步呈现的同时仍会保持格式信息，不影响网页美感。 6、Javascript 脚本放在文件末尾 很多Javascript 脚本执行效率低下，或者有的第3 方域名脚本出现意外无法载 入， 如果将这些脚本放置到页面比较靠前的位置，可能会导致我们自己网站的 内容载入速度下降甚至无法正常加载，所以一般将这些脚本放置在网页文件末 尾，一定要放 置在前面的脚本要改用所谓的 “后载入”方式加载，在主体网页 加载完成后再加载，防止其影响到主体网页的加载速度。 7、避免使用CSS 脚本(CSS Expressions) 有时为了要css 的参数动态改变，可能会采用css expression 来实现，但这样 做得不偿失，会使用户端浏览器负担明显加重，所以不建议这样做，如果需要 改变，可以使用Javascript 脚本去实现。 8、css、javascript 改由外部调用 如果css、js 内容比较庞大，尽量不要写到同1 个页面中去，改由外部载入比 较妥当，因为浏览器本身会对css、js 文件进行缓存。 9、压缩Javascript、CSS 代码 一般js、css 文件中存在大量的空格、换行、注释，这些利于阅读，如果能够 压缩掉，将会很有利于网络传输。这方面的工具也有很多，一般可以保留开发 版本，利用工具生成生产版本，2 个文件比较，一般压缩率能达到50%以上，减 少的数据量还是比较可观的。 我这个博客刚改版完成，各种代码还没有进行优化和压缩，目前yslow 评级只 能达到D,等有时间进行部分优化，达到C 等级应该问题不大。 10、避免采用301、302 转向 11、养成良好的开发维护习惯，尽量避免脚本重复调用 12、配置ETags 13、Ajax 采用缓存调用 这个的使用可以参照Discuz 论坛代码，里面对于大量使用的Ajax 调用都采用 了缓存 调用方式，一般采用附加特征参数方式实现，注意其中的 就是特征参数，这个参数不变化就使用缓存文件，如果发生变化则重新下载新 文件或更新信 息。 14、合理使用Flush 用户端发送浏览请求后，服务器端一般要花销200-500ms 去处理这些请求，在 此期间，用户端浏览器处于等待状态，如果要减少用户等待时间，可以在适当 的位置使用flush，将已经就绪的内容推送到用户端，这在php 中很容易实现 例如： 15、Ajax 调用尽量采用GET 方法调用 实际使用XMLHttpRequest 时，如果使用POST 方法实现，会发生2 次HTTP 请 求，而使用GET 方法只会发生1 次HTTP 请求。如果改用GET 方法，HTTP 请求 减少50% ！ 16、尽可能减少DCOM 元素 这个很好理解，就是尽可能减少网页中各种元素数量，例如 的冗余很严重，而我们完全可以用取代之。 17、使用多域名负载网页内的多个文件、图片 记得有资料说明，IE 在网页载入过程中，在同1 时刻，对同1 域名并行加的 HTTP 请求数 量最高为2 个，如果网页需要加载的文件数量超过2 个(通常远远 超过..)，要加快网页访问速度，最好将文件分布到多个域名，例如19 楼，其 js 文件采用独 立的域