我们可以用 Stale-While-Revalidate 加速页面访问，策略分 3 步 在收到页面请求时首先检查缓存，如果命中缓存就直接从缓存中返回给用户 将缓存返回用户的同时，在后台异步发起网络请求

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

前言 大家好这里是阳九,一个文科转码的野路子全栈码农,热衷于研究和手写前端工具. 很久没有重学JS了, 最近巩固了一下JS基础, 整理了一些平日大家容易忽略又稍稍有点硬核的JS代码优化方案,属于JS基

2023年一月经历了裁员。为了对抗焦虑，我开始总结自己的过往经历，梳理知识体系。希望跟大家共同探讨。

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做一个详细的解析。

前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也是极致的

背景介绍 这是设计模式系列的第四节，学习的是patterns.dev里设计模式中模块模式内容，由于是资料是英文版，所以我的学习笔记就带有翻译的性质，但并不是翻译，记录的是自己的学习过程和理解。 第一节

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理