Отмените два изменения, которые стоят 380 миллионов часов блокировки, и успокойте телефон

Performancekamo-marketing
Shipped
19 августа 2026 г. в 19:17 UTC
Author
Kamo
Commit
2d7c0c0

Последние два тура взяли счет от 87 до 67. Тотальная блокировка Время вышло из 80 мс до 460 мс и LCP от 3,9 с до 4,4 с. Два моих изменения сделали это. Оба были сделаны по одной и той же причине. Причина стоит указать в первую очередь, потому что это реальный урок: предметы В разделе «Взгляды» в этом отчете отмечены ** Unscored**. Они не питаются Показатель эффективности. FCP, LCP, TBT, CLS и индекс скорости. Я провел два раунда. Оптимизация неоцененных идей и оплата за них в забитых показателях. «experimental.inlineCss» — обратная ссылка. Он делает то, что обещает: таблица стилей перестает быть требованием блокировки рендеринга. Но 93 КБ КСС тогда должны прибыть и быть разобран *внутри* документа, а не параллельно с ним, и Документ вырос с 36 КБ гзипа до 74,7 КБ. Маяк измерил документ в одиночку при 750 мс процессора, а Style & Layout вырос с 573 мс до 826 мс. Один неизменный, кэшируемый, параллельный запрос лучше, чем этот, и «запросы блокировки рендеринга» никогда не был забит. Заголовок композитный размах — вернулся. Это более смущает, потому что он провалился на своих условиях: количество несоставленных элементов пошло вверх, от 34 до 41. Два маскированных слоя с текстом также не могут быть композитными. Замена состояла из двух краско-анимированных элементов, где был один, плюс постоянно работающий двойной растр h1. Оригинальная одноэлементная версия Он вернулся. И то, и другое заменяет изменения, которые должны были быть сделаны первыми. Двадцать пять Правила на этой странице объявляют бесконечную анимацию — шестиугольные поля дрейфуют Сетки пульсируют, градиенты скользят, частицы плавают, баннер мерцает. На Десктоп никто не замечает. На маломощном телефоне рун эмулирует, они являются Постоянный налог: большая часть стиля и планировки, большая часть рендеринга и каждый из них Подсчитано в рамках некомпозитного анимационного аудита. Ничто из этого не удовлетворяет; Страница читается одинаково со всем этим. Сейчас они останавливаются ниже 768 px. ту же точку разлома Герой уже использует для решения «desktopMotion», поэтому частица поле, вращение фона и этот переключатель вместе, а не в три различной ширины — и под «предпочтениями-снижением-движением». Все 25 покрыты. Каждый из них привязан к значению, на котором покоится его ключевой кадр, а не только выключен: элемент, 0%/100% кадр которого устанавливает "непрозрачность: 0,05" не имеет непрозрачности Свой собственный, чтобы упасть обратно, и остановив его без спины будет либо затемнить текстура или оставьте наложение полной непрозрачности на контент под ним. Тематические фоны раздела теперь запрашивают ширину полувизора на телефонах. в Качество 60 они уменьшаются вдвое по размеру, но 4,08% их пикселей заметно сдвигаются один раз. Композитный и полосатый по гладкому небу - это то, что показывает полнокровный фон Хуже всего — то же возражение, которое отвергло качество 50 на 6,60%. Сбрасывать Запрашиваемая ширина вместо этого занимает от 193 КБ до 77 КБ без сжатия. Артефакты вообще, на картине уже потемнели до 60% под радиальным черным Наложение, за непрозрачным содержимым. Качество остается на уровне 75. Также фиксированный, и отдельно от этого коммит: плейлисты HLS все-таки были ответ «максимальный возраст = 300», потому что работа кода переписывает их только на перекодировать. Их метаданные устанавливаются непосредственно сейчас, поэтому кэш-пожизненный элемент 1 KiB Закрыт без ожидания одного. Одна настоящая ошибка, пойманная на пути: операция CSS сверху оставила бродячую закрывающую скобу На линии 1480. Turbopack обслуживал кэшированный CSS, поэтому три сборки прошли До того, как чистый провалился на нем. Это бы провалило CI.

All changes

Как вы видите судоходство?

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

Начните бесплатно навсегдаПосмотреть цены