html5中的link 标签 包含了几个属性，其中prefetch(空闲时加载)和preload(优先加载)可以让我们在加载资源时提高用户体验。 这里我用css样式进行举例，index.html 在加载index.html的样式时，我在引入index.css后加了下边一句代码 ...

一、静态资源 　　包括：html，CSS，js以外，还包括各种 图片资源、音频资源、字体资源等，由于有限的带宽和延迟影响，所以需要对资源做一些优化。 　　注：都可对如上的静态资源进行压缩，且加缓存来实现 二、资源压缩 　　概念：减小资源大小的过程叫做资源压缩。针对不同类型的资源 ...

如何监控资源加载失败 方案一：script onerror 我们可以给 script 标签添加上 onerror 属性，这样在加载失败时触发事件回调，从而捕捉到异常。 并且，借助构建工具( 如 webpack ...

的资源？ 加载顺序是否会冲突，比如俩个字典中都存有Image.Search图片资源，最终会以哪个字典 ...

一个网站在浏览器端是如何进行渲染的？ html本身首先会被渲染成 DOM 树，实际上 html 是最先通过网址请求过来的，请求过来之后，html 本身会由一个字节流转化成一个 ...

如果网站不支持JavaScript，复杂的功能将无法正常工作。在开发当中通常有几个脚本会写在HTML文件的头部。你嵌入的越多，网站的速度潜在的变得越慢。因此提高并行加载速度变得非常有必要，在前面的文章当中我已经提供了2种提高网站响应速度的方法，今天分享第三种方法，让让网站并行加载但顺序执行JS ...

前言 我们知道一个页面通常由，html，css，js三部分组成，一般我们会把css文件放在head头部加载，而js文件则放在页面的最底部加载，想要知道为什么大家都会不约而同的按照这个标准进行构建页面，必须先得了解页面的加载过程。（当然以现在的技术你也可以不按这个标准，下面会有讲到js的异步加载 ...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 将加载和执行分离开，可不阻塞渲染和 document ...