前端性能优化的几种方式

    技术2023-08-08  104

    前端性能优化的方式:

    1.封装组件

    把所有需要复用的功能或网页模板封装成组件,在需要的时候调用它。

    2.图片

    压缩图片的质量,或者使用打包工具来压缩图片的质量,当图片过小时(小于12k)可以把它转成base64(代码图片,转成base64的好处:减少http请求),或者使用 sprites(精灵图)把网页中需要用的到图片整合到一张图片中,减少http请求的次数。

    3.压缩html,js减小大小,去除空白

    4.懒加载(lazy load) 

    网页不拖动时,未展示的栏目不去(加载)请求,良好的利用服务器资源。

    5.设置http缓存

    6.减少DOM操作

    dom操作是脚本中最耗性能的一个操作,例如:元素的增删改或dom集合的进行的操作

    7.将外部脚本置底

    不影响html的加载

    8.减少作用域链查找

    9.不要使用全局变量(能不用的情况下最好不用)

    10.少用闭包

    Processed: 0.011, SQL: 9