重学前端

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

performance/lighthouse 测试性能

浏览 85 扫码 分享 2022-10-13 09:30:35
  • 1 参考

    1 参考

    一则渲染性能优化实例分享

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 浏览器/HTTP
      • 从url输入到返回请求到页面渲染的过程
      • 安全-同源策略
      • HTTP-请求与响应
      • HTTP1
      • HTTP2
      • HTTP状态码--from200to500
      • cookie
      • 网络协议：IP/UDP/TCP/HTTP/Websocket
      • 浏览器进程
      • performance/lighthouse 测试性能
    • 前端工程化
      • 经历的前端开发变化
      • webpack
        • webpack总结三
        • webpack总结二
        • webpack总结(一)
      • 模块化
      • 模块化-AMD-requriejs
      • 前端监控
      • 前端性能优化
        • 加快服务端响应--TTFB
        • 静态资源优化
        • 避免强制布局和布局抖动
      • 前后端分离
      • 很多人上来就删除的package-lock.json，还有这么多你不知道的（深度内容）
      • 深入浅出之 Source Map
      • 埋点曝光
    • HTML-CSS
      • html
      • css
        • ICON Font
        • css规范--bad practice
        • 百度 腾讯css规范
        • CSS 方案演进史
        • css: z-index
        • css-选择器
        • flex
        • css知识
        • 盒模型
    • js基础知识
      • 事件对象
      • 事件绑定
      • 运算符优先级
      • JS执行
      • 函数调用/调用栈(call stack)
      • 作用域/闭包
      • let/块级域/词法栈/死区
      • 事件循环event loop
      • 各种编解码
      • 字符集-编码ASCII-Unicode-UTF-8
      • 检测数据类型-Object.prototype.toString
      • bind-兼容
      • 面向对象 object oriented
        • 实例-构造函数-原型-原型链
    • 函数function
      • 传递参数-按值传递
      • 参数-求值策略-thunk函数
      • 防抖和节流
    • 网络请求
      • fetch
      • http请求和Node端解析请求body问题小结
      • ajax
      • 表单
      • FormData
      • JSON
      • 跨域解决方案
    • ES6及以上
      • 数组扩展
      • symbol / iterator/for of
      • 可选链操作符
      • babel
      • 装饰器-decorator
    • 异步编程
      • 回调--异步操作传统方案
      • Deferred 对象--异步操作Jquery方案
      • Promise语法--异步操作标准方案
      • Promise实现
      • generator函数--异步解决进阶方案
      • async函数--异步操作终极方案
    • Jquery
      • ajax
    • vue
      • 工程开发
        • vue-cli-2中webpack的配置分析二
        • vue-cli2中webpack的配置(一)
        • vue-cli编译打包后起node服务测试
        • vue-cli中process.env.NODE_ENV
        • vue开发跨域解决办法
      • vue-生命周期
      • vue-生命周期-编译模板阶段
      • vue生命周期-调用钩子函数
      • 组件之间的通信
      • key 的使用
      • 对象和数组的更新
      • 命名风格
      • Vue-路由
      • vue-源码
        • vue初始化
        • flow-rollup
      • 单页面-路由切换-页面级别滚动保留
      • vue涉及webpack
    • React
      • XSS攻击
      • JSX
      • React源码
        • render阶段
        • commit阶段
      • 基础
        • React学习手记1--基础知识
        • React学习手记2-属性校验和默认属性
        • React学习手记3-事件处理
        • React学习手记4-组件分类（受控组件和非受控组件）
        • React学习手记5-细说组件state
      • overreacted.io
        • 在你写memo()之前 — Overreacted
        • useEffect 完整指南 — Overreacted
      • Hooks
        • Hook API 索引 – React
        • React Hooks 使用误区，驳官方文档
        • useEffect实操总结
        • 性能优化实操
      • Redux
      • dva
    • Nextjs
      • 自定义server
      • 性能优化
      • Next12.1--On-demand SSG
      • 自动静态优化/静态html导出
      • 环境变量
      • 基本功能--页面
      • 开发构建部署阶段问题记录
        • style-jsx TS error
        • 1开发阶段问题
        • 2 构建阶段问题
        • 3 部署阶段问题
      • jotai-状态管理
        • pmndrs/jotai: 👻 React的原始和灵活状态管理
      • docker镜像
        • NodeJS 服务 Docker 镜像极致优化
      • next 自带I18n Routing实际使用
      • next-i18next
        • next-i18n记录
        • 如何在Next.js中实现i18n
      • CSS之路：css->less->moudleCss->styleComponet
      • classnames 使用
      • nextjs中fetch 以及代理fetch
    • Typescript
      • 基本类型和类型推论
      • 对象类型/联合类型/别名/接口
      • 函数
      • ES/DOM/BOM内置对象 以及nodejs
      • 模块 Modules
        • Modules-TS Handbook
      • 声明文件/ 第三方库的声明文件
        • 全局库--Global .d.ts
      • ts-小技巧
      • ts error
      • TS React
        • useRef
    • Node
      • 网络模块
      • Buffer
      • 常用模块及api
      • npm/cnpm/pnpm/yarn/nrm
      • 性能优化
      • 压测
      • RPC-远程服务调用
      • node模块机制
      • koa
        • koa-context上下文
        • Koa-错误处理
        • Koa-web服务
      • 模板系统
        • EJS
        • EJS-node-api
      • node端 event loop
        • Event Loop 必知必会（六道题） - 知乎
      • node-egg调试总结
      • 写 Node.js 代码，从学会调试开始
      • 多进程
      • 单线程/ 异步 / 非阻塞I/0
      • 单线程-异常处理
      • PM2-nodejs进程管理
      • 监控
      • 日志log
      • node-守护进程
      • devops
      • 爬虫导致日志过多
      • 测试
        • 性能测试
        • 单元测试
      • 用Node.js开发CLI
    • 云原生
      • 安装docker k8s
      • K8S
        • k8s基础操作记录
      • Nacos
      • service mesh 服务网格
        • istio本地操作
      • gateway-网关
        • APISIX
        • Spring Cloud Gateway：新一代API网关服务
        • Kubernetes 集群 Ingress 网关实践 - 知乎
      • Argo CD
        • 什么是 Argo CD
      • docker
      • serverless
        • AWS Lambda
      • Jaeger--分布式链路跟踪
      • 搭建前端开发docker环境
      • 服务发现
      • 云原生是怎么样让我们失去工作的
    • nginx / OpenResty
    • redis
      • redis
    • vscode
      • vscode 远程连接公司电脑
        • 使用SSH和Vscode在远程机器上开发
        • 远程开发故障排除技巧和窍门
      • 使用经验
      • 插件
      • 代码片段snippets / 代码折叠
      • 快捷键
      • code-vscode命令使用
    • Chrome
      • devtool 中 自带$ 和 Jquery $
      • chrome and devtool
      • chrome插件
      • chrome 油猴 定位跳过debug等
    • 工具包
      • tailwind css
      • 模板引擎
    • 工具
      • goproxy goproxyAdmin
      • curl 的用法指南
      • whistle lightproxy
        • 关于whistle · GitBook
        • LightProxy 全能代理抓包工具 · Issue #19 · alibaba/lightproxy · GitHub
      • github-about
      • DNS设置
      • IP查询
      • MAC
      • 代码规范
      • 大厂团队博客
      • 移动端开发调试
      • iterm / Wrap/ fig
      • WireShark
      • Alfred workflow
      • 本地开发工具
      • charles 使用记录
      • privoxy-实现iterm2走socks代理
      • homebrew 镜像or 设置
    • WSL
    • web功能
      • 网管
      • 登录鉴权
    • linux基础
      • 账号管理
      • 文件权限与目录配置
      • 文件和目录管理
      • 文件压缩
      • vim 程序编辑器
      • bash
      • shell脚本
      • 普通进程/后台进程/守护进程(daemod)
      • 命令行登录
      • top/ htop
      • linux-查看基本信息
      • node-linux 相关
      • 进程
      • 进程管理
      • Mac-进程查看
    • Database
      • mysql
      • 数据库简介 java数据库JDBC简介
    • 服务端
      • ElasticSearch
      • Diamond -- 分布式配置中心
    • book
      • Node.js 源码剖析
      • 深入浅出nodejs
      • JavaScript权威指南
      • 高级程序三
    • 随想
    • 爬虫
    • Hybrid -H5-App
    • 微信or小程序
    • virtual DOM
    • Flux-单向数据流
    • 微信小程程序基础
    • 微信x5内核相关
    • 文档地址
    • 前端会议演讲相关
    • 编程语言-英语
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

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

      书签列表

        阅读记录

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