Какой максимальный размер Cookie?

Максимальный размер Cookie

Cookie (куки) — это механизм хранения небольших объёмов данных на стороне клиента, который широко используется в веб-разработке для управления сессиями, аутентификацией, персонализацией и отслеживанием. Однако его возможности ограничены спецификациями и реализациями браузеров.

Спецификации и ограничения

Согласно RFC 6265 (основной стандарт для Cookie), явного ограничения на размер одного cookie нет, но указывается, что браузеры ДОЛЖНЫ поддерживать как минимум:

• 4096 байт на одну пару "имя-значение" (name-value pair).
• 50 cookie на домен (хотя это рекомендация, а не строгое правило).
• 3000 cookie всего (суммарно для всех доменов).

На практике современные браузеры обычно придерживаются этих минимальных требований, но могут поддерживать и больше.

Реальные ограничения в браузерах

Большинство современных браузеров (Chrome, Firefox, Safari, Edge) устанавливают лимит ~4096-4097 байт на весь cookie, включая:

• Имя (name)
• Значение (value)
• Атрибуты (expires, path, domain и др.)

// Пример: проверка размера cookie в JavaScript
function setCookie(name, value, days) {
    let expires = "";
    if (days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

// Попытка установки слишком большого cookie вызовет ошибку
try {
    const largeValue = "a".repeat(5000); // 5000 символов
    setCookie("oversized", largeValue, 7);
    console.log("Cookie установлен");
} catch (e) {
    console.error("Cookie слишком большой:", e.message);
}

Важно понимать, что ограничение в 4096 байт — это символы в закодированном виде. Поскольку cookie передаются в HTTP-заголовках, они должны быть закодированы с помощью percent-encoding (URL-кодирование) для специальных символов, что может увеличить их размер.

Последствия превышения лимита

Если попытаться установить cookie, превышающий лимит:

1. Браузер проигнорирует cookie и не сохранит его.
2. В консоли разработчика могут появиться предупреждения.
3. Сервер не получит этот cookie в следующих запросах.

# Пример HTTP-ответа с слишком большим cookie
HTTP/1.1 200 OK
Content-Type: text/html
Set-Cookie: big_data=очень_длинное_значение_более_4096_байт; Path=/; HttpOnly

# Браузер отклонит этот заголовок Set-Cookie

Работа с ограничениями

Для хранения больших объёмов данных на клиенте лучше использовать другие технологии:

Альтернативные хранилища:

• Web Storage API (localStorage и sessionStorage) — обычно предлагают 5-10 МБ на домен.
• IndexedDB — позволяет хранить сотни мегабайт структурированных данных.
• Service Workers + Cache API — для кэширования ресурсов.
• Серверные сессии — хранение данных на сервере, а в cookie только идентификатор сессии.

// Сравнение подходов
const data = { /* большой объект */ };

// Плохо: попытка записи в cookie (ограничение ~4KB)
document.cookie = `data=${JSON.stringify(data)}; path=/`;

// Хорошо: использование localStorage (ограничение ~5-10MB)
localStorage.setItem('data', JSON.stringify(data));

// Ещё лучше: IndexedDB для очень больших данных
const request = indexedDB.open('myDatabase', 1);
request.onupgradeneeded = (event) => {
    const db = event.target.result;
    db.createObjectStore('store', { keyPath: 'id' });
};

Рекомендации по использованию

1. Минимизируйте размер cookie — храните только необходимые данные (например, идентификатор сессии).
2. Используйте сжатие — если нужно хранить структурированные данные, применяйте алгоритмы сжатия.
3. Разделяйте данные — вместо одного большого cookie используйте несколько с логическим разделением.
4. Очищайте устаревшие cookie — удаляйте ненужные cookie для экономии лимита.
5. Тестируйте в разных браузерах — ограничения могут незначительно отличаться.

Вывод

Максимальный размер одного cookie составляет примерно 4096 байт (4KB) во всех современных браузерах. Это ограничение существует из-за накладных расходов на передачу cookie в каждом HTTP-запросе. Для хранения больших объёмов данных на клиенте предпочтительнее использовать Web Storage API или IndexedDB, которые предлагают значительно большие квоты и более удобный программный интерфейс. Правильное использование механизмов хранения данных — важный аспект оптимизации производительности веб-приложений.