前端应用的 bundle 体积是影响应用性能的主要方面之一，本文探索一种傻瓜方式分析前端应用的体积，帮助前端开发者更高效的优化应用体积

preload 和 prefetch 是使用 <link> 进行 js 预加载的两种方式。这两种方式有什么不一样？他们会不会阻塞 DOM 就绪和 load？让我们一起来尝试。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

也许你会说， 可以使用Chrome的timeline来记录， 但timeline只记录数据，并不会实时更新。 这里，你可以考虑使用Chrome DevTools的“Performance Monitor”性能监控工具，它可以实时观察到性能数据。 对当前网页进行网络利用情况、网页…

从加载，脚本，渲染，paint（绘制）其他，空闲，通过这种饼状图方式，我们对性能一目了然。 不用白不用。 点击图中的齿轮，为了模拟移动端，我们根据电脑性能选择相应的cpu节流。 此外如果还勾选了memory根据变化还可以看到大致的垃圾回收周期，以及有无明显的内存泄露。 # 准备…