{"id":13474,"url":"\/distributions\/13474\/click?bit=1&hash=89dcb97d365dcd062aa67a23ebd7d587ac1ef67c2c12b41ed4fdb46a523d850d","title":"\u0420\u0411\u041a \u0437\u0430\u0434\u0443\u0434\u043e\u0441\u0438\u043b\u0438. \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0437\u0430\u0434\u0443\u0434\u043e\u0441\u0438\u043b\u0438 \u0432\u0430\u0441","buttonText":"","imageUuid":"","isPaidAndBannersEnabled":false}

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

Я взял готовый рейтинг «топ-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гб трафика. Скорее всего вы не будете довольны, что весь трафик сожрали такие сайты, которые не смогли сделать отложенную загрузку, пожать фотографии (без потери качества) и обрезать их до необходимого размера.

Ответить
Развернуть ветку
9 комментариев
Артём А.

Ну так статья - "Сапожник без сапог")

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

Ответить
Развернуть ветку
3 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Антон Белогородцев

Как-то упустили. Наверное стоит разобрать его студию отдельно? )

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

Кстати, сайт у них очень хорошо сделан. Ускорять там нечего. Всё сделали на отлично.

Ответить
Развернуть ветку
филипп лоывлов

Не, расценки в роуминге у всех дикие, но чтобы 900руб за мегабайт - это что за тариф?

Ответить
Развернуть ветку
Антон Белогородцев

Считали согласно вот этой информации на сайте МТС

Ответить
Развернуть ветку
1 комментарий
Елена Краско

Причем когда такие студии выкладывают свои кейсы сюда, а ты пишешь, что вы сначала свой сайт сделайте нормальным - они пишут, что им некогда у них работы по горло:)))

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

Да-да. Но еще фишка в том, что сайты для клиентов они клепают такие же медленные и неповоротливые.
А свой сайт не ускоряют, потому что это не так просто как кажется.

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

Студии наверняка будут нас минусовать. Чтобы спрятать под ковер свои мегабайты.))

Так что плюсуй!

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

Протестировал рандомный сайт и какая-то странная итоговая оценка.

Почему итоговая 1/10, если только 2 параметра засраны?

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

а ЦП вообще 0/10 получил, лол.

Ответить
Развернуть ветку
2 комментария
Антон Белогородцев

Да, я сейчас тоже засомневался в ИТОГОВОЙ оценке которую мы даем.

Изначально мысль была в следующем: "Цепь настолько крепка, насколько крепко ее слабое звено.", но влияние на общую скорость кэширования значительно меньше, чем общая загрузка сайта.
Рассчитаем коэффициенты и будем выводить среднее арифметическое.
Спасибо за идею.

Ответить
Развернуть ветку
3 комментария
Vlad Korobov

А что в вашем понимании кэширование? Кажется это основной недостаток у сайтов.

Ответить
Развернуть ветку
Антон Белогородцев

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

Ответить
Развернуть ветку
Федор Шепелев

Читал все ваши статьи, с чем-то я не согласен, в чем-то я вас поддерживаю, но результаты тестирования именно ЭТОЙ ниши меня поразили.
76 мегабайт - это конечно перебор.

Сам являюсь владельцем небольшой региональной студии, но в ваш рейтинг она конечно не попала, как и в рейтинг рунета.
Сделал самостоятельно замеры и приятно удивился, что если бы был в вашем рейтинге, то почти по всем показателям в первой десятке. Похвалю своих ребят, и есть к чему стремиться.

Кстати, а вы внедряете PWA на сайтах, которые ускоряете? Если да, то какие результаты?
Мы начинаем внедрять потихоньку на всех сайтах клиентов. Разницы особой не заметили.
По вашему опыту, какой прирост может быть от внедрения?

Ответить
Развернуть ветку
Антон Белогородцев

Внедрять PWA на простом информационном сайте или сайте-визитке смысла нет. Стоит внедрять PWA там, где это действительно ПРИЛОЖЕНИЕ. Например, трекер задач, или CRM. В этом случае использование PWA оправдано. В остальных случаях смысла особого от использования workers и offline work не будет, скорее всего именно поэтому вы и не заметили прироста скорости, потому что это больше не про скорость, а удобство (сохранить данные локально, когда прервалась связь, затем выполнить синхронизацию уже после возобновления соединения).

Ответить
Развернуть ветку
Антон Белогородцев

Как уже писал выше - влияние кэша на итоговую оценку будем снижать.

С вашими параметрами - нужно просто на хостинге включить кэширование статических файлов в браузере пользователя. Чаще всего это можно сделать бесплатно, если обратиться в поддержку хостинга. По остальным параметрам у вас все отлично.

Ответить
Развернуть ветку
Юрий Б.

На Wordpress есть плагин Jetpack, который все картинки кэширует на своих серверах wp.com

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

Ответить
Развернуть ветку
Regies Linkas

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

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

Можно всю аналитику загружать в момент скрола, если посетитель зашел и ничего не сделал, то можно даже на считать его в метрике.

Ответить
Развернуть ветку
2 комментария
Shadlance Darking

Вопрос один.
Какая ценность этого материла?

Инструменты отладки и профилирования того же Chrome вполне себе достаточны для анализа (посмотрите тот же Lighthouse гугл).
Просто или разработчики не компетентны или просто не было должных ресурсов заложено.

Ответить
Развернуть ветку
Александр Эрик

Мне кажется что ценность материала для автора в поделиться некоторым достижением, получить фидбек и, возможно, клиентов. Понятно что для нас как для читателей маловато профита, но мне было интересно и этого мне достаточно :)

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

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

Что получат посетители вашего сайта? П-ра-ви-ль-но. Быстрый и удобный сайт.
Кто в выигрыше? Все!

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

Классно же? Все получают бонусы. Чем вы можете быть недовольны в этом случае?)

Ах, да. Если вы не в этом рейтинге, то вы пойдёте и замерите скорость загрузки вашего сайта.
Потому что вам станет интересно "А как у меня?". И если у вас всё плохо, то вы тоже станете действовать. Отлично же!

Цель - расшевелить владельцев медленных сайтов. Научить тому, что медленный сайт - убийца продаж.
Я и сам хочу пользоваться быстрыми сайтами. Медленные - бесят.

Яндекс зачем сделали турбо-страницы и продолжают делать конструктор полноценных почти сайтов?
Гугл зачем выкатил свой AMP? Всё для нас с вами. Удобненько чтобы было.

Ответить
Развернуть ветку
Александр Эрик

Шрифт у вас на сайте нечитабельный как по мне) а так прикольно, но чем это отличается от page insights, pr-cy и всего такого?

Ответить
Развернуть ветку
Антон Белогородцев

Это еще один инструмент, которые дает альтернативный взгляд на ситуацию с сайтом для быстрой оценки. Для глубокого анализа проблемы мы используем встроенные инструменты отладки браузера, GTMetrix, Pagespeed.

Кстати, в отличии от перечисленных сервисов, мы делаем проверку из России.

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

А мне нравится шрифт. Он такой брутальный!

Ответить
Развернуть ветку
Raz Dva

Я все же хочу остаться в мире, где я нажму на просмотр видео и останусь на том же сайте, чем перейду на новую страницу ютюба, ради экономии лишних сотен килобайт.
(в итоге пользователь теряет и время и загружает 2 сайта, и лишние действия совершает)

Оптимизация важна, но как и в любом деле, не стоит уходить в крайности.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Антон Белогородцев

В этом я с вами согласен на все сто процентов, уже есть в задачах переделать.

Ответить
Развернуть ветку
Ватник в Америке

По поводу моего сайта уже оставил заявочку у вас на Loading.Express, уже общаюсь.

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

Спасибо за заявку! Ваш сайт близок к идеалу. Поработать с кешированием и будет совсем хорошо.
Напишем вам на почту.

Ответить
Развернуть ветку
1 комментарий
Дмитрий Александрович

Wordpress, из кэша отдается все кроме Метрики и блоков Adsense.

Ответить
Развернуть ветку
Sergei Timofeyev

А мне поставили 9/10 на WP... хотя чёт 1,2 с на загрузку - многовато.

Ответить
Развернуть ветку
3 комментария
Антон Белогородцев

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

Рекламные блоки также загружаем в отложенном режиме только тогда, когда пользователь до них доскроллил. Естественно, предварительно резервируя под них место, чтобы контент не прыгал.

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

Протестировал сайты вашим сервисом. Лично мне не понравилось. Даже если тестировать чистый html с временем загрузки и отображения 0.7 секунды и до максимума ужатыми картинками вы все одно пишете 0 (из за отсутствия кеширования) и пытаетесь тут же себя продавать.

Допускаю, что можно и тут добавить фоновую загрузку картинок и ужать их в сумме еще на 50 килобайт, но во что это обойдётся и какую практическую ценность даст клиенту? Думать то нужно об этом, а не только продавать себя всеми правдами и неправдами.

Web студии из рейтинга топ200 об этом как раз думать умеют. Что и отражает их позиция в рейтинге. Ну а тут "поддержите ав оров проекта", "ваш сайт загружается 0.7 секунды его надо срочно ускорять" (в два раза быстрее Лидера рейтинга), осталось только добавить "ПОДАЙТЕ КТО СКОЛЬКО МОЖЕТ" ;-)

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

Я не понял что вы хотели донести. Прошений не просим.
Даём только голые факты. Цифры. Статистика.

Ответить
Развернуть ветку
4 комментария
Jaroslav Danilov

Идея исследования интересная но было бы здорово увидеть графики а не просто top 3 / bottom 3. Распределение по скорости отрисовки, размеру и т.п. А так это малоинформативно.

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

Вы были на самом рейтинге?
https://loading.express/web.html

Ответить
Развернуть ветку
2 комментария
Юрий Бедулин

Сапожникам сапоги не нужны. Так повелось от первых доисторических ремесленников

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

По статистике так происходит, что те, кто сделал себе очень медленный сайт - делает их и клиентам такими.
Уже на примерах нескольких десятков веб-студий это видел лично.

Ответить
Развернуть ветку
1 комментарий
Дурацкий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Ivan Vishnyakov

1,5 секунды. 1.7 мегабайт
Это много или мало?

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

Мегабайт много. Можно сделать легче, точно.
1,5 секунды нормально. Но зависит где замеряли.

Ответить
Развернуть ветку
Артем Малов

1. «Рекорд» скорости загрузки сайта с телефона
17 секунд загружается сайт веб-студии «Сибирикс».

5. Показатель Google PageSpeed Insights: с мобильных устройств
3 сайта в зеленой зоне показателя — «Сибирикс», «Оджетто» и «AX.DIGITAL».

Что-то пошло не так в вашей аналитике?

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

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

Ответить
Развернуть ветку
Богдан Сулагаев

ну очень хе****я реклама сервиса

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

Ага. Вообще ненавидим теперь VC за этот опыт. Просто отвратительно всё вышло.
Больше ни одного поста тут!

Ответить
Развернуть ветку
Kirill Oleynichenko

В статье:

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

Иду проверять, ваш же сервис показывает 4,5 секунды.

Вывод: статья — чушь.

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

Всё верно, Кирилл. В статье данные статичные.
Они не обновляются, а было бы круто.

Актуальные данные есть в нашем рейтинге. И да, сайт вами упомянутой веб-студии стал загружаться гораздо быстрее.

Заходите на рейтинг и смотрите, если хотите проверить наши данные на "чушь"/"враньё"/"обманули, караул".

https://loading.express/web.html

Ответить
Развернуть ветку
Читать все 87 комментариев
null