web前端性能优化笔记

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

页面渲染

浏览 99 扫码 分享 2022-07-28 05:01:00
  • Parse HTML
  • Parse CSS
  • 处理脚本
  • Attach
  • Layout
  • Paint

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 需要了解的知识
    • 网络
      • 计算机网络体系结构
      • DNS域名解析的过程
      • 创建 TCP 连接
      • http 请求与响应
      • 网络缓存常用字段
    • 浏览器客户端
      • 浏览器的本地存存储
      • 浏览器并发请求限制
      • 各浏览器Cookie大小、个数限制
      • CSS选择器权重计算
      • 使用 Performance 面板观察过程
      • 执行上下文
      • V8工作原理：垃圾回收与执行JS
  • 网络与缓存
    • domain hash - 使用多个域名加大并发量
    • dns prefetch
    • 使用 XHR 预加载脚本
  • 本地存储
    • 数据持久化 - 将前次的数据存起来
  • Cookies
  • 页面渲染
    • Parse HTML
      • 使用DocumentFragment优化多次append
      • 通过模板元素clone，替代createElement
      • 使用一次innerHTML赋值代替构建dom元素
      • 注意NodeList
    • 处理脚本
      • 避免低效率的脚本位置
    • Attach
    • Layout
      • reflow(回流)和repaint(重绘)
  • 运算速度
    • 多个变量声明
    • 使用直接量进行赋值
    • 单引号，双引号
    • 避免全局查找
    • 对象属性和数组元素的速度都比变量慢
    • 字符串连接
    • 各种类型转换
    • 使用===代替==
    • switch语句相对if较快
    • 缩短否定检测
    • 巧用||和&&布尔运算符
    • 在循环时将控制条件和控制变量合并起来
    • 避免与null进行比较
    • 不断运行的代码用setInterval
    • 插入迭代器
    • 避免使用 with() 语句
    • 尽量少使用eval函数
    • 不要给setTimeout传递字符串参数
  • 内存
    • 释放对象
    • 小心使用闭包
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注