Сапожники без сапог: аналитическое исследование сайтов веб-студий РФ
Я взял готовый рейтинг «топ-200 ведущих веб-студий рунета». Добавил в нашу систему мониторинга, и вот какой аналитический материал я получил. Полученный рейтинг.
Я руковожу платформой Loading.Express. Мы проверяем скорость загрузки сайтов и ускоряем медленные сайты. Веб-студия может сделать свой сайт супер современным. Технически совершенным. Идеально быстрым... Но это не точно.
Все замеры выполнены сервисами GTmetrix и Google PageSpeed Insights. Данные в статье актуальны на 23.07.2019
1. «Рекорд» скорости загрузки сайта с телефона
До 30 секунд
загружается сайт веб-студии «Vintage»:
- 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 мегабайт
Еще:
- 29.55 мегабайт весит страница студии «Олега Чулакова»;
- 22.66 мегабайта весит страница студии «Aero»;
- 21.97 мегабайт весит страница веб-студии «Notamedia».
Топ-3 самых легковесных сайтов веб-студий на мобильных:
На десктопе тоже самое.
Выводы. Вы задумывались, что страницы сайтов могут столько весить? Если вы зашли на этот сайт в роуминге, то сколько заплатите за загрузку 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-запрос? Когда браузер загружает страницу, запрашиваются различные статические компоненты страницы (например, стили CSS, скрипты JavaScript или изображения) у веб-сервера по протоколу HTTP. Сервер посылает в ответ браузеру соответствующие файлы. Подробнее читайте здесь.
Все данные в нашем рейтинге обновляются каждые 12-48 часов. История сохраняется, и мы обязательно узнаем, когда и какая веб-студия ускорила свой сайт.
Кто мы и что хотим
Мы хотим сделать интернет быстрее. А мир лучше. Вместе мы будем пользоваться быстрыми сайтами. Получать качественные услуги и сервисы.
После запуска прошлого рейтинга, мы получили десятки сообщений от банков с вопросами. Некоторые уже ускорили сайты. Многие дали слово, что уже работают над ускорением.
До новых рейтингов. Пока!
Поддержи авторов проекта!
Очень поверхностный технический анализ. Стоило сравнивать скорость получения первой информации, именно это влияет на UX, а то что грузится в фоне для пользователя не имеет значения. Тем более многие сайты написаны на реакте и стоило смотреть еще переходы между страницами и отслеживать этот отклик.
Ну а про загрузку в роуминге это вообще не обсуждается, можно и на ютьюб также жаловаться. Если страницы столько весят, значит этот контент решает определенные задачи, и не означает, что страница с одним текстовым блоком на главной, загружаемая за пол секунды, лучше другого сайта.
Ну так статья - "Сапожник без сапог")
Прошелся по сайтам самых быстрых студий - визуально грузятся быстро. Пошел на самые медленные - визуально грузятся сопоставимо быстро (разница не более чем в два раза).
И нахер тогда статья? Впечатление из нее одно, а по факту все наоборот.
При том, что полученные из исследования данные можно было интерпретировать правильно, тогда без хайповых и пиздежных выбросов в 30 секунд загрузки могла получиться интересная и полезная статья. А получилась впаривательная рекламка на быструю руку.
Это из серии, когда программисту пишут "У нас сайт не загружается". А он в ответ. "Не знаю, у меня всё норм! Сбросьте кэш."
Визуально быстро - это всё равно что вам взвешивать продукты будут по ощущениям. Вам явно это не понравится.
В бизнесе важна каждый рубль, каждый бизнес процесс, каждая секунда загрузки сайта.
Если вы считаете, что это всё лажа - могу пожелать вам только удачи.
Нет.
Смотри, скорость восприятия информации человеком гораздо меньше скорости работы компьютера. И когда визуально сайт загружен, уже может приступить к просмотру. На лендингах этого достаточно. А пока пользователь читает и изучает, можно хоть 250 террабайт выгрузить. Не всегда бизнес-логика может быть загружена за секунду. Это издержки архитектуры современного веба. Поэтому грузить ее постепенно - норм. К тому же не факт, что эта логика нужна вот прямо сейчас на этой странице, но ее предзагрузка ускорит работу сайтом.
Просто поставьте себя на место пользователя. Он видит, что сайт загружен за секунду, он может пользоваться им сразу, какая ему разница, что вы там будете грузить еще полминуты? То есть секунда по опыту пользователя и 30 по вашим словам. Это очень желто. В этом есть минусы, но они относятся к другим показателям.
Не-а, не согласен. Дело в том, что если копнуть глубже, то можно понять, что есть параметр такой, в гугл пейдж спид он называется "Время загрузки для взаимодействия". Это такой хитрый таймер, который говорит нам о том, что первая отрисовка была за три секунды, а пользоваться сайтом я смогу только через 30 секунд. И это реально заметно когда скролишь с телефона, а тапнуть не можешь. Оно лагает. Скроллится с тормозами. Нажать ничего не можешь.
Вот тебе и 30 неважных секунд. Тут хоть как пиши и называй, но пользоваться этим сайтом ты не сможешь пока он полностью не прогрузится.
Зайди в рейтинге на самый тяжелый сайт и попробуй сразу нажать куда-то в меню, на ссылку, поскролить. Ты поймешь о чем я.
https://loading.express/web.html