Олексій Синяєв
RUUKESEN
Навігація сторінкою статті

Стаття блогу · Статті

Дебаг продакшен-сайту після ІІ-деплою — що бачить браузер vs що ви задеплоїли

Після деплою портфоліо-сайту з ІІ виявились зламане меню та вилазячий контент — через серверну оптимізацію CSS. Як ІІ-агент все виправив за одну сесію.

Опубліковано: March 24, 2026 Оновлено: March 24, 2026 1 хв читання
Зв'язатися Переглянути кейси

Ви деплоїте сайт. На ноутбуці все чудово. На телефоні — меню зламане, скіли буллетами, контент вилазить за екран.

Баг 1: Десктопна навігація на мобайлі

Сервер віддавав інший CSS — 38,886 байт замість 53,378. UCSS-оптимізація LiteSpeed вирізала правила.

Баг 2: Скіли як буллети

Браузер завантажував лише 250 із 311 CSS-правил.

Баг 3: Контент вилазить

Gutenberg додавав inline width. Рішення: overflow: hidden, width: 100% !important.

Баг 4: Контрастність WCAG

Виправлені кольори для проходження WCAG AA.

Висновок

Найнесподіваніший баг — хостинг псував CSS. Завжди перевіряйте що браузер отримує.

Поділитися статтею

LinkedIn X Email

Дивіться також

May 20, 2026

Claude Code субагенти: готові агенти для безпечніших і дешевших workflow

Практичний гайд 2026 по субагентах Claude Code: готові .claude/agents приклади для explorer, planner, reviewer,…

May 17, 2026

AI-агенти в робочому процесі розробника: практичний гайд

Практичний гайд на травень 2026 про AI-агентів у розробці: Claude Code, Codex, Cursor, Gemini,…

April 11, 2026

Коли витік секрету в Git обернувся переписуванням чотирьох років історії

Реальна історія про витік API-ключів, панічний git filter-branch, який переписав 4 роки історії, та…