Самое важное коротко
- Google оценивает удобство страницы по трём Core Web Vitals: LCP (загрузка), INP (отклик) и CLS (визуальная стабильность).
- Хорошими считаются LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1 для 75 процентов реальных посещений.
- В марте 2024 года INP заменил прежний показатель FID; инструкции, где ещё упоминается FID, устарели.
- Самые частые тормоза на сайтах канцелярий: огромные фото, конструкторы страниц, слайдеры, плагины, внешние шрифты и cookie-скрипты.
- Быстрые страницы помогают прежде всего людям; для ранжирования важнее релевантность, а скорость решает при сопоставимых страницах.
Эта статья носит общий информационный характер и не является юридической или налоговой консультацией в конкретном случае. Законы, профессиональные директивы и взносы в палаты меняются: перед решением уточните детали в вашей палате, ведомстве или профессиональном объединении.
Почему скорость загрузки важна для канцелярий
Кто ищет канцелярию, обычно приходит с конкретной проблемой: увольнение, срок от налоговой, запись к нотариусу. Многие ищут на ходу со смартфона, часто при нестабильной связи. Медленная страница в этот момент похожа на занятую телефонную линию. Люди редко возвращаются: они звонят в следующую канцелярию из списка.
Для ранжирования в Google скорость загрузки лишь один фактор из многих. Google сам говорит, что поиск всегда стремится показать самый релевантный контент, даже если удобство страницы не идеально. Быстрая страница со слабым содержанием не обгонит медленную страницу с отличным руководством по наследственному праву. Но если у нескольких канцелярий в вашем городе одинаково хорошие страницы, удобство может стать решающим. Главная причина остаётся прежней: кто не дождался загрузки, тот и не позвонит.
Три Core Web Vitals и их пороговые значения
Google сводит впечатление от загрузки страницы к трём показателям, Core Web Vitals. Оценивается не среднее значение, а 75-й процентиль: страница считается хорошей, если как минимум три из четырёх реальных посещений укладываются в порог. Мобильная и десктопная версии оцениваются отдельно.
| Показатель | Что он измеряет | Хорошо | Требует улучшения | Плохо |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Когда загрузился самый большой видимый элемент, обычно главное фото или заголовок | до 2,5 с | до 4 с | более 4 с |
| INP (Interaction to Next Paint) | Как быстро страница реагирует на клики и касания, например при открытии меню | до 200 мс | до 500 мс | более 500 мс |
| CLS (Cumulative Layout Shift) | Насколько сильно смещается содержимое во время загрузки | до 0,1 | до 0,25 | более 0,25 |
В марте 2024 года INP заменил прежний показатель FID (First Input Delay). FID измерял только задержку самого первого ввода, INP учитывает все клики, касания и нажатия клавиш за время посещения. Поэтому сайты, которые раньше получали хорошие оценки, сегодня могут проседать по INP, особенно если в фоне работает много скриптов.
Измерение в PageSpeed Insights и Search Console
Большинству канцелярий хватит двух бесплатных инструментов Google. Важно понимать разницу между двумя видами данных: полевые данные поступают от реальных пользователей Chrome за последние 28 дней, лабораторные данные получены из смоделированной загрузки страницы. Для оценки Google важны полевые данные, для поиска ошибок полезны лабораторные.
Откройте PageSpeed Insights
Введите на pagespeed.web.dev адрес главной страницы, затем адрес важной подстраницы, например страницы о трудовом праве или о расчёте заработной платы. Сначала проверьте вкладку «Мобильные устройства».
Прочитайте полевые данные
Вверху видно, проходит ли страница проверку Core Web Vitals. Если посещений слишком мало, PageSpeed Insights показывает значения для всего домена или вовсе не показывает полевых данных. Для небольших канцелярий это нормально и не является ошибкой.
Используйте диагностику
Ниже следует анализ Lighthouse с конкретными подсказками: слишком большие изображения, блокирующие скрипты, неиспользуемый код. Балл от 0 до 100 колеблется от запуска к запуску; обращайте больше внимания на отдельные подсказки.
Настройте Search Console
Отчёт «Основные интернет-показатели» в Google Search Console объединяет похожие страницы в группы и показывает мобильную и десктопную версии отдельно. После исправления можно запустить проверку; Google затем 28 дней наблюдает за реальными данными.
Проверьте на реальном устройстве
Откройте сайт на старом смартфоне через мобильный интернет, а не только на офисном компьютере с оптоволокном. Что там кажется медленным, кажется медленным и вашим клиентам.
Типичные тормоза на сайтах канцелярий
Сайты канцелярий обычно невелики: главная страница, направления работы, команда, контакты, выходные данные. И всё же многие из них удивительно медленные. Причины повторяются.
| Причина | Типичный пример | Затронутый показатель |
|---|---|---|
| Огромные фото | Фото команды прямо с камеры весом 8 МБ, уменьшенное в браузере до 600 пикселей | LCP |
| Конструкторы страниц и тяжёлые темы | Тема конструктора загружает код для десятков функций, которыми вы никогда не пользуетесь | LCP, INP |
| Слайдер на главной | Пять больших сменяющихся изображений, которые загружаются все сразу | LCP, CLS |
| Много плагинов | По плагину на форму, галерею, карту, анимации и статистику | INP, LCP |
| Внешние шрифты | Три семейства шрифтов в шести начертаниях с чужого сервера | LCP, CLS |
| Cookie-баннер и трекинг | Инструмент согласия, который загружается раньше всего остального, плюс рекламные и аналитические скрипты | LCP, INP, CLS |
| Встроенные карты и видео | Карта Google Maps и видео YouTube, которые загружаются сразу вместе со страницей | LCP, INP |
Внешние шрифты при этом не только проблема скорости. Земельный суд Мюнхена I (LG München I) (дело 3 O 17493/20) в 2022 году решил, что сайт, который без согласия загружает Google Fonts с сервера Google и тем самым передаёт IP-адреса посетителей, нарушает DSGVO (GDPR). Шрифты с собственного сервера загружаются быстрее и снимают эту проблему. Похоже и со встроенными картами: превью с надписью «Загрузить карту» быстрее и бережнее к данным, чем карта, которая загружается при каждом открытии страницы.
Что действительно помогает
Как сделать правильно
- Перед загрузкой уменьшать фото до реально отображаемого размера и отдавать их в формате WebP или AVIF
- Указывать ширину и высоту изображений, чтобы место для них резервировалось заранее
- Изображения ниже по странице загружать только при прокрутке, а главное фото сразу
- Одно, максимум два семейства шрифтов, с собственного сервера
- Загружать карты и видео только после клика
- Регулярно чистить плагины и скрипты: что никому не нужно, удаляется
Лучше не надо
- Слайдер из пяти изображений в шапке главной страницы
- Загружать главное фото в режиме lazy, так что оно появляется последним
- Ставить новый плагин ради каждой мелочи
- Подключать скрипты трекинга, отчёты которых никто не смотрит
- Фоновые видео в полном разрешении, которые на телефоне никому не нужны
- Cookie-баннер, который после загрузки наезжает на содержимое и сдвигает его
На сайтах канцелярий главное фото почти всегда самый большой элемент, а значит, и LCP. Спокойное фото команды или помещений разумного размера загружается быстро и говорит больше, чем слайдер со стоковыми весами и параграфами. Советы по хорошим снимкам вы найдёте в руководстве о фотографиях для сайта канцелярии.
Что касается cookie-баннера, стоит задать принципиальный вопрос: нужны ли вам вообще скрипты, требующие согласия? Статистика без cookies и без рекламного трекинга экономит скрипты, время загрузки и часто сам баннер. Что действует с правовой точки зрения, описано в руководстве о cookie-баннере для канцелярий; как всё же измерять успех сайта, в статье Как измерить успех сайта.
Хостинг и техника
Даже лучшая страница загружается медленно, если сервер долго отвечает. Это время до первого байта (TTFB) не входит в Core Web Vitals, но содержится в каждом значении LCP. В качестве грубого ориентира Google называет TTFB 0,8 секунды или меньше. Дешёвые тарифы виртуального хостинга, где сотни сайтов делят один сервер, не всегда надёжно с этим справляются.
- Сервер в ЕС: короткий путь до ваших клиентов и проще с защитой данных.
- Кеширование: страницы отдаются готовыми, а не собираются из базы данных при каждом запросе.
- Современные протоколы и сжатие: HTTP/2 или HTTP/3 и сжатая передача сегодня стандарт, но на старых тарифах включены не всегда.
- Статические страницы: сайт канцелярии меняется редко. Заранее сгенерированные страницы быстрые, безопасные и почти не требуют обслуживания.
- Обновления: устаревшие системы и плагины не только медленные, но и опасные, особенно для профессий с обязанностью хранить тайну.
Чек-лист быстрого сайта канцелярии
Проверить самостоятельно за час
- Главная и две важные подстраницы проверены в PageSpeed Insights в мобильном режиме
- Главное фото меньше примерно 200 КБ и в современном формате
- Нет слайдера и автоматически запускаемого видео в шапке
- Шрифты с собственного сервера, максимум два семейства
- Карта и видео только после клика
- Список всех плагинов и внешних скриптов просмотрен, лишнее удалено
- Отчёт Core Web Vitals в Search Console настроен
- Сайт открыт на старом смартфоне через мобильный интернет
Если сайт изначально построен на тяжёлом конструкторе, многие из этих пунктов можно исправить лишь частично. Тогда новая разработка может обойтись дешевле постоянных доработок; на что при этом обратить внимание, описано в руководстве о перезапуске сайта. Сколько стоит лёгкий сайт канцелярии, показывает статья Стоимость сайта канцелярии. А поскольку большинство посещений приходит со смартфонов, стоит заглянуть и в руководство о мобильном сайте канцелярии.
Сайт канцелярии, который открывается сразу
Наши сайты для канцелярий построены легко: оптимизированные изображения, шрифты с собственного сервера, никаких слайдеров и наборов плагинов, статистика без cookies. Запросите бесплатный предпросмотр и проверьте его сами в PageSpeed Insights.
Превью без обязательств: так может выглядеть сайт вашей конторы у нас.
Источники
- Google Search Central – Core Web Vitals и результаты поиска Google
- Google Search Central – Удобство страниц в результатах поиска Google
- Google – Отчёт «Основные интернет-показатели» в Search Console
- Google – О PageSpeed Insights
- web.dev – Web Vitals
- web.dev – Interaction to Next Paint становится Core Web Vital
- web.dev – Time to First Byte (TTFB)
- LG München I, решение от 20.01.2022, дело 3 O 17493/20 (Google Fonts)
