前端页面性能优化

时间:2021-11-02 06:13:42

转载博客:http://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html;

网页内容:(总结)

1.减少http请求,缩短响应时间次数;

说白了就是js代码和css代码压缩,图片压缩成雪碧图,将图片嵌网页文本中;

2.减少DNS查询次数;DNS查询需要消耗时间。DNS查询结果缓存在本地系统和浏览器中一段时间,所以DNS查询一般是对首次访问响应速度有所影响。

3.避免页面跳转;

4.缓存ajax:

Ajax可以帮助我们异步的下载网页内容,但是有些网页内容即使是异步的,用户还是在等待它的返回结果,例如ajax的返回是用户联系人的下拉列表。所以我们还是要注意尽量应用以下规则提高ajax的响应速度。

添加Expires 或 Cache-Control报文头使回复可以被客户端缓存

压缩回复内容,避免使用@import,用link代替@import

减少dns查询

精简javascript

避免跳转

配置Etags

5.提前加载/延迟加载/减少dom元素的数量/避免404

服务器:

使用CDN,减少网页内容的下载时间。提高下载速度还可以通过CDN(内容分发网络)来提升。

css置顶,避免css表达式;js置底,

使用外联样式和外部脚本;

进行图像优化;

精简css和js,去除不必要的空格和注释;