Question

UPD 我仔细阅读了相关网页，他们没有回答我的具体问题。百分比意味着什么？嗯，有attempt解释：

google网页数据洞察会清楚地告诉你，有多少％的css引用了折叠上方的内容，加载得太晚，页面可能会提前呈现。

但这并不比PageSpeed所说的更清楚。如果完全正确的话。

我有一个页面，我的所有css内联在头部（可能不多，12K）并且在body标签的末尾只有一个虚拟外部样式表：

<!doctype html>
<html><head>
    ...<style>...</style>...
</head><body>
    ...
    <link rel="stylesheet" href="1.css">
    <script src="..."></script>
    <script src="..."></script>
    <script src="..."></script>
</body></html>

1.CSS：

.not-used-selector {color: red;}

PageSpeed告诉我：

您可以在不等待加载以下资源的情况下呈现页面上大约55％的首屏内容。尝试推迟或异步加载阻止资源，或直接在HTML中内联这些资源的关键部分。

优化以下内容的CSS传递：

https://.../1.css

他们的意思是55％？当我从页面中删除外部样式表时，投诉显然已经消失，但这个数字究竟是什么意思？

Answer 1

首页内容是您可以看到的页面的一部分，而不会向下滚动（最顶层）。多少取决于设备，浏览器大小，您可以命名。

＆＃34;您可以在不等待以下资源加载的情况下呈现您页面上大约55％的首屏内容。就是这个意思。换句话说，＆＃34;以下资源＆＃34;将css规则应用于页面该部分的45％（首屏内容）。其余的（55％）不需要外部样式表。将这些规则移到页面本身并推迟加载外部样式表可能是有意义的。这样就可以在不等待样式表加载的情况下呈现上层内容。只是数字（45％）可能非常不准确。

有关上述内容的百分比意味着什么？

1 个答案: