Как сделать чтобы ЛЮБОЙ сайт на Tilda быстрее загружался
ฝัง
- เผยแพร่เมื่อ 13 ก.ค. 2024
- В этом видео я дам тебе пошаговый чеклист, который поможет тебе сделать загрузку любой страницы на Tilda быстрее. Шаги я специально расположил в последовательности от простого к сложному, чтобы можно было просто приступать и сразу делать.
0:00 Описание
0:20 Почему PageSpeed не догма?
2:37 Как происходит загрузка страницы
4:45 Какие параметры проверки ставит PageSpeed
6:16 Низкие баллы на мобильном TH-cam :)
7:05 Сжать все фотографии на странице
7:55 Не грузи фотку и svg
9:33 Сжать все видеоролики на станице
10:25 Заливай svg через Add vector для первого экрана
11:38 Не делай большое количество брейкпоинтов
13:20 Не нагружай первый экран анимацией
13:44 По возможности используй стандартные блоки вместо зеро
15:10 Убери неиспользуемые начертания шрифтов
16:25 Font display: swap
17:35 По возможности перенеси код из head в Т123
21:47 Не плоди много Т123 с малым количеством кода
22:37 Прогоняй код через компрессор (ПРОВЕРЬ после прогона!)
24:05 Не добавляй вообще весь контент на одну страницу
24:50 Добавляй на сайт ТОЛЬКО критически важные средства аналитики
26:22 Если есть cdn - добавь preconnect и prefetch
27:00 Если ничего не помогает
Ссылка на чеклист на сайте:
voron-dev.ru/speed-up
Обзор расширения из видео:
• Обзор НОВОГО расширени...
Тг-канал с модификациями:
t.me/voron_strikes_back
*ВАЖНО!* Загружай svg как vector только на тех блоках, которые будут видны на первом экране сайта
Спасибо за то, что подготовил такой хороший чек лист по оптимизации скорости загрузки! Вот бы поддержка тильды такие рекомендации давала.)
Отлично видео, автору респект
Спасибо большое за понятный и подробный разбор! Очень вовремя 👍 Пойду загружать svg через вектор)))
Замечательно! Очень давно ищу подобное видео!
Замечательный чек-лист, удобно и понятно.
Спасибо, вот такой контент был нужен
Отличный контент, жду ещё видео!
Прекрасная работа, лайк однозначно
Спасибо! Очень полезно! Давно задавалась вопросом, как же правильней загружать svg