Как мы победили долгую и кривую загрузку сайта?
Вся правда о твоем любимом конструкторе (и моем тоже).
Сейчас будет краткий обзор, на 3-х дневное порно с тильдой. Как мы добились приемлемой скорости загрузки?
▫️Дело доходило даже до абсурда: мы упрощали векторные изображения в фигме, убирая лишние точки, линии и т.д.
▫️Почти все png файлы мы перевели в jpg.
▫️Некоторые изображения мы вставляли группами, чтобы сократить количество загруженных файлов.
▫️Одинаковые иконки мы вставляли через url от загруженной первой иконки.
▫️Отказались от bg blur и других стилей.
▫️Убрали все модификации, кроме одной (и то, она только на десктопе)
▫️ Убрали второй шрифт и использовали только один, а также сжали его
▫️ Вместо шейпов использовали изображения
+ еще 10050 пунктов.
Внимание!!! Результат!!!
С 10 секунд мы снизили скорость до 8-9 секунд
Это пздц.
Что в итоге помогло?
👉 Вынесли на отдельные страницы кейсы и отзывы. Все, формат лэндинга досвидос.
👉 Убрали все попапы. На удивление тильдовская модификация с попапами в зероблоке жестко грузит сайт.
👉 Скрыли часть блоков на мобилке. Очень трудно было принять решение, какие из жирных по смыслу блоков нужно убрать.
👉 Добавили прелоадер. Это было очень тяжелым решением, против которого были все и мы, и заказчик. Но так как мы перебрали 100500 вариантов, пришлось добавлять.
❗️Это не первый сайт, который плохо грузится на айфонах.
Если вы думаете, что это мы так криво работаем, то я вас понимаю. Мы и сами так думали… но пару месяцев назад, мы обратились в поддержу.
Оказывается, что Тильда знает о том, что сайты на айфонах грузятся плохо. Мы какждую неделю их пушим и уже больше 2 месяцев они нам шлют отписки, что это нетривиальная задача и они над этим работают.
Вся это порнуха привела к тому, что сыпятся сроки по другим проектам и в команде дикое напряжение.
Надеюсь, починят. Не хочется уходить с тильды. Но уже были вынужденные попытки.
Когда все это случилось, я позвонил Руслану Гараеву и спросил, а можно ли сверстать этот сайт на фреймере? И он сказал, что займёт это полдня с адаптивом.
Конечно, когда ставишь полдня против недели, хочется все это попробовать на себе.
Именно по этой причине уже через час в нашем в Тренировочном лагере пройдет закрытый эфир.
😀 Руслан Гараев покажет нам конструктор, который умеет из фигмы вставлять все объекты в редактор по нажатию ctrl+c, ctrl+v. И даже картинки автоматом превращаются в размер x2, сжимаются и конвертируются в webp. К слову, у тильды даже этого формата нет.
🍿 Беру попкорн и еду в офис. А вы бы хотели запись?
100 огней