Опубликовано: 9 декабря 2025 г.
Monrif — одна из ведущих издательских групп Италии, управляющая такими популярными новостными изданиями, как Il Resto del Carlino , Il Giorno , La Nazione и QN Quotidiano.net . Учитывая, что миллионы пользователей просматривают десятки статей за сессию, оптимизация скорости навигации и времени загрузки страниц имеет решающее значение для удержания и вовлечения читателей.
В начале 2025 года компания Monrif начала инициативу по повышению производительности, направленную на улучшение показателя Largest Contentful Paint (LCP) за счет внедрения эффективной стратегии предварительной отрисовки с использованием API Speculation Rules . Выявив наиболее посещаемые страницы статей и применив предварительную отрисовку для этих путей, Monrif добилась улучшения LCP до 17,9% — измеримого повышения производительности и удобства использования новостного контента. Кроме того, это привело к заметному росту вовлеченности пользователей, достигнув пика в +8,9% в некоторых сегментах .
Воодушевленная успехом предварительной отрисовки, команда также внедрила поддержку кэширования "назад/вперед" (bfcache) . Это позволило посетителям, возвращающимся на сайт, практически мгновенно переходить на ранее посещенные страницы, что еще больше способствовало плавному и отзывчивому процессу просмотра.
С чего мы начали
Перед внедрением внутреннее тестирование и данные отчета Chrome User Experience Report (CrUX) показали, что многие страницы Monrif, особенно страницы статей и главной страницы, имели неоптимальные показатели LCP.
До начала работ по оптимизации, предшествовавших марту 2025 года, 75-й процентиль LCP для просмотров главной страницы по нескольким заголовкам колебался от 2,333 до 2,419 секунд . Хотя технически это находилось в пределах «хорошего» порога (2,5 секунды или меньше), всё ещё существовал потенциал для улучшения воспринимаемой пользователями производительности при часто используемых схемах навигации.
Как мы улучшили LCP
Для уменьшения задержек при навигации Monrif внедрила спекулятивную предварительную отрисовку на всех настольных и мобильных устройствах, используя API правил спекуляции . Эта стратегия была разработана для баланса между влиянием на производительность и технической безопасностью, позволяя предварительную отрисовку только тогда, когда элементы ссылок соответствуют определенным селекторам и условиям.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
Уровень активности был установлен на moderate для всех ссылок (с некоторыми исключениями). Эта настройка учитывает события наведения курсора (на настольных компьютерах) и эвристические алгоритмы, основанные на области просмотра (на мобильных устройствах) . Такой подход позволил команде контролировать область предварительной отрисовки только для наиболее вероятных ссылок, тем самым минимизируя использование ресурсов.
Результаты
Чтобы оценить влияние предварительного рендеринга, мы сосредоточили свой анализ на трех основных публикациях Monrif — Il Resto del Carlino , Il Giorno и La Nazione — используя данные GA4 и метрики CrUX.
Хотя предварительная отрисовка была включена как на настольных компьютерах, так и на мобильных устройствах, её частота была значительно выше на настольных компьютерах, поскольку "moderate" позволял отображать больше ссылок в области видимости при наведении курсора. Например, на сайте La Nazione предварительная отрисовка запускалась в 13,9% случаев просмотра веб-страниц (на настольных компьютерах) по сравнению с всего 2,9% на мобильных устройствах. В результате, улучшения производительности были более заметны и стабильны на настольных платформах, которые стали основной областью исследования.
К концу мая 2025 года производительность LCP значительно улучшилась во всех трех публикациях, что подтверждается данными CrUX для настольных компьютеров:
Эти улучшения точно отражали пики активности предварительной отрисовки. В следующей таблице показаны самые высокие показатели предварительной отрисовки — как по объему, так и по процентному увеличению по сравнению со средним значением — для каждого сайта на настольных компьютерах:
Во всех играх самые низкие значения LCP наблюдались в периоды, во многом совпадающие по времени с пиковыми значениями предварительной отрисовки, особенно в период с середины мая по начало июня 2025 года. Эта синхронность указывает на сильную корреляцию между спекулятивной предварительной отрисовкой и реальным повышением производительности.
Эффект вовлеченности
Параллельно с ростом популярности LCP, компания Monrif зафиксировала измеримое увеличение вовлеченности пользователей во время внедрения предварительной отрисовки. Анализ данных GA4 по изданиям Il Resto del Carlino , Il Giorno и La Nazione показал, что уровень вовлеченности значительно улучшился в те недели, когда предварительная отрисовка была наиболее активной.
Вот анализ корреляции между интенсивностью предварительной отрисовки, улучшением LCP и повышением вовлеченности на настольных компьютерах:
Хотя на вовлеченность влияют многочисленные факторы, тесная временная корреляция предполагает, что более высокое воспринимаемое качество работы при предварительной отрисовке приводит к более глубокому и устойчивому взаимодействию с пользователем.
Влияние рекламы
Хотя основной целью Monrif было улучшение пользовательского опыта и производительности, эта инициатива, по всей видимости, также оказала положительное влияние на показатели рекламы.
В частности, показатели видимости рекламы на открытом рынке — ключевой индикатор видимости рекламы и качества рекламного инвентаря — продемонстрировали умеренное, но устойчивое улучшение в ходе внедрения предварительной отрисовки. В трех основных изданиях средняя видимость улучшилась на 1,03%, что соответствует неделям с наибольшей активностью предварительной отрисовки. Как и в случае с анализом эффективности и вовлеченности, эти данные основаны на трафике с настольных компьютеров, чтобы обеспечить согласованность между наборами данных.
Это улучшение, хотя и небольшое в абсолютном выражении, имеет важное значение: даже незначительное повышение видимости может улучшить воспринимаемое качество рекламного инвентаря, увеличить коэффициент заполнения и укрепить доверие рекламодателей.
Особенно примечательно то, как это связано с улучшениями производительности. За счет уменьшения LCP и повышения скорости навигации Monrif помог страницам загружаться быстрее и удерживать внимание пользователей. Это, в свою очередь, увеличивает вероятность того, что реклама дольше останется в поле зрения и будет показана чаще.
Улучшение мгновенной навигации с помощью bfcache
Помимо предварительной отрисовки, компания Monrif работала над обеспечением поддержки кэша «назад/вперед» (bfcache) — механизма повышения производительности, который позволяет мгновенно восстанавливать страницы при переходе пользователей с помощью кнопок «назад» или «вперед» в браузере.
Для обеспечения совместимости с bfcache разработчики устранили несколько распространенных препятствий:
- Удалены обработчики событий
unload, поскольку они ненадежны и вскоре будут признаны устаревшими . - Внедрен строгий заголовок
Permissions-Policy, чтобы предотвратить повторное добавление обработчиков событийunload(особенно сторонними разработчиками). - Реализованы обработчики событий
pagehideдля безопасного закрытия соединений (например, IndexedDB, WebSocket). - Избегали использования параметра
Cache-Control: no-storeесли это не было строго необходимо, поскольку во многих случаях это может блокировать bfcache .
Хотя у команды пока не было достаточных данных, чтобы изолировать влияние bfcache с той же статистической точностью, что и при предварительной отрисовке, ранние тесты и трассировка в инструментах разработчика Chrome подтвердили, что совместимые элементы навигации были полностью восстановлены из памяти, обеспечивая время загрузки менее секунды при возврате к ранее просмотренным статьям.
Заключение
Благодаря внедрению спекулятивной предварительной отрисовки, Monrif значительно улучшила LCP на своих новостных сайтах, добившись сокращения времени загрузки до 17,9% . Эти улучшения не только повысили воспринимаемую производительность, но и привели к измеримому росту вовлеченности пользователей на основных ресурсах компании.
Кроме того, этот случай показывает, что оптимизация производительности, ориентированная на пользователя, может принести выгоды в плане монетизации в дальнейшем, улучшая условия, влияющие на то, как и когда показываются объявления.
В этом тематическом исследовании показано, как современные методы оптимизации навигации, такие как предварительная отрисовка, могут значительно улучшить показатели Core Web Vitals — даже на платформах с большим объемом контента — и привести к измеримым улучшениям пользовательского опыта и бизнес-результатов.