这面试题目没有难度，但却可以体现一个前端的基本功水平，因此下面除了文字讲解外还会配合官方的图片和博主自定义的示例，便于更深刻理解。

hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…

之前也看过一些关于<script>标签和<link>标签对DOM解析和渲染影响的文章，但总感觉似是而非，没有很深刻的理解。趁今天有点空闲，做个尽量全面的总结，通过撸几个例子，加深下记忆。 大家应该都知道<script>标签的加载、解析和运行都会阻塞…

<script>标签的defer和async属性你真的了解吗？load和DOMContentLoaded事件又是怎么一回事？

本文为自己阅读 文章 时的笔记，如果想准确学习资源加载的优先级，建议点此 阅读原文 。 个人理解：想要提升页面的加载速度，需要知道页面的资源是如何加载的；了解资源优先级，就可以知道浏览器是按照什么顺序来加载这些资源。 最低的是prefetch预读取的资源。 对于XHR请求资源：…

浏览器解析资源的优先级 当浏览器开始解析网页，并开始下载图片、Script 以及 CSS 等资源的时候，浏览器会为每个资源分配一个代表资源下载优先级的 fetch priority 标志。 而资源下载

为页面中拖慢Largest Contentful Paint (LCP)的静态资源添加 fetchpriority="high" 属性，可以提高加载速度。Esty使用Priority Hints提升了

本文主要为大家讲解了HTML中的一些小坑，这些易错点都是开发者平时不会注意到的地方，同时通过必要的代码附录，以便读者能够更好地深入理解HTML中XHTML的本质

link预加载成功,咋显示不出来,哦我又想当然了!!! 异步加载组件原理原来是这个样子的,这下真的知道了!!!