О SEO на Tilda в городе Кемерово: скорость, картинки и вес первого экрана
В этой статье
- Мобильная скорость: почему в отчёте двадцать пять баллов
- Оригиналы фотографий по четыре мегабайта
- Анимация появления и пустая страница при медленном интернете
- Ремонт квартир и бухгалтерское сопровождение: что даёт эффект первым
- Как замеряем результат правок
- Порядок работ по скорости в городе Кемерово
Конструктор снимает с владельца заботу о сервере, но взамен отдаёт ему готовые блоки, вес которых никто не контролирует. Пока страниц три, это незаметно. Когда сайт разрастается, а фотографий становится сотня, телефон перестаёт открывать его за разумное время. Разбираем, из чего складываются эти секунды и что из них можно вернуть, не переделывая дизайн.
Мобильная скорость: почему в отчёте двадцать пять баллов
Оценка складывается не из одного показателя. Замер показывает отдельно момент появления первого содержимого, момент появления самого крупного элемента и время, в течение которого страница не отвечает на касания. У проектов на конструкторе просаживается обычно второй показатель: крупный элемент – это обложка, и грузится она последней. Каждая лишняя секунда до появления обложки стоит примерно десятой части посетителей с телефона, и это видно в статистике по глубине просмотра.
Оригиналы фотографий по четыре мегабайта
Платформа принимает изображение любого размера и показывает его в блоке шириной в треть экрана. Уменьшается картинка визуально, а скачивается целиком. Что находим на типичном сайте:
- снимки объектов прямо из фотоаппарата, по восемь-двенадцать мегапикселей;
- логотипы и иконки в формате, рассчитанном на печать;
- галерею на шестьдесят фотографий, которая грузится вся сразу;
- фон-повторитель, весящий больше, чем весь текст сайта.
Пересохранение под реальные размеры блоков обычно снимает с главной страницы от половины до двух третей веса. Дизайн при этом не меняется вообще: на экране картинка выглядит так же, разница видна только в журнале загрузки.
Анимация появления и пустая страница при медленном интернете
Эффекты постепенного проявления блоков выглядят дорого на быстром соединении и превращаются в белый экран на слабом. Отдельная беда – блоки, которые подгружаются только при прокрутке до них: содержимое есть, но появляется оно позже, чем поисковый робот успевает решить, что страница почти пуста. Мы оставляем анимацию там, где она не мешает, и снимаем с первого экрана и с блоков с ценами.
Ремонт квартир и бухгалтерское сопровождение: что даёт эффект первым
У отделочных бригад главный аргумент – портфолио, поэтому вся боль сидит в галереях: их надо и облегчить, и подписать. У бухгалтерских компаний фотографий почти нет, зато есть длинные страницы услуг с таблицами тарифов, и там тормозит не картинка, а набор сторонних виджетов: чат, обратный звонок, калькулятор и всплывающая форма. Четыре подключённых скрипта дают больше задержки, чем вся графика вместе взятая. Первый шаг для таких сайтов – ревизия виджетов, а не сжатие изображений.
Как замеряем результат правок
До работ снимаем показания трижды: на быстром соединении, на медленном мобильном и в реальной статистике посещений, где видно время загрузки у живых людей. После каждой правки замер повторяется, а результат записывается строкой. Такой протокол не даёт спорить задним числом и сразу показывает, какая из правок дала эффект, а какая оказалась косметической. Отдельно смотрим долю посетителей, ушедших до полной загрузки страницы: этот показатель реагирует раньше позиций и служит ранним признаком того, что работа идёт в нужную сторону.
Порядок работ по скорости в городе Кемерово
- убрать или заменить фоновое видео на обложке;
- пересохранить изображения под размеры блоков;
- отключить лишние сторонние скрипты и оставить один канал обратной связи;
- сократить шрифтовые семейства;
- снять анимацию с верхней части страницы;
- повторить замер и зафиксировать разницу.
Дальше начинается обычная работа с содержанием и структурой, но на быстром сайте она окупается заметно раньше. Позвоните по номеру +7 (901) 417-22-12 или посмотрите условия в разделе цены – скажем, сколько времени займёт разгон вашего проекта.