Как сделать чтобы ЛЮБОЙ сайт на 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

ความคิดเห็น • 10

  • @voron-dev
    @voron-dev  11 หลายเดือนก่อน

    *ВАЖНО!* Загружай svg как vector только на тех блоках, которые будут видны на первом экране сайта

  • @Zhukstuff
    @Zhukstuff 11 หลายเดือนก่อน +3

    Спасибо за то, что подготовил такой хороший чек лист по оптимизации скорости загрузки! Вот бы поддержка тильды такие рекомендации давала.)

  • @fdigital4137
    @fdigital4137 หลายเดือนก่อน

    Отлично видео, автору респект

  • @runaruna78656
    @runaruna78656 11 หลายเดือนก่อน +2

    Спасибо большое за понятный и подробный разбор! Очень вовремя 👍 Пойду загружать svg через вектор)))

  • @fromallovertheworld4464
    @fromallovertheworld4464 11 หลายเดือนก่อน +2

    Замечательно! Очень давно ищу подобное видео!

  • @zhenikosha
    @zhenikosha 9 หลายเดือนก่อน +1

    Замечательный чек-лист, удобно и понятно.

  • @user-ce6gh7fi9d
    @user-ce6gh7fi9d 11 หลายเดือนก่อน +2

    Спасибо, вот такой контент был нужен

  • @user-di9kk9ec1j
    @user-di9kk9ec1j 5 หลายเดือนก่อน

    Отличный контент, жду ещё видео!

  • @D.A.4.M.N.
    @D.A.4.M.N. หลายเดือนก่อน

    Прекрасная работа, лайк однозначно

  • @eveninghike5425
    @eveninghike5425 11 หลายเดือนก่อน +1

    Спасибо! Очень полезно! Давно задавалась вопросом, как же правильней загружать svg