Как пользоваться
- 1
Вставьте публичный URL HTML-страницы.
- 2
WebDiag найдёт stylesheet links, inline style blocks и загрузит bounded CSS sample.
- 3
Проверьте duplicate links, @import chains, decoded bytes, MIME, compression и failed stylesheets.
Что умеет инструмент
- Same-host/cross-host inventory и media/alternate/disabled signals.
- Подсчёт inline bytes, sampled decoded bytes, @import и @font-face.
- Проверка response status, text/css MIME, Content-Encoding, Cache-Control и redirects.
Когда пригодится
- Найти duplicate stylesheet requests и MIME errors.
- Проверить наличие @import discovery chains.
- Оценить bounded decoded CSS surface после релиза.
Что происходит внутри
Каждый CSS URL повторно проходит public-target policy и bounded decoded-body limit.
Размер sample не является browser transfer waterfall или unused-CSS measurement.
Вопросы и ответы
Инструмент показывает render-blocking CSS?
Он показывает default-media candidates и loading attributes, но не заявляет runtime blocking без браузерной трассировки.
Почему @import считается проблемным сигналом?
Он может создавать дополнительную цепочку обнаружения. Конкретное влияние зависит от порядка, cache и browser runtime.