First Contentful Paint beschreibt die Zeit vom Beginn des Pageloads bis zum ersten Mal Inhalt auf dem Display angezeigt wird, der als tatsächlicher Inhalt wahrgenommen werden kann. Häufig ist das ein Seiten-Header, es kann aber auch irgendetwas anderes sein, das dem*der User*in zeigt, dass tatsächlich Inhalt auf der Seite angezeigt wird. Technisch betrachtet können hierfür Text, Bilder (auch Hintergrundbilder und SVGs) sowie nicht-weiße Canvas-Elemente herangezogen werden.
Wieso ist mein FCP schlecht?
Ursachen für einen schlechten FCP kann es viele geben. Am Anfang steht der Server. Antwortet dieser langsam, kann der FCP nicht schnell sein. Darüber hinaus kann ein nicht optimierter Critical Rendering Path Ursache für einen langsamen FCP sein. Generell: Muss der Browser nach dem HTML noch mehrere weitere Ressourcen herunter laden, bevor er mit dem rendern der Seite beginnen kann, ist das schlecht für den FCP.