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元素做延迟解析异步渲染
16、将公用的JS库通过script标签外部引入,减小 app.bundel 的大小,让浏览器并行下载资源文件,提高下载速度;
17、在配置 路由时,页面和组件使用懒加载的方式引入,进一步缩小 app.bundel 的体积,在调用某个组件时再加载对应的js文件;
18、加一个首屏loading图,提升用户体验;