Рядок не переноситься
Довгий текст із забороною переносу вилазить за край, на телефоні з'являється бічна прокрутка.
Конвеєр сайтів sitegen · стійка самоперевірки
Стрілки показують не макет, а вимірювання цієї самої сторінки у вашому браузері. За такими правилами конвеєр не випускає сайт на сервер. Увімкніть поломку на стенді, і стрілка впаде на очах.
Відкрити портфоліо конвеєраМодуль 2 · поломки з журналу уроків
Кожен тумблер ламає мініатюрну сторінку так, як колись зламався справжній сайт конвеєра. Вимірюється вона по-справжньому. Вимкніть тумблер, і все повернеться.
Довгий текст із забороною переносу вилазить за край, на телефоні з'являється бічна прокрутка.
Lighthouse дав доступності 100, а незалежна перевірка знайшла написи, які погано видно. Цей текст стане таким.
Точки галереї такі малі, що пальцем не влучити. Навігація мініатюри зменшиться до них.
Скрипт додає блок після завантаження, місця під нього не було. За секунду вміст стрибне вниз.
Сторінка зайнята й не відповідає. Кожні 2 секунди потік блокується на 180 мс, справді.
Сторінка спробує підключити скрипт із чужого хоста. CSP його не пустить, у консолі браузера з'явиться справжня помилка.
Цей вигаданий клаптик сайту існує, щоб його ламати. Основна сторінка лишається під вашим керуванням.
Найдовший рядок цього зразка спокійно переноситься, доки його не заборонять переносити, і тоді він вийде далеко за межі рамки стенда.
Модуль 3 · самописець і лічильники
Самописець креслить показання цієї сторінки раз на секунду, відколи ви її відкрили. Позначки на стрічці означають тумблери, які ви рухали.
викладок
перевірок на воротах
уроків із помилок
сторінок-пасток
викладок із помилкою на живій адресі
Знімок журналу deploys.jsonl з 10 жовтня по 4 листопада 2026 р., коміт 5317d9b. Числа рахує скрипт, а не копірайтер.
Лампа горить червоним, коли ці ворота зловили б поломку, яку ви зараз увімкнули на стенді. Сторінку зі справжньою поломкою конвеєр не випустив би.
sg.html4 693sg.csp4 789sg.cache21 574sg.safari7 120sg.files23 767sg.js1 061sg.i18n1 671sg.seo3 508sg.geo3 508sg.layout9 410sg.console2 390sg.motion614sg.touch352sg.hold680sg.go13sg.nogpu213sg.sticky1 476sg.lang664sg.slow502sg.webkit1 023sg.media620sg.lh732sg.a11y0Модуль 4 · будова
Те, що ви щойно бачили на одній сторінці, конвеєр робить із кожним сайтом. Сайтів у портфоліо: 62.
Відкрити портфоліо конвеєра
PerformanceObserver чекає запис largest-contentful-paint: коли найбільший елемент першого екрана з'явився у вашому браузері.
sg.lhнемає
Сума записів layout-shift без тих, що стались одразу після вашого натискання. Вимкнення поломки скидає лічильник, бо сума лише росте.
sg.lhнемає
Записи longtask за останні 10 секунд: усе понад 50 мс кожного довгого завдання. Це не повний TBT із Lighthouse, а його жива подоба.
sg.lhнемає
Сума transferSize документа і всіх завантажених файлів за Resource Timing. Для файлів із кешу береться стиснутий розмір.
sg.lhнемає
Ширина вмісту мінус ширина вікна, окремо для сторінки та для стенда. Той самий принцип, що в перевірці checks/browser.mjs.
sg.layoutнемає
Обхід усіх видимих елементів із власним текстом: найменший обчислений розмір шрифту. Написи на шкалах приладів не рахуються, вони намальовані.
немає
Для кожного тексту береться колір літер і перший непрозорий фон під ним, обидва переводяться в L*, показується найменша різниця.
sg.a11yнемає
Менша сторона найменшої видимої кнопки чи посилання. Поріг залежить від розкладки: на телефоні він вищий.
sg.lhнемає