前端的性能优化

只要是web项目,每次产品,运营,测试团队都回反馈说 XXX性能不好等问题,大抵上都离不开一个字-----“慢”。
什么页面加载太慢,点击触发事件太慢,要不就是APP,小程序太大(加载/下载慢)等问题。
然后开发团队就要绞尽脑汁去优化代码啥的。后端代码优化差不多就是精简代码,减少时间复杂度,减少空间复杂度,利用算法啥的。
当然,在前端上也有很多性能点的优化。主要是以下几点。

1.精简代码,把重复的代码提取出来,例如js,css调用那一大段代码。
用插件把js,css中的空格去掉。
2.多利用缓存机制,前端可以用Last-Modified、Expires和Etag。后台的话可以用redis。
3.在html中不要放图片(后台传图片文件时用gzip压缩)
4.写css文件时,选择器的层级不要超过3层。超过3层,写个class或id 属性,让解释器查找会更快点。
5.写js文件时,查找属性时尽量用层级 进行查找,加载js用异步的方式(正常js加载时会阻塞),能用时间委托的用事件委托。高频触发的事件设置函数节流(利用定时器原理,同时也可以解决防连击问题)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章