> Какие способы оптимизации time to first byte существуют (JavaScript)

Time to First Byte (TTFB) - это время от отправки запроса до получения первого байта ответа от сервера. Для фронтенда на Node.js оптимизация TTFB включает несколько ключевых подходов:

1. Кэширование на стороне сервера
   Используйте in-memory кэш (например, Redis или Node.js-native Map) для часто запрашиваемых данных. Для статики - настройте HTTP-кэширование через заголовки Cache-Control и ETag.

2. Оптимизация работы с базой данных

   • Применяйте индексы для ускорения запросов.

   • Используйте пул соединений (например, pg-pool для PostgreSQL).

   • Минимизируйте количество запросов через агрегацию данных (один сложный запрос вместо нескольких простых).

3. Сжатие ответов
   Включите gzip или Brotli в Node.js (через middleware, например, compression). Это уменьшает размер передаваемых данных, но не влияет на время генерации ответа.

4. Асинхронная обработка

   • Избегайте блокирующих операций в event loop (например, синхронных fs.readFileSync).

   • Используйте Promise.all для параллельного выполнения независимых запросов к API или БД.

5. Предварительная загрузка данных
   Для SSR (Server-Side Rendering) - подгружайте данные заранее, до начала рендеринга. Например, с помощью React.lazy и Suspense на сервере.

6. Оптимизация маршрутизации

   • Уменьшите количество middleware в Express/Koa.

   • Используйте легковесные фреймворки (например, Fastify вместо Express для высоконагруженных проектов).

7. CDN и геораспределение
   Разместите статику (CSS, JS, изображения) на CDN. Для динамического контента - используйте edge-функции (например, Cloudflare Workers или Vercel Edge).

8. Минимизация размера ответа

   • Удалите лишние пробелы, комментарии в HTML/CSS/JS.

   • Используйте tree-shaking для клиентских бандлов.

Пример настройки кэша в Express:

JAVASCRIPT
const express = require('express');
const app = express();

app.get('/api/data', (req, res) => {
  res.set('Cache-Control', 'public, max-age=300');
  res.json({ data: 'cached' });
});

Помните: TTFB - метрика серверной части. Для фронтенда критичнее оптимизировать First Paint и Largest Contentful Paint, но улучшение TTFB снижает задержки при загрузке страницы.