Ошибка скорости страницы в Google с «Приоритизация видимого содержимого»

Question

В Google Page speed я получаю комментарий к «Приоритет видимого содержимого», это, как представляется, недавнее изменение алгоритма скорости страницы. Чтобы попытаться понять проблему, я создал простую страницу с одним изображением и ничем иным в HTML (под моим доменом), и я до сих пор вижу одно и то же сообщение с «приоритетом видимого контента».

Единственный способ, которым я нашел устранить ошибку, состоял в том, чтобы преобразовать изображение в Base64 и поместить изображение внутри HTML. Я думаю, что это не является хорошим решением проблемы, так как это сделает HTML тяжелым и замедлит работу страницы.

Есть ли другие предложения по решению этой проблемы? Спасибо

Answer 1

Обычно эта проблема показывает, когда у вас есть много внешних файлов javascript или css, необходимых вашей странице для рендеринга. Идеальное решение, которое устраняет проблему, - это когда у вас есть изображения и css, предназначенные для части, расположенной выше вашей страницы, размещенной внутри вашего HTML-документа. Это позволяет браузеру немедленно отображать видимую часть страницы без дополнительных запросов.

Существуют различные способы достижения этого. Один из способов - загрузить все ваши css и js асинхронно и встроенную часть css и js для области выше области сложения.

Причина, по которой эта проблема возникает в вашем тестовом случае, может заключаться в том, что изображение загружается на самую HTML-страницу в сопоставимое время.

Вы можете прочитать больше о возможных исправлений в Google документации по этому вопросу https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent?hl=en