服务器上CSS文件的高WAITING TIME。如何减少它？

Question

登录页面的页面加载时间本身为761ms。当我检查时，CSS文件的等待时间很长。我该怎么做才能减少等待时间？

Answer 1

你会从这个[Facebook管道a.k.a BigPipe]

获得一个想法

<强>客户端

1. 浏览器向Web服务器发送HTTP请求。
2. Web服务器解析请求，然后从存储层提取数据 制定HTML文档并将其发送到HTTP中的客户端 响应。
3. HTTP响应通过Internet传输到浏览器。
4. 浏览器解析来自Web服务器的响应，构造一个DOM树 表示HTML文档，并下载CSS和 文档引用的JavaScript资源。
5. 下载CSS资源后，浏览器会解析并应用 他们到DOM树。
6. 下载JavaScript资源后，浏览器会解析并执行 它们。

服务器

1. 请求解析：Web服务器解析和健全性检查HTTP 请求。
2. 数据获取：Web服务器从存储层获取数据。
3. 标记生成：Web服务器为其生成HTML标记 响应。
4. 网络传输：响应从Web服务器传输到 浏览器。
5. CSS下载：浏览器下载页面所需的CSS。
6. DOM树构造和CSS样式：浏览器构造DOM树 的文档，然后对其应用CSS规则。
7. JavaScript下载：浏览器下载JavaScript资源 由页面引用。
8. JavaScript执行：浏览器执行页面的JavaScript代码。

这是他们实施的Facebook Pipeline背后的想法，以提高速度。

简而言之

• 将页面拆分为多个div
• 加载基本布局和加载器JavaScript文件。
• 在该JavaScript文件中，添加所需的JS和CSS文件名，然后使用DOM或使用XHR动态追加它，将响应文本添加到主页面。
• 使用此功能，将加载基本页面，并在1或2秒内（如果连接速度更快），将加载实际页面。

您可以阅读有关Facebook Pipeline Here

的更多信息