На этой неделе были выпущены две последние главы Веб-альманаха 2022 года — «Структурированные данные» и «Производительность», завершающие 729-страничную электронную книгу отчета. Глава, посвященная WordPress, была опубликована ранее в этом месяце с показателями, указывающими на рост внедрения .
Глава «Производительность» была написана инженером по производительности Etsy Мелиссой Адой и инженером по прозрачности веб-сайтов Google Риком Вискоми. Показатели производительности в этой главе сосредоточены на Core Web Vitals (CWV), который Google представил в 2020 году и дал сигнал ранжирования в 2021 году. Для отчета они использовали общедоступный набор данных Chrome UX Report (CrUX), который собирает данные с подходящих веб-сайтов — публично . обнаруживаемые сайты с неизвестным минимальным количеством посетителей.
Большая часть данных касается производительности Интернета в целом с течением времени, но Веб-альманах 2022 года выявил одну конкретную проблему, связанную с использованием сайтами WordPress отложенной загрузки и ее влиянием на производительность LCP. Google определяет метрику Largest Contentful Paint (LCP) как «время рендеринга самого большого изображения или текстового блока, видимого в области просмотра, по отношению к тому моменту, когда страница впервые начала загружаться ».
Отложенная загрузка — это хорошо, когда используется правильно, но эта статистика убедительно свидетельствует о том, что существует большая возможность повысить производительность, удалив эту функцию, в частности, из образов LCP.
WordPress был одним из пионеров внедрения нативной отложенную загрузки, и между версиями 5.5 и 5.9 он фактически не пропускал атрибут из кандидатов LCP. Итак, давайте рассмотрим, в какой степени WordPress все еще способствует этому антишаблону.
Согласно главе CMS , WordPress используется на 35% страниц . Поэтому удивительно видеть, что 72% страниц, которые используют встроенную отложенную загрузку в своем образе LCP, используют WordPress, учитывая, что исправление доступно с января 2022 года в версии 5.9. Одна из теорий, требующая дальнейшего изучения, заключается в том, что плагины могут обходить меры безопасности, встроенные в ядро WordPress, вставляя изображения LCP на страницу с поведением отложенной загрузки.
Точно так же непропорционально высокий процент страниц, использующих пользовательскую отложенную загрузку, создается с помощью WordPress (54%). Это намекает на более широкую проблему в экосистеме WordPress, связанную с чрезмерным использованием отложенной загрузки. Вместо того, чтобы быть исправимой ошибкой, локализованной в ядре WordPress, могут быть сотни или тысячи отдельных тем и плагинов, способствующих этому антишаблону.
До WordPress 5.9 реализация отложенной загрузки по умолчанию в WordPress приводила к снижению производительности LCP, потому что она применялась слишком агрессивно и лениво загружала изображения в верхней части сгиба. В версии 5.9 WordPress выпустил исправление , которое более активно загружает изображения в начальном окне просмотра, а остальное загружает лениво. Вот почему результаты, которые показывают сайты WordPress, чрезмерно использующие отложенную загрузку, удивительны.
«По общему признанию, «отложенная перегрузка» — сложная проблема для решения», — сказал Вискоми в своем анализе ветки в Твиттере . «Мы не всегда знаем, будет ли изображение LCP. Ядро WordPress устанавливает его для каждого изображения по умолчанию и использует эвристику для его отключения. Почти 3/4 страниц с отложенной загрузкой изображений находятся в WordPress».
В 2020 году Вискоми отметил, как быстро выросло внедрение нативной отложенной загрузки изображений после того, как в августе того же года был выпущен WordPress 5.5 с отложенной загрузкой изображений по умолчанию. WordPress способствует внедрению этой функции, поэтому любая реализация «анти-шаблона», как охарактеризовал его Вискоми, оказывает огромное влияние на производительность Интернета.
«Что дает, WordPress?» — сказал Вискоми. «Моя теория состоит в том, что ошибаются не основные эвристики, а плагины. Кроме того, имейте в виду, что большинство страниц, которые даже используют отложенную загрузку, — это WP.
«Чтобы поддержать теорию плагинов, давайте посмотрим на пользовательскую отложенную загрузку LCP: более половины страниц, которые это делают, созданы с помощью WordPress. WordPress — это «всего лишь» треть Интернета, поэтому явно что-то происходит с отложенной перегрузкой на основе JS в WP».
На WordPress.org есть несколько страниц плагинов производительности, кэширования и оптимизации изображений и видео, которые каким-то образом используют отложенную загрузку. Разработчики плагинов и тем, которые используют отложенную загрузку в своих расширениях, могут захотеть протестировать свои реализации, чтобы увидеть, не оказывают ли они отрицательного влияния на производительность LCP.
