Web Тактика: дизайн, создание, развитие сайтов | +7 916 555-90-78 

Как сайт пройдёт Mobile Friendly и PageSpeed тесты?

Успешное прохождение теста Mobile Friendly – это обязательное современное требование к сайтам, стремящимся вести активную политику продвижения в поисковых системах. Хорошие показатели вашего сайта так же продемонстрируют и уровень используемых технологий. Поисковая система Google уже официально заявила о предпочтении к сайтам, оптимизированным под мобильные устройства – по скорости загрузки страниц и по совместимости визуализации содержимого на экранах мобильных устройствах.

Для проверки этой совместимости Google запустил специальные сервисы, позволяющие проверить ваш сайт. Вот пример прохождения тестирования совместимости для моего сайта:

Mobile Friendly тест сайта. Пример успешного прохождения

Большинство современных шаблонов дизайна, которые используются в CMS системах (системах управления сайтом) спокойно могут проходить подобный тест. Но успешное прохождение теста на совместимость с мобильными устройствами – это ДАЛЕКО не всё, что требуется от современного сайта! И вот тут могут возникнуть серьёзные неприятности, причины которых могут окажутся скрытыми от вас.

Ещё один очень важный тест от Google на скорость работы вашего сайта – инструмент PageSpeed Insights. Проверка на скорость сайта особенно важна, так как её результат влияет на поиск любых версии вашего сайта, как в мобильном, так и в обычном поиске (на позиции сайта у всех поисковых систем). Я считаю, что его эффективное прохождение сейчас даже важнее Mobile Friendly (которому уделяют большее значение, хотя он зависит и от поведенческих факторов).

При плохом результате прохождения теста (меньше 60%) вам могут утверждать, что всё дело в дизайне. И главное – это уменьшить размер и количество картинок, сделать сайт "простым". Другими словами: сделать сайт невзрачным и проигрывать конкурентам с хорошим оформлением их сайтов...

Но забывают (или не знают) о том, что это тест работы всего сайта – в том числе его серверной части, скорости срабатывания серверных скриптов, нагрузки на базу данных, возможность использования сжатия и кэширования. И скорость загрузки оптимизированных и сжатых графических элементов дизайна может оказывать меньшее влияние на прохождение теста, чем "торможение" на стороне сервера из-за процессов внутри "движка" сайта.

А предложение сделать крайним дизайн своего же собственного сайта (сократить возможности оформления) – настоящее само вредительство! Поисковая выдача высокочастотных коммерческих запросов – это самая конкурентная среда (состоит из сайтов-конкурентов). Уничтожая качество оформления, вы сами лишаете свой сайт конкурентного преимущества в глазах посетителей. Если они не знакомы с вашей компанией, то сравнение между конкурентами (при прочих равных условиях) будет происходить именно по уровню качества их сайтов. Вызывает лояльность и доверие именно та компания, которая, уважая своих клиентов, потратила усилия и средства для создания качественного инструмента информационной работы с клиентами.

Пример прохождения теста PageSpeed сайта с анимацией

А вот пример прохождения того же теста, который Google учёл для мобильной версии первой страницы сайта. В ней присутствует анимация и много графических файлов для её кадров и оформления фонов. При таком количестве графики (весе графических файлов) для мобильной версии, многие разработчики посчитают невозможным прохождение теста скорости на 98%. Но вот наглядный пример:

Прохождение PageSpeed теста мобильной версией сайта

Но это не самое интересное. В этом же примере прохождения этого же теста есть ещё одни интересный момент! Вы видите 100% вариант прохождение теста "для компьютеров" самой большой (не мобильной) версии первой страницы сайта (см. картинку в тесте ниже). А эта версия содержит "тяжёлую" адаптивную АНИМАЦИЮ из 4 изображений! И ещё подключена Яндекс Метрика,  известная своей "неспешностью"... Результат теста проверки скорости страницы для компьютеров:

100% Прохождение PageSpeed теста версией сайта для компьютеров

Самое интересное, что старая версия сайта, в которой есть даже два вида анимации, так же успешно проходит тест! В старой версии сайта есть даже Flash-анимация, которая подключается только при наличии включённого плагина в браузере посетителя. Включите плагин Flash в браузере, (если он отключён) и вы увидите целое интерактивное "многосерийное кино" (таким интерактивным интернет был ещё совсем недавно). Другими словами, в старой версии применялась адаптивная анимация с автоматическим выбором варианта показа в виде Flash или HTML5 анимации (в зависимости от наличия включённого плагина в браузерах пользователей). Получается, что даже с Flash элементом и с графикой на странице возможно 100% прохождение теста! Главное использовать комплексную оптимизацию и понимание применяемых технологий. Тогда у вашего сайта будут прекрасные перспективы поискового продвижения, при максимальном качестве дизайна и эксклюзивности оформления!


P.S. Новость 2021 года показала оправданность моих многолетних стремлений по оптимизации технологий сборки сайтов. Теперь прохождения теста Mobile Friendly мало. Google делает требования Core Web Vitals 2021 основным фактором ранжирования сайтов! Скорость загрузки, скорость возможности взаимодействия, скорость появления стабильного отображения...
Новые проекты без выполнения этого требования не смогут получить лидирующих позиций, а старые лидеры (без оптимизации технологий) постепенно будут уступать новым сайтам (оптимизированным под Core Web Vitals 2021).

Дополнительная информация:
Продвижение сайтов

Как включить Flash Player в браузере — способы включения плагина Adobe Flash Player в вашем браузере.

Адаптивные технологии дизайна сайтов

Дизайн сайта с адаптивной технологией Flash + HTML5. Комплексный подход к разработке дизайна. Самые эффективные технологии оформления.

Поддержка сайтов - комплексные услуги

Комплексная поддержка сайта — анализ проектов и конкурентов, дизайн, SEO, продвижение, копирайт, соцсети, сервисы, техподдержка, фотосъёмка.

Отправьте запрос, указав телефон для обратного звонка:


Отправляя сообщение, вы соглашаетесь с политикой конфиденциальности