TGViewer
Веб-страница Веб-страница @tproger_web · 22.3K subscribers
Post #6597 1.34K
Shopify начал отправлять HTML до завершения рендеринга страницы

Раньше браузер ждал, пока сервер соберёт и head, и остальные секции шаблона. Теперь подходящие Liquid-страницы отправляют начало документа сразу: браузер уже ищет стили и шрифты, пока сервер продолжает готовить содержимое.

У медианного магазина TTFB на 75-м перцентиле снизился примерно на 29%. Видимые метрики FCP и LCP улучшились скромнее: на 2–6%. Ранний первый байт помогает начать работу, но эффект зависит от того, какие ресурсы попали в первую часть ответа.

В разборе Shopify сравнивают темы Dawn и Horizon и показывают ограничения стриминга. Для своей темы стоит проверить расположение stylesheet и preload относительно content_for_header: если ссылки придут во второй части HTML, браузер начнёт скачивание позже.
  • 🔥 2
More from @tproger_web
  1. Oct 12, 2026🧑‍💻 Какие навыки помогают вам в разработке в 2026 году? Что вы чаще используете в работе…
  2. Oct 12, 2026Часть запросов можно обработать без запуска Service Worker Service Worker умеет отдавать р…
  3. Oct 11, 2026Vitest 5 помогает выяснить, куда уходит время тестового прогона Медленный запуск не всегда…
  4. Oct 11, 2026Почему мобильная клавиатура прячет панель с position: fixed Когда открывается клавиатура,…
  5. Oct 10, 2026Почему сотни маленьких JS-чанков тоже могут замедлять сайт Один большой бандл заставляет к…
  6. Oct 10, 2026Диаграмму Mermaid можно положить прямо в HTML Для схемы запросов или графа зависимостей ча…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →