美文网首页前端面试题全汇总
前端面试题总结【33】:你有哪些性能优化的方法?

前端面试题总结【33】:你有哪些性能优化的方法?

作者: 前端老司机 | 来源:发表于2020-06-29 14:26 被阅读0次
    1. 减少http请求次数:CSS Sprites, JS、CSS 源码压缩、图片大小控制合适;网页GzipCDN 托管,data 缓存 ,图片服务器
    2. 前端模板 JS + 数据,减少由于HTML标签导致的带宽浪费,前端用变量保存 AJAX 请求结果,每次操作本地变量,不用请求,减少请求次数
    3. innerHTML 代替 DOM 操作,减少 DOM 操作次数,优化 javascript 性能
    4. 当需要设置的样式很多时设置 className 而不是直接操作 style
    5. 少用全局变量、缓存DOM节点查找的结果。减少 IO 读取操作
    6. 避免使用 CSS Expressioncss表达式)又称 Dynamic properties(动态属性)
    7. 图片预加载,将样式表放在顶部,将脚本放在底部,加上时间戳

    推荐:

    • 持续更新,致力于做一个持久的搬运工!
    • 下面是已经整理好的面试题PDF获取和相关进阶学习书籍资料地址,有需求戳一下
    • 2020前端面试题总结合集

    相关文章

      网友评论

        本文标题:前端面试题总结【33】:你有哪些性能优化的方法?

        本文链接:https://www.haomeiwen.com/subject/ukvofktx.html