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

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

Дебаг продакшен-сайту після ІІ-деплою — що бачить браузер 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

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

Flowchart showing the correct incident response steps when secrets are leaked in Git

April 11, 2026

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

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

March 21, 2026

Як я створив і задеплоїв кастомну WordPress-тему з AI-агентами менш ніж за 6 годин

Коротко про весь процес: код, інтерфейс і AI-допомога в одному робочому циклі. Чи реально…

March 21, 2026

Nginx і Apache для продуктивності та масштабування

У міру того як бізнес і аудиторія дедалі більше переходять у цифрове середовище, сайти…