> For the complete documentation index, see [llms.txt](https://onenesss-organization.gitbook.io/jj-xiaoce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian.md).

# 前端性能优化原理与实践

- [01. 开篇：知识体系与小册格局](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/01.-kai-pian-zhi-shi-ti-xi-yu-xiao-ce-ge-ju.md)
- [02. 网络篇 1：webpack 性能调优与 Gzip 原理](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/02.-wang-luo-pian-1webpack-xing-neng-tiao-you-yu-gzip-yuan-li.md)
- [03. 网络篇 2：图片优化——质量与性能的博弈](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/03.-wang-luo-pian-2-tu-pian-you-hua-zhi-liang-yu-xing-neng-de-bo-yi.md)
- [04. 存储篇 1：浏览器缓存机制介绍与缓存策略剖析](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/04.-cun-chu-pian-1-liu-lan-qi-huan-cun-ji-zhi-jie-shao-yu-huan-cun-ce-le-pou-xi.md)
- [05. 存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexedDB](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/05.-cun-chu-pian-2-ben-di-cun-chu-cong-cookie-dao-web-storageindexeddb.md)
- [06. 彩蛋篇：CDN 的缓存与回源机制解析](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/06.-cai-dan-pian-cdn-de-huan-cun-yu-hui-yuan-ji-zhi-jie-xi.md)
- [07. 渲染篇 1：服务端渲染的探索与实践](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/07.-xuan-ran-pian-1-fu-wu-duan-xuan-ran-de-tan-suo-yu-shi-jian.md)
- [08. 渲染篇 2：知己知彼——解锁浏览器背后的运行机制](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/08.-xuan-ran-pian-2-zhi-ji-zhi-bi-jie-suo-liu-lan-qi-bei-hou-de-yun-xing-ji-zhi.md)
- [09. 渲染篇 3：对症下药——DOM 优化原理与基本实践](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/09.-xuan-ran-pian-3-dui-zheng-xia-yao-dom-you-hua-yuan-li-yu-ji-ben-shi-jian.md)
- [10. 渲染篇 4：千方百计——Event Loop 与异步更新策略](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/10.-xuan-ran-pian-4-qian-fang-bai-ji-event-loop-yu-yi-bu-geng-xin-ce-le.md)
- [11. 渲染篇 5：最后一击——回流（Reflow）与重绘（Repaint）](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/11.-xuan-ran-pian-5-zui-hou-yi-ji-hui-liu-reflow-yu-zhong-hui-repaint.md)
- [12. 应用篇 1：优化首屏体验——Lazy-Load 初探](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/12.-ying-yong-pian-1-you-hua-shou-ping-ti-yan-lazyload-chu-tan.md)
- [13. 应用篇 2：事件的节流（throttle）与防抖（debounce）](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/13.-ying-yong-pian-2-shi-jian-de-jie-liu-throttle-yu-fang-dou-debounce.md)
- [14. 性能监测篇：Performance、LightHouse 与性能 API](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/14.-xing-neng-jian-ce-pian-performancelighthouse-yu-xing-neng-api.md)
- [15. 前方的路：希望以此为你的起点](https://onenesss-organization.gitbook.io/jj-xiaoce/qian-duan-xing-neng-you-hua-yuan-li-yu-shi-jian/15.-qian-fang-de-lu-xi-wang-yi-ci-wei-ni-de-qi-dian.md)