Как сайт пройдёт Mobile Friendly и PageSpeed тесты?
Успешное прохождение теста Mobile Friendly – это обязательное современное требование к сайтам, стремящимся вести активную политику продвижения в поисковых системах. Хорошие показатели вашего сайта так же продемонстрируют и уровень используемых технологий. Поисковая система Google уже официально заявила о предпочтении к сайтам, оптимизированным под мобильные устройства – по скорости загрузки страниц и по совместимости визуализации содержимого на экранах мобильных устройствах.
Для проверки этой совместимости Google запустил специальные сервисы, позволяющие проверить ваш сайт. Вот пример прохождения тестирования совместимости для моего сайта:
Большинство современных шаблонов дизайна, которые используются в CMS системах (системах управления сайтом) спокойно могут проходить подобный тест. Но успешное прохождение теста на совместимость с мобильными устройствами – это ДАЛЕКО не всё, что требуется от современного сайта! И вот тут могут возникнуть серьёзные неприятности, причины которых могут окажутся скрытыми от вас.
Ещё один очень важный тест от Google на скорость работы вашего сайта – инструмент PageSpeed Insights. Проверка на скорость сайта особенно важна, так как её результат влияет на поиск любых версии вашего сайта, как в мобильном, так и в обычном поиске (на позиции сайта у всех поисковых систем). Я считаю, что его эффективное прохождение сейчас даже важнее Mobile Friendly (которому уделяют большее значение, хотя он зависит и от поведенческих факторов).
При плохом результате прохождения теста (меньше 60%) вам могут утверждать, что всё дело в дизайне. И главное – это уменьшить размер и количество картинок, сделать сайт "простым". Другими словами: сделать сайт невзрачным и проигрывать конкурентам с хорошим оформлением их сайтов...
Но забывают (или не знают) о том, что это тест работы всего сайта – в том числе его серверной части, скорости срабатывания серверных скриптов, нагрузки на базу данных, возможность использования сжатия и кэширования. И скорость загрузки оптимизированных и сжатых графических элементов дизайна может оказывать меньшее влияние на прохождение теста, чем "торможение" на стороне сервера из-за процессов внутри "движка" сайта.
А предложение сделать крайним дизайн своего же собственного сайта (сократить возможности оформления) – настоящее само вредительство! Поисковая выдача высокочастотных коммерческих запросов – это самая конкурентная среда (состоит из сайтов-конкурентов). Уничтожая качество оформления, вы сами лишаете свой сайт конкурентного преимущества в глазах посетителей. Если они не знакомы с вашей компанией, то сравнение между конкурентами (при прочих равных условиях) будет происходить именно по уровню качества их сайтов. Вызывает лояльность и доверие именно та компания, которая, уважая своих клиентов, потратила усилия и средства для создания качественного инструмента информационной работы с клиентами.
Пример прохождения теста PageSpeed сайта с анимацией
А вот пример прохождения того же теста, который Google учёл для мобильной версии первой страницы сайта. В ней присутствует анимация и много графических файлов для её кадров и оформления фонов. При таком количестве графики (весе графических файлов) для мобильной версии, многие разработчики посчитают невозможным прохождение теста скорости на 98%. Но вот наглядный пример:
Но это не самое интересное. В этом же примере прохождения этого же теста есть ещё одни интересный момент! Вы видите 100% вариант прохождение теста "для компьютеров" самой большой (не мобильной) версии первой страницы сайта (см. картинку в тесте ниже). А эта версия содержит "тяжёлую" адаптивную АНИМАЦИЮ из 4 изображений! И ещё подключена Яндекс Метрика, известная своей "неспешностью"... Результат теста проверки скорости страницы для компьютеров:
Самое интересное, что старая версия сайта, в которой есть даже два вида анимации, так же успешно проходит тест! В старой версии моего сайта есть даже Flash-анимация, которая подключается только при наличии включённого плагина в браузере посетителя. Включите плагин Flash в браузере, (если он отключён) и вы увидите целое интерактивное "многосерийное кино" (таким интерактивным интернет был ещё совсем недавно). Единственный современный браузер, поддерживающий Flash технологию — это браузер Maxthon (настоятельно рекомендую, есть русскоязычная версия). Возможно, в моём портфолио осталась последняя возможность посмотреть на то, каким технологичным было оформление сайтов ещё 10 лет назад.
Другими словами, до 2017 года в дизайне всех моих web-проектах применялась технология адаптивной анимации с автоматическим выбором варианта показа в виде Flash или HTML5 анимации (в зависимости от наличия включённого плагина в браузерах пользователей). Получается, что даже с Flash элементом и с графикой на странице возможно 100% прохождение теста PageSpeed Insights! Главное использовать комплексную оптимизацию и понимание применяемых технологий (включая задачи SEO). Тогда у вашего сайта будут прекрасные перспективы поискового продвижения, при максимальном качестве дизайна, эксклюзивности оформления и высоких поведенческих факторах (для алгоритмов оценки сайта поисковыми системами)!
P.S. Новость 2021 года показала оправданность моих многолетних стремлений по оптимизации технологий сборки сайтов. Теперь прохождения теста Mobile Friendly уже мало. Google делает требования Core Web Vitals 2021 основным фактором ранжирования сайтов! Скорость загрузки, скорость возможности взаимодействия, скорость появления стабильного отображения...
Новые проекты сайтов без выполнения этого требования не смогут получить лидирующих позиций, а старые лидеры (без оптимизации технологий) постепенно будут уступать новым сайтам (оптимизированным под Core Web Vitals 2021).
