移动端首屏加载提高优化点(电商类)

正常优化点

HTML

(1)使用服务端直出页面(通常来讲html质量不宜超过200k,越少越好)
(2)后端传给前端的数据中,变量名字不要太长,否则也会增长字节

注意:直出页面通常后端都会将全部数据在页面输出给前端,这样也会增长总体的文件大小,因此能够考虑先输出一部分数据,剩下的数据等首屏加载完了以后再ajax请求再渲染css

js

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

图片

1.产品图通常不超过20k
2.头图背景图不超过120k

图片压缩网站:tinyPng.comhtml

网络

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.博睿前端

相关文章
相关标签/搜索