网页加载很慢是啥原因？

Posted 2023-03-09

参考技术A

网速或php优化不好。

用chrome打开网页，MAC用户按住option+command+i，（windows用户是按F12，），打开开发者工具看network。

这种情况一般是因为某一个资源太慢了，它就是一颗老鼠屎，坏掉了整锅汤，导致网页整体变慢。资源慢的原因，概率比较大的几个可能是：a)资源在第三方站点上，他们很慢；b)这个资源太大了；c)这个资源使用的域名有问题。

仔细看一下一个单独的http请求，他们会分为好几段，分别是域名解析、建立连接、发送请求、等待响应和接收数据几个阶段。理论上域名解析和建立连接应该占用的时间很小才对，主要的时间应该用在后面几个阶段上。上图中，浅灰色和灰色分别代表域名解析和建立连接。

http请求的大部分时间应该花在后面几个阶段，比如等待响应和接收数据。但是，如果接收数据的时间太长了，长到数百毫秒甚至以秒计算的时候，那也是有问题的。

这种情况一般是因为下载的内容太重了，例如大图片、大脚本等。这类问题可以使用GZIP压缩、图片压缩或者JS/CSS的minify等手段来解决。