[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page:\u002Fblog\u002Fkak-uskorit-zagruzku-sayta":3,"crumbs:\u002Fblog\u002Fkak-uskorit-zagruzku-sayta":10},{"path":4,"url":5,"title":6,"description":7,"h1":8,"html":9},"\u002Fblog\u002Fkak-uskorit-zagruzku-sayta\u002F","https:\u002F\u002Fseopeak.ru\u002Fblog\u002Fkak-uskorit-zagruzku-sayta\u002F","Как ускорить загрузку сайта: PageSpeed и Тильда","Как ускорить загрузку сайта по отчёту Google PageSpeed Insights: LCP, INP, CLS и почему сайт на Тильде быстрее не сделать.","Как ускорить загрузку сайта","\u003Cp>Страница должна открываться сразу. Если основной экран собирается несколько секунд, человек уходит, а поисковик видит слабые Core Web Vitals. Ускорение начинают не с плагинов «в один клик», а с отчёта PageSpeed: он показывает, какой файл реально тормозит загрузку.\u003C\u002Fp>\n\n\u003Ch2>Google PageSpeed Insights\u003C\u002Fh2>\n\u003Cp>Google PageSpeed Insights — бесплатная проверка по адресу \u003Ca href=\"https:\u002F\u002Fpagespeed.web.dev\u002F\" rel=\"noopener\">pagespeed.web.dev\u003C\u002Fa>. Вставляете URL и получаете две оценки: мобильную и десктопную. Смотреть нужно в первую очередь мобильную: Google ранжирует по ней.\u003C\u002Fp>\n\u003Cp>В отчёте два слоя данных. Lab — замер в контролируемых условиях, его удобно смотреть сразу после правок. Field — реальные визиты из Chrome User Experience Report, они появляются, когда у страницы уже есть трафик. Оценка 90+ сама по себе ничего не продаёт. Важны три метрики:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>LCP\u003C\u002Fstrong> — когда на экране появляется главный блок (крупное фото, первый экран, заголовок). Хорошо — до 2,5 секунды.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>INP\u003C\u002Fstrong> — как быстро страница отвечает на нажатие. Хорошо — до 200 миллисекунд. Тяжёлый JavaScript эту цифру и портит.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>CLS\u003C\u002Fstrong> — насколько вёрстка прыгает, пока грузятся картинки, шрифты и баннеры. Хорошо — 0,1 и ниже.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Ниже оценки PageSpeed пишет Opportunities: лишний JavaScript, картинки без размера, шрифты, которые блокируют отрисовку, долгий ответ сервера. Это и есть список работ, а не «поднять балл любой ценой».\u003C\u002Fp>\n\n\u003Ch2>Что обычно ускоряет сайт\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Картинки в WebP или AVIF, с шириной и высотой, ленивая загрузка всего, что ниже первого экрана.\u003C\u002Fli>\n\u003Cli>Свой код вместо пачки виджетов: чат, карты, пиксели и конструкторные скрипты часто весят больше, чем сама страница.\u003C\u002Fli>\n\u003Cli>Короткий ответ сервера. Если TTFB уже больше секунды, сжатие CSS ничего не спасёт — сначала хостинг и кэш HTML.\u003C\u002Fli>\n\u003Cli>Шрифты с \u003Ccode>font-display: swap\u003C\u002Fcode> и без десятка начертаний «на всякий случай».\u003C\u002Fli>\n\u003Cli>Кэш статики и один собранный CSS\u002FJS, а не 40 отдельных запросов.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Подробный разбор метрик есть в заметке \u003Ca href=\"\u002Fblog\u002Fskorost-zagruzki-saita\u002F\">об увеличении скорости загрузки сайта\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Ch2>Как ускорить сайт Тильда\u003C\u002Fh2>\n\u003Cp>Никак. Тильда — сервис, который собирает страницу из внешних файлов: скрипты, стили, шрифты и виджеты приезжают с их серверов, а не лежат у вас в проекте. PageSpeed честно показывает этот чужой JavaScript, но вырезать его нельзя — без этих файлов сайт на Тильде просто не откроется. Отключить пару анимаций и сжать обложку можно, потолок скорости от этого не меняется. В эру вайбкодинга, когда сайт собирают под задачу и отдают только свой код, Тильда — бессмысленный шлак.\u003C\u002Fp>\n",[11,14],{"path":12,"label":13},"\u002Fblog","Блог",{"path":15,"label":8},"\u002Fblog\u002Fkak-uskorit-zagruzku-sayta"]