前端常用性能优化的方法

自作多情 提交于 2020-04-07 17:11:29

1、路由懒加载  ( https://my.oschina.net/bing309/blog/3132685

   减少静态资源体积,减少首屏渲染时间

2、使用gzip打包( https://my.oschina.net/bing309/blog/3223237

      将项目打包成.gz包  减少静态资源体积

3、使用图片懒加载

      图片加载是异步的,需要使用提交较小的占位图片 等待图片加载完成

4、功能模块化

     抽离公共代码 提高复用率 较少代码体积和提升可维护性

5、合理使用浏览器缓存( https://my.oschina.net/bing309/blog/3223266

6、减少http请求

7、将外链的js文件  放在dom最底部

8、 将 CSS放在 HEAD中

9、vue中  如果有相同的数据  使用vuex共享数据  可减少请求

10、减少不必要的dom操作(可能会引起浏览器的 Reflow和Repaint

11、配置webpack  将小图片打包成base64格式 

 

不断学习 不断补充

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!