Web 性能优化的常见方法

首先我们应当明确的是使一个网站加载得很快得过程才叫做Web性能优化,而让一个网站的服务器的CPU占用少叫做服务器性能优化

一、分析过程

要分析一个网站有哪些过程需要进行优化,那么我们首先应清楚一个网站在加载过程中经历了哪些过程,具体内容参见文章 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?

文件下载并行,解析串行

浏览器请求CSS文件时,遇到多个CSS文件会同时下载,但是解析过程是依次执行的。JS文件也是一样的过程

文件阻塞HTML渲染

举个栗子,Chrome看见一个h1标签并不会立即去渲染,而是会等到CSS完全下载完毕之后再去渲染这个h1标签。如果CSS文件是在这个h1标签的前面,那么久必须等到这个CSS文件下载并解析完成后才会将h1标签显示到页面中,这就是CSS阻塞HTML渲染。
(注意:IE是看见h1标签就直接渲染到页面上,下载并解析CSS之后,如果发现h1的样式发生变化就再渲染一次h1)

因此,CSS文件可能会阻塞HTML的渲染,是否阻塞取决于浏览器。而JS文件则不同,如果

你可能感兴趣的:(Web 性能优化的常见方法)