PageSpeed Insights: Причина длительного использования «Самой насыщенной краски»

#pagespeed #pagespeed-insights #webdev.webserver

#скорость страницы #pagespeed-insights #webdev.webserver

Вопрос:

Я пытаюсь оптимизировать веб-сайт https://www.onwalt.de

Когда я использую Lighthouse в инструменте разработки Google Chrome, я получаю действительно хорошие результаты и время 0,9 секунды для самого большого наполнения (LCP) в режиме рабочего стола и LCP 2,3 с в мобильном режиме.

Однако, когда я использую PageSpeed Insights, LCP увеличивается до 8,2 секунды для мобильных устройств: https://developers.google.com/speed/pagespeed/insights/?url=https://www.onwalt.de/amp;tab=mobile

Я получаю те же плохие результаты с https://web.dev/measure /

Кто-нибудь может объяснить разницу?

Я не могу найти причину. Да, есть некоторые ресурсы, блокирующие рендеринг, но они вызывают максимум. 2 секунды.

Что я делаю не так?

Включена опция «очистить хранилище»: введите описание изображения здесь

Комментарии:

1. Лучше всего предположить, что у вас нет галочки «очистить хранилище» в Lighthouse на вашем локальном компьютере. Если вы не видите этого на странице аудита, щелкните значок шестеренки вверху справа, убедитесь, что установлен флажок «очистить хранилище», так как в противном случае вы сравниваете теплый кэш (по местному времени) с холодным кэшем (время PSI и web.dev).

2. @GrahamRitchie Большое вам спасибо за ваш вклад. Я проверил, и опция «очистить хранилище» активна. Но, несмотря на разницу (локальную и PSI), как бы вы объяснили эти 8 секунд?

3. Вы случайно не указали свой файл hosts на свой локальный хост? Я получаю аналогичные оценки с PSI, когда тестирую это. Или это ваш собственный сервер, и вы подключены к нему по VPN? Я получаю TTFB в 570 мс почти для всех запросов, так что это основная причина ваших низких результатов, и самое интересное — выяснить, почему вы не получаете то же самое.

4. @GrahamRitchie Еще раз благодарю вас. Нет, но сервер находится в Германии, и я тоже? Что еще более важно, почему TTFB так высок? Вы говорите почти по всем запросам. Вы имеете в виду каждый запрос (для каждого файла, например css, img, js и т.д.)? Или это просто первый запрос страницы (потому что есть запрос к БД).

5. Просто мое личное мнение, что измерения PSI для LCP слегка изменились за последние недели. Я использую nextjs.org в качестве ориентира. Обычно FCP и LCP близки, но теперь я использую числовые значения, такие как FCP 2.7s и LCP 7.6s, которые я раньше не видел (или, по крайней мере, не так часто, чтобы думать об этом как о чем-то проблематичном). Когда это начало происходить с моими страницами, я сначала подумал, что это может быть связано с незначительными изменениями в происхождении DOM после запуска JS, хотя визуально все стабильно, но я больше не уверен в таком объяснении.