Тематическое исследование, позволяющее оценить все влияние и преимущества высоких показателей производительности на Core Web Vitals.
RebelMouse — это облачная CMS с инструментами, управляемыми данными, и креативными стратегиями, необходимыми издателям для обеспечения наилучшего взаимодействия с аудиторией, как новой, так и старой. Мы поддерживаем веб-ресурсы с высоким трафиком для таких медиа-компаний, как Upworthy, Narcity, Raw Story, Brit + Co и The Independent, а также таких ценных сайтов, как Penske Trucks, Vault12, Gaingels и многих других.
Наша платформа ежемесячно охватывает более 100 миллионов человек только в США. Компания была основана на убеждении, что для процветания открытая сеть должна соответствовать самым высоким ожиданиям потребителей, и стандарты, установленные Google Core Web Vitals, соответствуют этому видению, ориентированному на пользователя.
Уже более десяти лет наша глобальная команда разрабатывает CMS, которая создает позитивный и интуитивно понятный пользовательский опыт, который приводит к значимому бизнесу. Core Web Vitals — это эталон, который гарантирует, что этот симбиотический цикл продолжится на каждом новом сайте, который мы поддерживаем.
Почему приоритет производительности означает улучшение бизнеса
Многие издатели сомневаются, что отличные результаты по Core Web Vitals стоят затраченных усилий. Они также обеспокоены тем, что даже качественный пользовательский опыт не обеспечит необходимого им увеличения читательской аудитории. К счастью, наша расстановка приоритетов в производительности в RebelMouse дала нам данные, доказывающие, что Core Web Vitals — отличный способ генерировать новый трафик и повышать лояльность пользователей, необходимую для ведения успешного бизнеса.
Чтобы проиллюстрировать это, мы проанализировали поведение аудитории ряда сайтов, которые мы поддерживаем, как до, так и после оптимизации для достижения высоких показателей производительности в Core Web Vitals. В частности, мы определили типы пользователей, чтобы разделить аудиторию на следующие ключевые категории:
- Новые посетители: пользователи, которые впервые посетили сайт.
- Повторные посетители: пользователи, у которых было как минимум два сеанса.
- Лояльные посетители: пользователи, совершившие как минимум три или более сеансов.
- Поклонники: пользователи, у которых было как минимум четыре или более сеансов.
- Суперфаны: пользователи, у которых было не менее пяти сеансов или более.
Ссылки: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Данные с мест, собранные Google Analytics, были предельно четкими. Сосредотачиваясь на категориях лояльных посетителей, фанатов и суперфанатов, мы обнаружили, что пользователи с гораздо большей вероятностью остаются дольше, потребляют больше контента и чаще возвращаются на сайты, которые получают отличные оценки по своим основным веб-жизненным показателям. Вот несколько ярких примеров:
Но потребление контента и время, затраченное на одного пользователя, были не единственными показателями, которые резко выросли. Число посещений пользователей и посещенных страниц также увеличилось среди тех же категорий:
От обычного к высокопроизводительному: как RebelMouse преобразует веб-сайты
Хорошей новостью является то, что хорошие результаты в Core Web Vitals возможны благодаря продуманным стратегическим изменениям, внесенным в кодовую базу вашего сайта. Вот несколько способов, с помощью которых RebelMouse обеспечивает высокопроизводительные веб-сайты:
Прогрессивное веб-приложение
RebelMouse оптимизирует все сторонние вызовы в прогрессивном веб-приложении, которое сначала доставляет наиболее важный контент, а затем упорядочивает остальные вызовы по мере необходимости их просмотра читателем.
У нас есть метод, который загружает JavaScript сразу после завершения события Largest Contentful Paint (LCP). Мы даем нашим пользователям возможность загружать JavaScript с тремя различными уровнями приоритета:
- Оптимизированный лучше всего подходит для пользователей, которым нужны новейшие передовые подходы. Мы используем его в нашей собственной разработке. Этот уровень приоритета приостановит запуск JavaScript до полной загрузки страницы, что обеспечивает максимальную производительность.
- Блокировка нагрузки используется для немедленного выполнения JavaScript и обычно оказывает негативное влияние на ваши показатели производительности. Этот уровень приоритета запустит JavaScript сразу после завершения загрузки страницы. Это может снизить ваши показатели производительности на 10–40 баллов в зависимости от дополнительного вызова.
- Post LCP — лучший вариант, сочетающий отличные показатели производительности с очень быстрой загрузкой. Этот уровень приоритета приведет к загрузке JavaScript сразу после завершения события Largest Contentful Paint. (Это рекомендуется только для рекламы, если вы увеличиваете доход от показа рекламы пользователям, которые находятся на странице всего пять секунд или около того.)
Оптимизируйте встраивание в социальные сети
Чтобы защитить показатели совокупного смещения макета (CLS) и LCP, для всех встраиваний в социальные сети необходимо настроить отложенную загрузку.
Для сохранения CLS вам необходимо динамически определять размер внедрения с помощью серверной технологии и вставлять его в собственное хранилище свойств этого внедрения. Затем встраивание необходимо доставить в ваш интерфейс, чтобы предотвратить смещение макета при загрузке. Для тех, кто хочет более глубоко погрузиться в эту тему, у нас есть публикации специально в Twitter и примеры TikTok с более подробной информацией.
Сверхлегкий, умный HTML и CSS
HTML и CSS сайта должны быть построены таким образом, чтобы обеспечить возможность предварительной загрузки изображений и текста в верхней части страницы до остальной части страницы.
- Плохие конструкции HTML заставят браузер обрабатывать множество ненужных элементов сайта, находящихся ниже сгиба, чтобы отобразить то, что находится над сгибом, в первой области просмотра.
- Более подробные статьи о том, как мы этого добиваемся в RebelMouse, можно найти здесь:
- Подробное описание того, как улучшить Core Web Vitals .
- Полное руководство по реализации высокой скорости страниц с включением сторонних скриптов.
- Подробное руководство по оптимизации под LCP .
Публикуйте, ориентируясь на производительность
С момента запуска Core Web Vitals разработчики ощутили влияние того, как их издательские платформы соответствуют рекомендованным Google пороговым значениям .
HTTP Archive , проект с открытым исходным кодом, который выявляет тенденции и записывает исторические закономерности для миллионов URL-адресов, в своем отчете Core Web Vitals Technology Report показал, как ведущие системы управления контентом работают в соответствии со стандартами взаимодействия с страницами Google. RebelMouse неизменно превосходит основные платформы CMS по наиболее важным показателям Google с момента ее внедрения и до 2022 года:
Производительность без компромиссов
Создание качественного контента теперь — это только половина дела как для издателей, так и для брендов. Качественный контент должен поддерживаться современными технологиями, способными соответствовать скорости и стандартам современной сети. Мы можем предоставлять основные веб-показатели, которые достигают высокого уровня, потому что производительность сайта — это не просто цель, это основа компании, вплетенная в нашу культуру. Мы уделяем особое внимание производительности, чтобы помочь нашим клиентам максимально эффективно использовать открытую сеть, увеличивая трафик и увеличивая доходы, не жертвуя при этом удобством взаимодействия с пользователем.
Если вы хотите узнать больше о том, как мы можем помочь вашему сайту превзойти отраслевые стандарты Core Web Vitals, нажмите здесь, чтобы узнать больше о RebelMouse сегодня .