代码的思路是在 head 标签中，放入 link 标签，并且让 CSS 文件的请求接口，在 10s 后返回，观察 CSS 的加载对 HTML 的解析及页面呈现的影响。 实验现象：请求页面后，过了大约 10s，页面才呈现，我们可以得出结论，在 head 标签中，请求 CSS 文件…

背景 事情是这样的，上周在分析项目打包代码的时候，突然发现 date-fns 在未压缩之前有 1.5M，通过分析报告可以看到，date-fns 的 locale 模块全部被打包到了 bundle 文件

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。

看了本文，我相信你会对使用Chrome的Performance开发者工具有更多信心。不少的博文可能只是介绍Performance面板的各个数据含义，并没有从实际操作上来讲如何使用它来进行性能分析。

常规设备的刷新频率是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。本文会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化方法

Performance API 是浏览器提供给我们的用于检测网页性能的 API，它并不是一个孤立的 API，而是一组 API 的组合。主要包括： Resource Timing API：与网页资源（脚本、样式、图片等）加载相关的耗时信息，定义了接口 PerformanceRes…

在现代网站和应用程序中，流畅的用户体验至关重要。Web Scheduler 作为一个高效工具，可以优化浏览器性能，使您的项目脱颖而出。

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。

本文将以 webpack@4 + umi@3 为例，讨论如何通过合理的拆包策略来改善应用程序的性能，帮助我们了解拆包对性能的影响。