Пять вопросов к сайту строительной компании: что проверить до звонка
Н а сайте «Новгородский строитель» оптимизировали изображения и загрузку тяжёлых элементов. Сравнили семь типов страниц на ПК и мобильном устройстве: отдельно при открытии без прокрутки и после полной прокрутки.
Замеры выполнены в Chrome на ПК 1920×1080 и мобильном viewport 390×844. Основное сравнение выполнено между исходным замером без скролла и финальным замером v2 без скролла. Полная прокрутка используется отдельно для оценки ресурсов, появляющихся ниже первого экрана. Внешние изображения до оптимизации проверялись отдельно через curl. Значения округлены до МиБ.
Страницы замеров:
https://novgorodskiy-stroitel.ru/ — Главная
https://novgorodskiy-stroitel.ru/doma-karkas — Каталог проектов
https://novgorodskiy-stroitel.ru/doma-karkas/boguchar — Карточка проекта
https://novgorodskiy-stroitel.ru/postroili — Каталог фотоотчётов
https://novgorodskiy-stroitel.ru/postroili/nedavno-176 — Карточка фотоотчёта
https://novgorodskiy-stroitel.ru/statji — Каталог статей
https://novgorodskiy-stroitel.ru/otzivy — Отзывы
Делали 2 замера «После». Зачем? — После оптимизации webp и реализации механизма отложенной загрузки изображений lazy-load мы сделали замер «После» - но результаты не устроили: объём уменьшился, но при схожем составе работ на аналогичных сайтах в этот раз показатели были не удовлетворительными - прирост минимальный. Мы копнули глубже - и обнаружили, что Javascript грузит 12+ МБ на каждой странице сайта! Вычисилили зловредов - это были виджеты ВК и ОК в подвале, карты яндекс, которые сразу грузились на главной и каталоге отчетов и виджет jivosite. Для каждого из них реализовали отложенную загрузку (для ВК, ОК и Яндекс - в момент прриближения скролла к их позиции на странице, для JivoSite - в момент первого взаимодействия посетителя с сайтом). Сделали замер «После v2» — и результат стал внушительным!
| Страница | Вес до → после | Экономия | Во сколько раз легче |
|---|---|---|---|
| Главная | 18,56 → 3,21 МиБ | −82.7% | в 5 раз |
| Каталог проектов | 41,73 → 14,67 МиБ | −64.9% | в 2 раз |
| Карточка проекта | 18,42 → 3,62 МиБ | −80.4% | в 5 раз |
| Каталог фотоотчётов | 24,24 → 3,44 МиБ | −85.8% | в 7 раз |
| Карточка фотоотчёта | 21,36 → 6,64 МиБ | −68.9% | в 3 раз |
| Каталог статей | 17,87 → 2,98 МиБ | −83.3% | в 6 раз |
| Отзывы | 42,64 → 3,10 МиБ | −92.7% | в 13 раз |
Суммарно по семи страницам при открытии без скролла: 184,82 → 37,64 МиБ, экономия 79.6%.
| Страница | Вес до → после | Экономия | Во сколько раз легче |
|---|---|---|---|
| Главная | 17,36 → 2,69 МиБ | −84.5% | в 6 раз |
| Каталог проектов | 39,99 → 14,34 МиБ | −64.1% | в 2 раз |
| Карточка проекта | 17,99 → 3,13 МиБ | −82.6% | в 5 раз |
| Каталог фотоотчётов | 22,41 → 2,85 МиБ | −87.3% | в 7 раз |
| Карточка фотоотчёта | 20,29 → 5,75 МиБ | −71.7% | в 3 раз |
| Каталог статей | 16,95 → 2,54 МиБ | −85.0% | в 6 раз |
| Отзывы | 41,73 → 2,54 МиБ | −93.9% | в 16 раз |
Суммарно по семи страницам при открытии без скролла: 176,71 → 33,85 МиБ, экономия 80.8%.
Для этого сравнения используем одинаковый сценарий: открытие страницы без прокрутки. В исходных замерах на странице отзывов внешние изображения ВК перепроверены через curl: 44 запроса на ПК (169 896 байт) и 16 на мобильном (51 228 байт). После переноса в no-scroll зафиксированы 4 уникальных локальных WebP-файла с маркером
remote_mirror
, суммарно 67 392 байта (около 65,8 КиБ). Это позволяет сопоставлять исходные внешние превью с перенесёнными файлами в рамках начальной загрузки, не включая позднюю инициализацию виджетов ВК/ОК. Количество запросов и размер в разных viewport не трактуем как прямую экономию один к одному: набор отображаемых изображений может различаться.
Полная прокрутка используется отдельно для оценки отложенной загрузки и в это сравнение переноса не включается.
В финальной итерации отложена инициализация Jivo, виджетов ВК и ОК, а также Яндекс.Карт с проектами. Они подключаются по пользовательскому действию или отложенному условию, а не блокируют начальную загрузку страницы. В общий результат входит совокупный эффект оптимизаций; отдельный вклад каждого виджета не выделяется без изолированного замера.
Почему мы не приводим замеры Google PageSpeed: мы сознательно не включили в этот кейс баллы PageSpeed Insights. Причины простые. Даже если прогнать тест несколько раз подряд, PSI не даёт стабильной, повторяемой картины — цифры «плавают» от замера к замеру, и на таком шуме легко случайно нарисовать что угодно, хорошее или плохое. Дальше: картинки — лишь часть общей формулы Performance у Google, и в баллах эффект от WebP почти теряется, хотя для реального человека он огромный — страница весит в разы меньше и заметно быстрее открывается, особенно с телефона и на небыстром интернете. И наконец, на итоговый балл Performance влияет ещё много всего — шрифты, скрипты, сторонние виджеты, — и эти факторы способны полностью перекрыть эффект от оптимизации картинок или сделать его едва заметным на общем фоне. Поэтому мы говорим языком честных и воспроизводимых цифр — вес страницы и доля WebP, — а не подгоняем историю под красивый балл PageSpeed.
Смотреть услугу
ускорения и оптимизации там есть всё:
цены, состав работ, сроки и примеры!
Либо просто напишите нам на info@bobers.ru или в онлайн-чат — или звоните +7(900) 015-5777
+7 (900) 015-57-77
info@bobers.ru
