CC

--- title: 浏览器页面资源加载过程与优化 date: 2017-12-22 --- > 评价页面性能好坏的核心之一就是**页面的加载速度**，而**页面加载速度**的关键就是**页面资源的加载**。本文将从浏览器浏览器页面资源加载过程展开分析，来引出页面**关键请求路径**的概念，并给出如何优化该**关键请求路径**的一些方法。 下面相关内容，都是以chrome浏览器为例来进行介绍的。不同浏览器之间，可以会略有差异，但基本过程是一致的。 ### 浏览器加载资源过程 首先抛出两个问题： - 浏览器如何知道应该加载哪些资源？ - 浏览器是什么顺序来加载这些资源？ 当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。  1. 首先会将所有需要加载的资源进行分类。 2. 然后根据浏览器相关的安全策略，来决定资源的加载权限。 3. 接着对各个资源的加载优先级进行计算和排序。 4. 最后一步，根据加载优先级顺序来加载资源。 ##### 第一步：资源分类 chrome浏览器会将资源分为14类，如下表所示。...