Хочу рассказать, что за этим стоит. Там набралось довольно много изменений: от подготовки стилей до того, как загружаются фотографии. А ещё мы собрали скилл, с которым ИИ может применить эти улучшения к вашему сайту. Ниже покажу и саму работу, и результаты на нескольких проектах.
Оформление больше не собирается на телефоне
Страница могла уже открыться, а её оформление — ещё нет. Сначала появлялся текст, потом менялись размеры, отступы, цвета. На быстром компьютере это легко пропустить. На телефоне с медленным интернетом — гораздо сложнее.
Одна из причин была в том, как мы готовили стили. Для них мы используем Tailwind. На многих страницах он запускался прямо в браузере посетителя: сначала надо скачать программу, потом собрать оформление и только после этого его показать.
Теперь эту работу можно сделать заранее, когда сайт публикуется. Браузер получает готовые стили. Заодно мы уменьшили их размер, а самые маленькие перестали отправлять отдельными файлами — они приходят вместе со страницей.
Вот, например, Genève. Мобильная оценка скорости в Google PageSpeed поднялась с 60 до 96 из 100. Самый крупный элемент первого экрана появился примерно за секунду вместо шести. Здесь помогли и стили, и другие доработки, о которых расскажу дальше.
Файлы больше не стоят в очереди друг за другом
Для кнопок, меню и форм сайту нужен код. Раньше браузер мог скачивать его примерно так: получил один файл, прочитал его, узнал, что нужен ещё один. Скачал второй — понадобился третий. И так несколько раз.
Сами файлы могут быть маленькими, но каждое такое ожидание занимает время. Мы стали заранее разбирать, что нужно странице, и объединять связанные части. Теперь браузер может начать загружать нужное сразу. А если страница использует одну кнопку из большой библиотеки, ей не обязательно тащить за собой все остальные элементы.
Попутно нашлась и лишняя нагрузка в самой библиотеке интерфейса Vue. После исправления её сборки объём передачи вместе с зависимой частью уменьшился с 94 до 71 КБ. Небольшая отдельная правка, которая работает на многих страницах.
Со шрифтами тоже пришлось разобраться
Знакомая история: текст уже виден, а через мгновение меняет шрифт и немного сдвигается. За этим тоже бывает цепочка загрузок. Браузер получает страницу, идёт за описанием шрифта и только оттуда узнаёт, где лежит сам файл.
Мы научились заранее готовить такие подключения и отдавать шрифты через Чатиум. Например, разработчик всё так же выбирает шрифт в Google Fonts, но посетителю уже не приходится проходить весь этот путь.
Пока основной шрифт загружается, браузер может показывать запасной. Мы подстраиваем его размеры, чтобы при замене текст меньше прыгал. Заодно исправили случаи, когда один шрифт вообще скачивался дважды.
Показываем страницу, пока остальное загружается
Другая причина ожидания — пустые блоки. Сам сайт вроде бы открылся, но на месте меню или карточек пока ничего нет: браузер ещё скачивает код, который должен их нарисовать.
Теперь сервер может подготовить эти блоки сам и сразу отправить их с текстом и картинками. Человек уже видит содержимое, а обработка нажатий подключается следом. Разработчики называют это серверным рендерингом. Мы добавили его для Vue — на нём сделано много интерфейсов в Чатиуме.
Причём переделывать весь сайт не обязательно. Можно начать с главной или отдельных блоков. Но после этого нужно проверить обычные вещи: открывается ли меню, отправляется ли форма, не меняется ли цена на карточке прямо во время загрузки.
У YOWAD после всех доработок получилось 100 баллов на мобильном вместо 85. Там мы переделали главную и страницы путешествий. На chatium.ru — основной блок главной и меню продуктов. Его индекс скорости загрузки вырос с 78 до 96 на мобильном, а на компьютере получилось 100.
И ещё несколько вещей, которые мешали
На сервере тоже была лишняя работа. Например, чтобы отдать готовый файл стилей, могла запускаться программа, которая хранила его содержимое. Теперь такой файл можно отправить напрямую. Заодно убрали ненужное чтение файлов и хранение старых данных.
Скрипт сбора статистики мог задерживать открытие страницы, а иногда подключался дважды. Исправили и это: статистика не должна заставлять посетителя ждать.
До фотографий и видео тоже добрались. Для tim.art подготовили более лёгкие изображения в нескольких размерах. На страницах путешествий YOWAD вместо загрузки видеоплеера сразу показываем его обложку. Если человек захочет посмотреть видео — нажмёт, и плеер загрузится. А карту упростили, чтобы браузеру было легче её рисовать.
На tim.art результат вырос с 76 до 92 баллов на мобильном. Крупный элемент первого экрана появился за 3,1 секунды вместо 7,8. В этих замерах удалось убрать почти пять секунд ожидания.
Чтобы не проделывать всё это вручную на каждом сайте
Часть изменений уже делает сама платформа при публикации новой версии. Но некоторые вещи нужно поправить в самом сайте: подключить новые возможности, облегчить картинки, разобраться с тем, что тормозит загрузку.
Для этого у нас есть скилл «Ускорение сайта» — готовая инструкция для агента Чатиума. Не нужно самому разбираться в настройках и объяснять каждую правку.
Сначала агент замеряет, как быстро открывается страница. Потом проверяет, использует ли она новые возможности платформы, и подключает их, если нужно. Заодно ищет, что ещё можно улучшить — например, сжимает тяжёлые картинки.
После изменений он снова замеряет скорость, показывает разницу и проверяет, что на странице ничего не сломалось. В итоге вы видите, что было и что стало. Результат у каждого сайта будет свой: он зависит от того, как устроена страница.
Запустить скилл можно прямо в чате с агентом. Нажмите «+» в поле ввода, откройте раздел «Скиллы» и выберите ускорение сайта. Скилл прикрепится к сообщению — остаётся отправить его. Или напишите:
Ускорь страницу с помощью скилла ускорения сайта. Сравни скорость до и после и проверь, что всё работает.
Если скилла нет в списке, выберите там же «Обновить проект» и отправьте в чат. Когда агент закончит, обновите страницу — скилл должен появиться.
Для нового сайта это тоже полезно. Агент сразу использует новые возможности платформы, но отдельно над скоростью работает, когда вы об этом попросите. Можно написать «Сделай с использованием скилла ускорения» ещё при создании сайта или запустить скилл, когда всё будет готово.
А вот пример с переносом сайта
Отдельно покажу Seasons. Здесь seasons-project.ru — исходный сайт, а seasons.chatium.ru — версия, которую перенесли на Чатиум. На мобильном получилось 60 и 98 баллов, на компьютере — 88 и 100. Самый крупный элемент первого экрана появился за 2,3 секунды вместо 7,2.
Это именно перенос: поменялись и платформа, и реализация сайта. Сравнение здесь показывает результат всей этой работы.
Если у вас уже есть сайт на Чатиуме, можно начать с такой же задачи для ИИ: проверить скорость и подготовить улучшения в тестовой версии. Потом открыть её рядом со старой, посмотреть на цифры и самим попробовать, как всё работает.
О цифрах в этом посте. Скриншоты сделаны 1–5 ноября 2026 года. Это отдельные замеры, а не серия проверок по методике скилла; результаты от запуска к запуску могут отличаться. На них виден общий эффект доработок платформы и самих сайтов. Перенесённая версия Seasons на момент замера была закрыта от поисковиков — к скорости эта настройка не относится.