引言 哈喽大家好，很多时候，我们的游戏项目为了美观和保证风格的统一，都会用到外部字体库。 但是，外部字体库通常是完整的字库，体积非常的大，例如完整的simkai字体库就达到了11.24MB。 要知道，

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

1. 修改打包文件，打包后的 css、js 都加上唯一哈希值 2. 给html加上响应头：Cache-Control: no-cache, no-store, must-revalidate

上一篇文章中提到了某活动 H5 的字体优化，该活动首屏还涉及到较大体积的图片资源加载（约 12.2 MB，其中 11.4MB 是预加载的动效图片）。这么大体积的图片与字体资源同时加载，对用户网络质量是

大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么