Что означают проценты, связанные с содержанием выше среднего?

UPD Я внимательно прочитал связанные страницы, они не отвечают на мой конкретный вопрос. Что означают проценты? Ну, там попытка при объяснении:

Прочтения страницы 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%? Когда я удаляю внешнюю таблицу стилей со страницы, жалоба, очевидно, исчезла, но что именно означает это число?

Ответы

Ответ 1

Вышеперечисленное содержимое является частью страницы, которую вы можете видеть, не прокручивая ее (верхний). Насколько это зависит от устройства, размера браузера, вы называете его.

"Приблизительно 55% вышеперечисленного содержимого на вашей странице могут быть отображены без ожидания загрузки следующих ресурсов" означает именно это. Другими словами, "следующие ресурсы" имеют правила CSS, которые будут применяться к 45% этой части страницы (над содержимым выше). Остальным (55%) не нужны внешние таблицы стилей. И, вероятно, имеет смысл переместить эти правила на саму страницу и отложить загрузку внешних таблиц стилей. Чтобы можно было отображать содержимое сверху вниз, не дожидаясь загрузки таблиц стилей. Это просто, что число (45%) может быть очень неточным.