Сапожники без сапог: аналитическое исследование сайтов веб-студий РФ

Я взял готовый рейтинг «топ-200 ведущих веб-студий рунета». Добавил в нашу систему мониторинга, и вот какой аналитический материал я получил. Полученный рейтинг.

Сайты. Скорость. ТОП 50. Антон Белогородцев + Никита Умнов + Алексей Махметхажиев

Я руковожу платформой Loading.Express. Мы проверяем скорость загрузки сайтов и ускоряем медленные сайты. Веб-студия может сделать свой сайт супер современным. Технически совершенным. Идеально быстрым... Но это не точно.

Все замеры выполнены сервисами GTmetrix и Google PageSpeed Insights. Данные в статье актуальны на 23.07.2019

1. «Рекорд» скорости загрузки сайта с телефона

До 30 секунд

загружается сайт веб-студии «Vintage»:

Если процессор и скорость канала интернет ограничивать, то сайт этой студии может загружаться до 70 секунд (полная загрузка).
  • 23 секунды загружается сайт веб-студии «Олега Чулакова»;
  • 18 секунд загружается сайт веб-студии «Red Collar»;
  • 17 секунд загружается сайт веб-студии «Сибирикс».

Топ-3 самых быстрых сайтов веб-студий с мобильных устройств:

  • 1.02 секунду загружается сайт веб-студии «Quantum Art» (нет SSL, нет мобильной версии);
  • 1.12 секунду загружается сайт веб-студии «Оджетто»;
  • 1.16 секунду загружается сайт веб-студии «KODIX».

2. «Рекорд» скорости загрузки сайта с компьютера

до 35 секунд

загружается сайт веб-студии «Олега Чулакова»

Кто еще:

  • 20 секунд загружается «Red Collar»;
  • 16 секунд загружается «Vide Infra»;
  • 12 секунд загружается «Sponge D&D».

Топ-3 самых быстрых сайтов веб-студий на десктоп:

  • 1.391 сек. грузится «Оджетто»;
  • 1.356 сек. грузится «AIR Production»;
  • 1.378 сек. грузится «Media5» (адаптивная версия не для всех устройств).

Выводы. В коде сайтов долгогрузов почти всегда есть библиотека «jQuery», которую мы рекомендуем использовать для прототипирования. Картинки должны быть в нужном размере, весить мало и грузиться только тогда, когда они нужны.

На видео визуально загружается первый экран. Остальное время загружается нижняя часть сайтов. Нужна отложенная загрузка и переверстка.

3. Рекорд веса страницы с телефона в мегабайтах

76 мегабайт
весит страница сайта веб-студии «ARTW».

Еще:

  • 29.55 мегабайт весит страница студии «Олега Чулакова»;
  • 22.66 мегабайта весит страница студии «Aero»;
  • 21.97 мегабайт весит страница веб-студии «Notamedia».

Топ-3 самых легковесных сайтов веб-студий на мобильных:

  • 0.454 мегабайт весит страница «DEFA»;
  • 0.518 мегабайт весит страница «Beta»;
  • 0.630 мегабайт весит страница «KODIX».

На десктопе тоже самое.

Выводы. Вы задумывались, что страницы сайтов могут столько весить? Если вы зашли на этот сайт в роуминге, то сколько заплатите за загрузку 76 мегабайт? Мы считали, что МТС спишет ~68 096 рублей.

Отложенная загрузка. Картинки в размер. Их оптимальное качество. Это то, с чего стоит начать, чтобы улучшить ситуацию.

5. Показатель Google PageSpeed Insights: с мобильных устройств

3

«Зеленая» зона — это показатель от 90 до 100 баллов. Если очень коротко — это отличный результат. Ниже 90 — сайт надо ускорять.

6. Показатель Google PageSpeed Insights: с ПК

19

Остальные веб-студии не обратили внимание на эти важные показатели при разработке своих сайтов.

Что важно знать про PageSpeed Insights!

Анализировать скорость загрузки сайта в одном Google PageSpeed неправильно. Анализ получится только по средним показателям. Технология проверки такова, что Google берет среднюю оценку по всем параметрам анализа.

GTmetrix нужен, чтобы понять, как быстро может загружаться сайт, какая у него максимальная скорость. Смотрите waterfall, где видно каждый запрос в секундах, каждая картинка и скрипт виден в разрезе времени и веса. Удобные отчеты. Инструмент больше для профи.

Loading.express нужен, чтобы оперативно и быстро проверить сайт на важные параметры скорости загрузки. Кэширование. Ответ сервера. Сжатие картинок и статики. Время загрузки и первое взаимодействие. Оценка до 10 баллов. Бесплатная консультация в мессенджерах от экспертов.

Ещё 20 способов проверить скорость загрузки сайта.

7. Количество запросов на страницу: десктоп и мобильные устройства

Норма — 100 запросов. Google рекомендует до 50.

436
HTTP-запросов за одну загрузку у веб-студии «ARTW».

Еще:

  • 293 запроса у «АРТВЕЛЛ» (нет SSL);
  • 209 запроса у «Extyl-PRO»;
  • 168 запросов у «AGIMA»;
  • 152 запроса у студии «DOT».

Что такое HTTP-запрос? Когда браузер загружает страницу, запрашиваются различные статические компоненты страницы (например, стили CSS, скрипты JavaScript или изображения) у веб-сервера по протоколу HTTP. Сервер посылает в ответ браузеру соответствующие файлы. Подробнее читайте здесь.

Все данные в нашем рейтинге обновляются каждые 12-48 часов. История сохраняется, и мы обязательно узнаем, когда и какая веб-студия ускорила свой сайт.

Кто мы и что хотим

Мы хотим сделать интернет быстрее. А мир лучше. Вместе мы будем пользоваться быстрыми сайтами. Получать качественные услуги и сервисы.

После запуска прошлого рейтинга, мы получили десятки сообщений от банков с вопросами. Некоторые уже ускорили сайты. Многие дали слово, что уже работают над ускорением.

До новых рейтингов. Пока!

Какие у тебя впечатления от рейтинга по веб-студиям?
Удивительно, что такие плохие показатели!
Не удивительно, сапожники без сапог!
Фиолетово, главное, что у меня на сайте всё хорошо!
Показать результаты
Переголосовать
Проголосовать

Поддержи авторов проекта!

Аудио версия про рейтинг — слушай:

0
87 комментариев
Написать комментарий...
Raz Dva

Очень поверхностный технический анализ. Стоило сравнивать скорость получения первой информации, именно это влияет на UX, а то что грузится в фоне для пользователя не имеет значения. Тем более многие сайты написаны на реакте и стоило смотреть еще переходы между страницами и отслеживать этот отклик.

Ну а про загрузку в роуминге это вообще не обсуждается, можно и на ютьюб также жаловаться. Если страницы столько весят, значит этот контент решает определенные задачи, и не означает, что страница с одним текстовым блоком на главной, загружаемая за пол секунды, лучше другого сайта.

Ответить
Развернуть ветку
Алексей из LOADING.express
Автор

А вы заходили на сам рейтинг?
Здесь в статье только тезисы, которые ранили нашу команду особенно сильно.
https://loading.express/web.html

Если вы пишете про отрисовку первого контента, то да, это важнейший показатель, наряду с остальными.
Наверняка вы знаете, что пока сайт не догрузится, он может притормаживать. Вы не сможете взаимодействовать с контентом и таким сайтом пользоваться неудобно, даже если его первый экран появился за секунду.

Про роуминг упомянули вскользь, потому что на многих тарифах в РФ сохранился роуминг внутри страны. И цены там отнюдь не привлекательные. Если это не роуминг даже, то в другой стране вы купили симку. Оплатили 3гб трафика. Скорее всего вы не будете довольны, что весь трафик сожрали такие сайты, которые не смогли сделать отложенную загрузку, пожать фотографии (без потери качества) и обрезать их до необходимого размера.

Ответить
Развернуть ветку
Alexey Poimtsev

На самом деле стоит учитывать много параметров. Например не исключено, что для комфорта пользователей ряд сайтов использует Lazy Loading, при этом инструменты для тестирования, перечисленные в статье скорее всего прокачивают всю страницу целиком, что даёт такие показатели

Ответить
Развернуть ветку
Алексей из LOADING.express
Автор

Ну нет. Любой сервис определяет отложенную загрузку очень легко.
Знаете как? Сервис просто не загружает то что грузится после загрузки. Это же не человек. Сервис не скролит.

Так что нет.
Показатели в статье верны. Страница студии ARTW и правда весит 76 мегабайт. Не верится, правда?

Ответить
Развернуть ветку
Alexey Poimtsev

Лукавите. Во первых вы измеряли скорость загрузки страницы с портфолио, а не лендинг. Портфолио весит действительно много - вот тут помог бы Lazy Loading. Лендинг для десктопа у них даёт индекс 91 (https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fartw.ru%2F&tab=desktop), а вот для мобилы 52, что ясно дело - хуже.

PS: Загляните к себе в консоль - у вас 2 ворнинга висят :) И я всё понимаю, но Nuxt-товый сайт без запросов в БД определённо быстрее сайтов студий, которые скорее всего и в базу лезут

Ответить
Развернуть ветку
Алексей из LOADING.express
Автор

Ну уж, сударь. Куда без маркетинга.

Нигде не написано, что страница весит главная. А ссылка ведёт именно на портфолио под анонсом факта, заметьте. Правда? Ну и где лукавство?

Про ворнинги. Да их два. Один яндекс метрика. Другой про картинку, которая загружается позднее.

А у вас есть сайт с яндекс метрикой без ворнингов?)

Ответить
Развернуть ветку
Alexey Poimtsev

Тогда надо было найти самый тяжёлый файл, гигов на 10 и сказать, что у этих ребят ващпе ад-жопа-Израиль. Если вы что-то измеряете, то берите равноценные страницы и лендинг - это как раз основная приземляющая клиентов страница.

По поводу ворнингов из метрики встречный вопрос - а нахрена эта Метрика нужна при живой GA, Amplitude и других кошерных инструментах?

Ответить
Развернуть ветку
Андрей Федотов

Так они именно так и делают. Вот только ещё не догадались во время загрузки включить тайминг просмотра видеороликов. ;-)

Корректно было бы во первых соотносить параметры загрузки со здравым смыслом. Их сервис, например чистой html странице на 100 КБ ставит ноль, при времени отображения 0.7 секунды из-за отсутствия кеширования.

Так же он не различает главную страницу и вспомогательные. Да и вообще игнорирует то, какие страницы являются точками входа, а на какие никто не заглядывает - не учитывает посещаемость.

В итоге пользуясь им для оптимизации деньги будут сливаться на совершенно бессмысленные мероприятия...

Ответить
Развернуть ветку
84 комментария
Раскрывать всегда