1.改善页面第一次加载的速度，减少白屏等待的时间

1.1 骨架屏

• 在真实内容渲染出来之前，给予相关位置用“色框”占位

1.2 减少HTTP请求的次数和大小

• CSS/JS做合并压缩
• 图片的合并压缩，例如：雪碧图；图片BASE64，合并压缩到CSS文件；两者的比较见www.jianshu.com/p/8d41aab5f…

• 图片的延迟加载，具体见blog.csdn.net/qq_63358859…

• 音视频的延迟加载：preload="none"
• 开启服务器端的GZIP

1.3 渲染页面中的优化

• JS: script标签会阻碍GUI渲染，所以，将其放在页面末尾，或者设置async/defer
• CSS: 使用CSS有三种方式：使用link、@import、内联样式，其中link和@import都是导入外部样式。它们之间的区别： （1）link：浏览器会派发一个新的线程(HTTP线程)去加载资源文件，与此同时GUI渲染线程会继续向下渲染代码； （2）@import：GUI渲染线程会暂时停止渲染，去服务器加载资源文件，资源文件没有返回之前不会继续渲染(阻碍浏览器渲染)； （3）style：GUI直接渲染。 所以，在开发过程中，导入外部样式使用link，而不用@import。如果css少，尽可能采用内嵌样式，直接写在style标签中，具体见：（1）it.wonhero.com/itdoc/Post/…（2）blog.csdn.net/weixin_4316…

1.4 在网络传输中的优化

• 减少cookie的内容大小