FCP / First Contentful Paint

Метрика FCP включает в себя время выгрузки предыдущей страницы, время установки соединения, время перенаправления и время до первого байта (TTFB), которые могут сильно зависеть от времени проведения измерения, интернет-провайдера и вспышек на солнце.

Чтобы обеспечить хорошее взаимодействие с пользователем, сайты должны стремиться к тому, чтобы время первого показа контента составляло 1,8 секунды или меньше. Рекомендуется ориентироваться на значение 75-ти процентного показателя, отдельно рассчитанного для мобильных и десктопных устройств.

Как прокачать FCP:

• Устранить ресурсы, блокирующие рендеринг страницы;
• Минифицировать используемый файлы CSS;
• Предварительно подключитесь к требуемым источникам;
• Сократите время отклика сервера (TTFB);
• Убрать цепочку редиректов на страницу;
• Предварительно загружать ключевые запросы;
• Избегать огромных нагрузок на сеть;
• Использовать эффективные политики кэширования;
• Избегать чрезмерного размера DOM (например SVG прятать в файлы)
• Убедиться, что текст остается видимым во время загрузки webfont
• Уменьшить количество запросов и размеры передачи