首屏加载速度优化_nuxt 首屏加载慢

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元素做延迟解析异步渲染