FID (задержка первого ввода)

FID (First Input Delay) — это метрика [Core Web Vitals](/glossary/core-web-vitals), измеряющая время между первым взаимодействием пользователя со страницей — кликом по кнопке, нажатием на ссылку, нажатием клавиши — и моментом, когда браузер начинает обрабатывать это событие. Она оценивает отзывчивость, а не визуальную скорость загрузки. Хороший показатель FID — менее 100 миллисекунд, что означает мгновенную реакцию страницы для пользователя. Значение выше 300 миллисекунд считается плохим. FID специфически измеряет задержку ввода, вызванную занятостью основного потока браузера другими задачами — парсингом JavaScript или выполнением длительных скриптов. Он не измеряет время завершения обработки события или обновления интерфейса.

Когда читатель нажимает кнопку и ничего не происходит в течение заметного мгновения, страница кажется сломанной. Медленный отклик на ввод вызывает раздражение и увеличивает [показатель отказов](/glossary/bounce-rate). Google использовал FID как фактор ранжирования в оценке Core Web Vitals, поэтому страницы с плохим FID могут оказаться ниже в результатах поиска. Для издателей, распространяющих флипбуки и интерактивные документы, медленная первая реакция подрывает профессиональное впечатление, которое должен создавать контент. Мобильные пользователи страдают особенно, так как мобильные устройства часто обладают меньшей вычислительной мощностью, делая загруженность основного потока более заметной.

Флипбуки FlipLink оптимизированы для низкого FID за счёт отложенной загрузки некритичного JavaScript до завершения начального рендеринга. Движок перелистывания страниц [Three.js](/glossary/three-js) загружается прогрессивно, поэтому панель инструментов и элементы навигации реагируют мгновенно при первом взаимодействии читателя. Пиксели отслеживания и скрипты аналитики загружаются асинхронно, чтобы не блокировать основной поток. Когда вы [встраиваете флипбук](/glossary/responsive-embed) на свой сайт, код встраивания FlipLink использует ленивую загрузку и асинхронную инициализацию, чтобы флипбук не добавлял задержку ввода на вашу страницу. Эти оптимизации обеспечивают отзывчивость встроенных и расшаренных флипбуков с первого клика — и на десктопе, и на мобильном устройстве.

| Оценка | Порог FID | Значение | |--------|----------|----------| | Хорошо | ≤ 100 мс | Страница мгновенно реагирует на ввод | | Требует улучшения | 101–300 мс | Заметная задержка перед откликом | | Плохо | > 300 мс | Страница кажется нереагирующей или зависшей | FID измеряется на 75-м перцентиле загрузок страниц в Chrome User Experience Report (CrUX). Это означает, что 75% посетителей должны испытывать FID 100 мс или менее, чтобы страница прошла порог «хорошо». FID можно измерить с помощью Google PageSpeed Insights, Lighthouse или JavaScript-библиотеки Web Vitals в собственной настройке аналитики.

FID измеряет только часть задержки обработки события — промежуток между срабатыванием события ввода и началом выполнения обработчика события браузером. Он не включает время выполнения обработчика и время перерисовки экрана. Самая распространённая причина высокого FID — длительные JavaScript-задачи в основном потоке. Когда браузер занят выполнением скрипта длительностью 200 мс и более, любой пользовательский ввод в это время ставится в очередь и задерживается. Типичные источники блокировки основного потока: - **Большие JavaScript-бандлы**, парсинг и компиляция при загрузке страницы - **Сторонние скрипты** (аналитика, реклама, чат-виджеты), выполняющиеся синхронно - **Тяжёлая манипуляция DOM** при начальном рендеринге - **Неоптимизированная загрузка веб-шрифтов**, вызывающая пересчёт макета Для снижения FID разбивайте длинные задачи на меньшие фрагменты, откладывайте неважные скрипты, используйте разделение кода для загрузки только необходимого JavaScript и минимизируйте влияние сторонних скриптов.

Google официально заменил FID на [Interaction to Next Paint (INP)](/glossary/core-web-vitals) в качестве Core Web Vital в марте 2024 года. В то время как FID измеряет только первое взаимодействие, INP измеряет отзывчивость всех взаимодействий на протяжении всего жизненного цикла страницы и выбирает худшее (или почти худшее для страниц с большим количеством взаимодействий). Это делает INP более комплексной метрикой отзывчивости. Основные различия: - **Охват**: FID измеряет задержку только первого взаимодействия. INP измеряет каждое взаимодействие (клики, нажатия, ввод с клавиатуры) и сообщает о худшем. - **Что измеряется**: FID измеряет только задержку ввода (время до запуска обработчика). INP измеряет полную длительность от ввода до следующего визуального обновления (paint). - **Порог**: Хороший FID — ≤ 100 мс. Хороший INP — ≤ 200 мс. - **Статус**: FID устарел как Core Web Vital, но по-прежнему сообщается многими инструментами. INP — текущая официальная метрика. Несмотря на то что FID больше не является Core Web Vital, оптимизации, улучшающие FID — снижение блокировки основного потока, отложенная загрузка скриптов, разделение кода — также улучшают INP. Просмотрщик FlipLink оптимизирован для обеих метрик.