首屏加载速度优化

1、JavaScript外联文件引用放在html文档底部;CSS外联文件引用在html文档头部,位于head内;

2、http静态资源尽量用多个子域名;

3、服务器端提供html文档和http静态资源时,尽量开启gzip压缩;

4、在js,css,image等资源响应的httpheaders里,设置expires,last-modified;

5、尽量减少HTTP Requests的数量;

6、js/css的minify:可统一通过combo handler做到压缩加合并;

7、减少不必要的301/302跳转:别让页面打开时间浪费在302多次跳转上(每次可能几十毫秒);

8、请大量使用雪碧图:这样做可以大大地减少CSS背景图片的HTTP请求次数;

9、首屏不需要展示的较大尺寸图片,请使用lazyload;

10、图片无损压缩的优化;

11、避免404错误:尽量减少外联js;

12、减少cookies的大小:尽量减少cookies的体积对减少用户获得响应的时间十分重要;

13、使用无cookies的域;

14、减少DOM Elements的数量;

15、引入textarea/script元素做延迟解析异步渲染

你可能感兴趣的:(首屏加载速度优化)