Первая содержательная краска (FCP)

First Contentful Paint, обычно сокращаемое как FCP, — это показатель веб-производительности Это показатель, измеряющий время от начала загрузки страницы до момента отображения браузером первого видимого элемента контента, такого как текст, изображение или цвет фона, на экране. Он измеряется в секундах или миллисекундах и отражает первое визуальное подтверждение пользователем того, что страница действительно загружается, в отличие от ситуации, когда пользователь смотрит на пустой белый экран, гадая, происходит ли что-нибудь вообще. Именно поэтому он классифицируется как один из основных показателей качества загрузки, отслеживаемых такими инструментами, как Google Lighthouse и отчет Chrome User Experience Report. Показатель FCP отличается от показателя Time to First Byte, который измеряет только время ответа сервера до начала рендеринга, поскольку быстрый ответ сервера может сопровождаться медленным FCP, если блокирующие рендеринг скрипты или таблицы стилей задерживают отрисовку чего-либо на экране.

FCP имеет значение, поскольку воспринимаемая скорость сильно влияет на то, останется ли посетитель на странице или покинет ее до полной загрузки. Исследования Google и других независимых компаний, изучающих производительность, неоднократно показывали, что с увеличением времени загрузки страницы резко возрастает вероятность отказов: задержки даже в одну-три секунды заметно увеличивают вероятность того, что посетитель покинет страницу до того, как на экране появится какой-либо контент. Поскольку FCP фиксирует момент, когда пользователь впервые видит признаки прогресса, он напрямую формирует первые впечатления о надежности и техническом качестве бренда, особенно у посетителей, впервые попавших на сайт после платной рекламы или результатов поиска, которые не имеют предварительной лояльности или знакомства с сайтом, заставляющих их терпеливо ждать медленной первоначальной загрузки, и которые просто попробуют перейти по ссылке конкурента.

Показатель FCP (Future Speed ​​Proof) измеряется как с помощью лабораторных инструментов, таких как Google Lighthouse или WebPageTest, которые имитируют загрузку страницы в контролируемых сетевых и аппаратных условиях повторяемым образом, так и с помощью инструментов, используемых в реальных условиях, таких как отчет Chrome User Experience Report, доступный через Google Search Console, или PageSpeed ​​Insights, которые собирают реальные данные FCP от пользователей Chrome, посещающих страницу в действительно различных сетевых условиях. Google обычно классифицирует FCP менее 1.8 секунды как хороший показатель, от 1.8 до 3 секунд — как требующий улучшения, а более 3 секунд — как плохой, хотя эти пороговые значения являются скорее рекомендациями, чем абсолютными требованиями, поскольку приемлемая производительность также в значительной степени зависит от типичных условий работы устройств и сети реальной аудитории сайта на его конкретных рынках.

Распространенное заблуждение заключается в том, что показатель FCP сам по себе указывает на полную работоспособность страницы, тогда как на самом деле он лишь подтверждает появление некоторого контента, а не интерактивность страницы или фактическую отрисовку ее основного, значимого контента, такого как изображение товара или заголовок; связанные с этим метрики, такие как Largest Contentful Paint и Time to Interactive, отражают более поздние, более важные этапы. Еще одна распространенная ошибка — оптимизация FCP с помощью методов, которые улучшают результаты лабораторных испытаний, не улучшая при этом пользовательский опыт в реальных условиях, например, путем немедленной отрисовки легковесного заглушки или скелетного экрана, в то время как основной контент загружается медленно. Это может привести к обманчиво высокому показателю FCP, но при этом к действительно разочаровывающему опыту пользователя в реальных условиях.

В консалтинге по оптимизации конверсии (CRO) и пользовательскому опыту (UX) оценка FCP (Factory of Conversion) и связанных с ним основных показателей веб-оптимизации (Core Web Vitals) обычно проводится на ранних этапах технического аудита, поскольку медленно загружающиеся страницы снижают все последующие показатели конверсии независимо от того, насколько хорошо страница в остальном спроектирована, и потому что с 2021 года сигналы, влияющие на качество страниц, включая скорость загрузки, учитываются в алгоритме ранжирования результатов поиска Google, напрямую связывая работу над производительностью как с коэффициентом конверсии, так и с органической видимостью одновременно. Распространенные стратегии исправления включают оптимизацию и сжатие изображений, уменьшение количества блокирующих рендеринг JavaScript и CSS на критическом пути рендеринга, использование кэширования браузера и использование сети доставки контента (CDN). Все это обычно рекомендуется делать параллельно с более глубокой работой по оптимизации конверсии, ориентированной на дизайн и контент, а не вместо нее. Поскольку регрессия производительности часто возникает постепенно по мере добавления новых скриптов и сторонних тегов, для поддержания FCP в приемлемом диапазоне обычно требуется постоянный мониторинг, а не разовое исправление.