前端性能优化如何“事半功倍”？

前文提到前端性能优化，这边补充几个小技巧：

1.首屏加载优化

前端首屏加载速度慢，出现白屏概率较高，长时间的等待导致用户体验感差，客户流失率高。因此，首屏加载至关重要。

前端开发的特点决定首屏必然会出现白屏，缩短用户的等待时间，让用户无感知是白屏，从而达到保留用户的作用。

① 添加 loading 提示
② 开启 HTTP2
③ 做好浏览器缓存

作为一个前端开发者，经常面临前端优化需求层出不穷，PC端优化必不可少，而移动端又大行其道的尴尬局面，如此耗时耗力的前端优化工作有没有可能实现“一套优化、双端共享”呢？
答案是：有的！

2.去除 console.log
项目上线前，去掉所有 console.log打印。

3.代码压缩
使用 Webpack 代码压缩。

“中控易动”是一个“一站式移动SaaS云平台”，不仅可以将PC端的优化工作一键平移至移动端，还能实现一站式APP开发，优化前端功能的同时也能“优化”工作效率，降低开发成本。

4.预加载下一页资源

5.用 SSR 代替 CSR

6.img、link、script等元素的src或href属性的值不为空
因为src=""浏览器仍会发送http请求

7.不要使用h5摒弃的iframe标签
因为在页面加载的时候iframe标签会阻塞父文档onload事件的触发

如何免费体验“中控易动”平台？“中控易动”现有多个免费体验名额，只要移步至“中控易动”微信公众号发送“免费”就可参与。