{"id":14279,"url":"\/distributions\/14279\/click?bit=1&hash=4408d97a995353c62a7353088166cda4ded361bf29df096e086ea0bbb9c1b2fc","title":"\u0427\u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u0442\u0435: \u0432\u044b\u0435\u0445\u0430\u0442\u044c \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0437\u0430\u0435\u0445\u0430\u0442\u044c \u0440\u0430\u043d\u044c\u0448\u0435?","buttonText":"","imageUuid":""}

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

Я взял готовый рейтинг «топ-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 комментариев
Написать комментарий...
Андрей Федотов

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

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

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

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

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

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

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

Вы можете прямо в ЦОДе сесть воткнув кабель прямо в сервер и получить скорость загрузки страниц в разы выше. И это будет голым фактом в вашей же логике. Но по сути - совершенно бесполезным - поскольку на практике ничего не даёт.

И просить денег за подобную "оптимизацию" смешно. Хотя она и возможна. Тем не менее именно это вы и делаете. И это как раз и является фактом...

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

О да. Я согласен с вами полностью. Это как было у кого-то там, чья студия тут упоминалась и их сайт прекрасно отвечает всем современным требованиям.

"Как мотивировать себя что-то делать? — да никак, оставайтесь в ж*пе!" (Артемий Лебедев)

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

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

Алексей хотите ерничать - ерничайте. Глупо смотритесь то вы. Вы и правда считаете, что это разумный подход потратить на работающий и эффективный с точки зрения коммерческого результата сайт в два-три раза больше времени и денег и получить коммерческую отдачу в лучшем случае 5%?

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

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

Даже для госструктур. Одно дело ваши абстрактные показатели - к другое знать что сайт какого нибудь росгос грузится 20 секунд из за той или иной мурни и это в среднем в 3 раза дольше других гос сайтов и в 5 - коммерческих.

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

Ёрничать я хотел бы меньше всего.
Если вы не умеете включать кэширование и не понимаете для чего это делать, то чем же я могу вам помочь?)

Кэширование важно включать. Точка.

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

Наш инструмент не исключение. И даже если у вас 0,7 скорость загрузки, то включить кэширование лишним не будет. Это же просто, в конце концов!

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

То что вы пишете, что мы продать пытаемся. Отнюдь. Мы совсем не продаем ничего. То есть, мы еще даже не начали продавать.

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

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

Сравнивать с каким-то сайтом. Пожалуйста! Готово. Вы наверное тоже не заметили ссылку на наш прекрасный рейтинг.

Банки — https://loading.express/banks.html
Наши эфиры — https://loading.express/liveonair.html
Веб-студии — https://loading.express/web.html

Там прямо каждый банк/веб-студия сравниваются друг с другом.

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