Как исправить ошибку «Отрисовка самого крупного контента» в PageSpeed?

Ссылка скопирована
Client side optimization Google
1 ответ

Всем привет!
Не могу решить вопрос по скорости загрузки сайта. Постоянно выдает ошибку "Отрисовка самого крупного контента" , если ее развернуть, то больше всего уходит на " Задержка отрисовки | 56% | 4 600 мс ". Также есть " Задержка загрузк | 35% | 2 850 мс"

Ругается на слайдер в первом экране. Если его убирать, все равно ошибка остается, просто начинает ругаться на следующих в структуре блок. Если отключать JS скрипты, ошибка остается. Если отключить шрифты из Google Fonts, все равно ошибка не исчезает.
Единственное что все разом отключать не пробовал, но какой смысл тогда сайта? :)

Как решать данную ошибку? Встречаю ее не первый раз и хз че делать с ней. В Google нет адекватной инфы.

Изображения в WebP.
Использую " preload " для нужных стилей и скриптов.
Также задаю preconnect и dns-prefetch.

Не понимаю что не так.

Дополнительно:

Wordpress?

Ответы:

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

  • Согласен, но по сео новый сайт с ошибками от гугла, будет продвигаться хуже :(
  • sergei179, повторюсь, если у вас не highload проект, то вы не заметите разницу для SEO, улучшив показатель скорости на 0,01с. Лучше сосредоточиться на пользе для посетителей сайта.

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

  • В том и прикол)
    отключаю один блок - ругается на следующий. Отключаю следующий, ругается на следующий.

    Думал проблема в скрипта - отключил. Такая же шляпа.
    Думал проблема в шрифтах - не оно.

    Даже хз че за..

  • sergei179, Отключайте все что сможете по очередности. Может быть доберетесь.
  • sergei179, Сколько пунктов отбирает эта проблема?
  • sergei179, Можете ссылку на отчет pagespeed прислать pro100taa@yandex.ru? Может быть чего подскажу.
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Андрей PHP Ответ

Для исправления ошибки "Отрисовка самого крупного контента" в PageSpeed, вам нужно оптимизировать загрузку и отображение контента на вашем сайте. Вот несколько шагов, которые могут помочь улучшить производительность вашего сайта:

1. Оптимизация изображений: Убедитесь, что все изображения на вашем сайте оптимизированы для веба. Используйте форматы изображений с потерями, такие как JPEG, для фотографий, и форматы без потерь, такие как PNG, для изображений с прозрачностью. Также убедитесь, что размер изображений соответствует их отображению на странице.

<?php

// Пример оптимизации изображения с использованием PHP

function optimize_image($image_path) {

    $image = imagecreatefromjpeg($image_path);

    imagejpeg($image, $image_path, 80); // Установите качество изображения на 80%

    imagedestroy($image);

}

?>


2. Ленивая загрузка: Реализуйте ленивую загрузку изображений и видео, чтобы они загружались только при прокрутке страницы до них. Это поможет ускорить начальную загрузку страницы.


<?php

// Пример ленивой загрузки изображения с использованием PHP

echo '<img src="placeholder.jpg" data-src="image.jpg" class="lazy-load" />';

?>


3. Минимизация CSS и JavaScript: Объедините и минимизируйте CSS и JavaScript файлы, чтобы уменьшить количество запросов к серверу и ускорить загрузку страницы.


<?php

// Пример объединения и минимизации CSS файлов с использованием PHP

$css_files = ['style1.css', 'style2.css'];

$combined_css = '';

foreach($css_files as $file) {

    $combined_css .= file_get_contents($file);

}

file_put_contents('combined.css', $combined_css);

?>


4. Использование кэширования: Настройте кэширование на вашем сервере, чтобы уменьшить время загрузки страницы для повторных посещений пользователей.


<?php

// Пример настройки кэширования с использованием PHP

header('Cache-Control: max-age=3600'); // Кэшировать на 1 час

?>


5. Оптимизация шрифтов: Используйте форматы шрифтов WOFF и WOFF2 для уменьшения размера файлов и ускорения загрузки.


<?php

// Пример оптимизации шрифта с использованием PHP

echo '<link rel="stylesheet" href="font.woff2" />';

?>


Следуя этим шагам, вы сможете улучшить производительность вашего сайта и исправить ошибку "Отрисовка самого крупного контента" в PageSpeed.
Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ