前端的项目如何进行优化,移动端呢
减少请求数量:通过减少重定向,使用缓存,不适用CSS@import,避免使用空的src和href等手段
减少资源大小:通过压缩HTML,CSS,JS,图片,此外在安卓下可以使用webp格式的图片,它具有更优的图像数据压缩算法,能带来更小的图片体积,还可以开启gzip,gzip编码是以后总用来改进web应用程序性能的技术,
优化网络连接:使用CDN,使用DNS预解析,并行连接,
优化资源加载,通过优化资源加载位置和时机,使用资源预加载preload和资源预读取prefetch
减少重绘回流,1:避免使用层级较深的CSS选择器,以提高CSS渲染效率2、避免使用CSS表达式,3、给元素适当的定义高度或最小高度,否则元素的动态内容载入时,会出现页面晃动,造成回流,4、不要使用table布局,5、能用CSS实现的效果,尽量使用CSS而不用JS实现
使用性能更好的api,