移动端首屏加载提升优化点（电商类）

正常优化点

HTML

（1）使用服务端直出页面（一般来说html质量不宜超过200k，越少越好）
（2）后端传给前端的数据中，变量名字不要太长，不然也会增加字节

注意：直出页面一般后端都会将所有数据在页面输出给前端，这样也会增加整体的文件大小，所以可以考虑先输出一部分数据，剩下的数据等首屏加载完了之后再ajax请求再渲染

js

(1) js能不使用第三方库就尽量用原生的写
(2）压缩代码

图片

1.产品图一般不超过20k
2.头图背景图不超过120k

图片压缩网站：tinyPng.com

网络

1.合并请求，比如设置服务器支持单个http请求多个文件: http：//xxxx/xx?a.js,b.js,c.js; （也不宜过大）
2.设置cdn,图片和css和js都可以设置cdn

3.设置缓存，第三方库可以设置过期时间长一点。

4.如果内容较多可以拆分资源域名，比如css.xxx.com, js.xxx.com, img.xxx.com 避免一个域名资源请求过程中导致堵塞

测试站点

1.性能墨盒
2.博睿