前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层面”的优化方案。正文开始前，

在这篇文章中，我将分享21个HTML技巧和代码片段，可以提高你的编码技能。希望对你有帮助，欢迎留言讨论你知道的其他优化方式。

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获

前置基本知识 vuedevtool功能简介 安装 安装过程就不再赘述，可以参考官方的文档 ，官网上也描述了devtools不生效的场景。 概览 左侧4个tab components(组件的详细信息)

上文提到有很多类库在用 IntersectionObserver 实现懒加载，但更精准的描述是，IntersectionObserver 提供了一种异步观察目标元素与根元素（窗口或指定父元素）的交叉状

对于这种十万条数据插入的场景，常见的解决方案有两种： 1. 时间分片 2. 虚拟列表 本篇文章会着重介绍一下时间分片的解决方案，，而虚拟列表的解决方案则会放到下一篇文章讲解

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