如何优化网站性能——资源预加载

一、什么是资源预加载

当打开一个应用或者网址时，通常会有一个加载资源的进度条，资源加载完成后打开页面。这个过程其实就是资源预加载的一个过程。资源预加载是一种性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能会当前页面用到或者一些可能在以后的某些页面用到。预加载也可以简单的理解为将所有需要的资源提前请求加载到本地，这样后面再需要用到的时候就可以直接从缓存中提取资源。从而加快响应速度。

 

二、为什么需要使用预加载

在网页全部加载之前，对一些主要内容进行加载，提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，页面加载完成可能要消耗几秒钟时间甚至更多时间，如果没有使用预加载技术页面将会在一段时间内展现为一片空白，直到所有内容加载完毕。这样将会给用户一个不好的浏览体验。

 

三、可以被预加载的内容

1.Script：JavaScript文件。

2.Style：css样式表。

3.Front：字体文件。

4.Image：图片文件。

5.Video：视频文件。

6.Audio：音频文件。

7.Document：一个将要被嵌入到或