Next-gen Tech Edu
Next-gen Tech Edu
笔记（万篇）
知识图谱
实验室
Craft 方块世界
3D 知识卡牌
其他阅读渠道
知乎
SegmentFault
掘金
By Jimmy Song's Template
03.性能优化
搜索...
/
Back
|
Books
Web-Tuning-Notes
01.浏览器工作机制
02.解析与渲染
解析与渲染
03.事件处理
浏览器对事件的优化
04.页面的生命周期
页面的生命周期
05.渲染引擎
RenderingNG
进程与线程架构
浏览器多进程架构
Chrome 多进程架构
Edge 多进程架构
02.网页性能监控
99.参考资料
2021-应用性能前端监控，字节跳动这些年经验都在这了
体验度量
RAIL
Google RAIL
Web Vitals
99.参考资料
2020-Performance 与 Web Vitals 介绍
2021-Web Vitals：谷歌的新一代 Web 性能体验和质量指标
兼容性
可访问性
异常监控与分析
常见异常
错误捕获
监控体系
异常上报
使用 GIF 发送请求
用户行为分析
用户追踪
03.性能优化
内存优化
内存使用分析
内存泄露优化
图片优化
Webp
视频优化
图片格式与转换
图片压缩
图片优化
渲染执行优化
布局与渲染策略
交互与动画
脚本解析与执行
渲染策略
资源请求与缓存
资源加载优化
关键渲染路径
懒加载
设计优化
预加载
字体优化
04.移动端与响应式
H5 优化
触摸滚动
像素适配
用户体验
PWA
App Manifest
ServiceWorker
Workbox
离线存储
离线优先
响应式适配
媒介查询
媒介查询
响应式设计
响应式布局
响应式布局
长宽比
响应式尺寸
基于 vw 的移动端适配
屏幕尺寸
响应式尺寸
99.参考资料
De Voorhoede
INTRODUCTION
目录
图片优化
Web 图片优化
图片一直是网站中容量占比最大的部分，合理优化图片容量将会大大提高用户的体验。同时，优化图片容量也会大大减少网站流量的消耗，达到节约流量费用的目的。
