扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
前端性能优化主要分两块:
你所需要的网站建设服务,我们均能行业靠前的水平为你提供.标准是产品质量的保证,主要从事成都做网站、成都网站设计、企业网站建设、手机网站开发、网页设计、品牌网站设计、网页制作、做网站、建网站。创新互联建站拥有实力坚强的技术研发团队及素养的视觉设计专才。
一是资源加载
1.多使用内存、缓存和其他方法
2.减少CPU计算量,减少网络加载耗时。
以上适用所有编程的性能优化-空间换时间
3.减少资源体积:压缩代码,图片精灵
4.减少访问次数:合并代码(js模块化,最后打包成一个JS)、SSR服务器端渲染,缓存
5.使用更快的CDN
二是让渲染更快
1.css放在head,js放在body下面
2.尽早开始执行js,用DOMcontentLoaed触发
3.懒加载(图片懒加载,上滑更多)
4.对DOM查询进行缓存
5.频繁DOM操作,合并到一起进行Dom操作,如存入createDocumentFragment中
6.节流和防抖
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流