{"id":374,"date":"2021-12-19T08:28:04","date_gmt":"2021-12-19T07:28:04","guid":{"rendered":"https:\/\/wp.catedu.es\/zgzsur\/?p=374"},"modified":"2021-12-19T08:28:04","modified_gmt":"2021-12-19T07:28:04","slug":"first-contentful-paint-fcp","status":"publish","type":"post","link":"https:\/\/wp.catedu.es\/zgzsur\/first-contentful-paint-fcp\/","title":{"rendered":"First Contentful Paint (FCP)"},"content":{"rendered":"\n
Twittear<\/a><\/div>\n
\n

First Contentful Paint (FCP)<\/h1>\n<\/header>\n
\n

First Contentful Paint: Primer despliegue de contenido (FCP) es una m\u00e9trica importante, centrada en el usuario, para medir la\u00a0velocidad de carga percibida<\/a>\u00a0porque marca el primer punto en la l\u00ednea de tiempo de carga de la p\u00e1gina en el que el usuario puede ver algo en la pantalla: una FCP r\u00e1pida ayuda a tranquilizar al usuario de que algo est\u00e1\u00a0ocurriendo<\/a>.<\/p>\n<\/div>\n

 <\/p>\n

\u00bfQu\u00e9 es FCP?<\/h2>\n

La m\u00e9trica “First Contentful Paint” (FCP) mide el tiempo que transcurre desde que la p\u00e1gina comienza a cargarse hasta que cualquier parte del contenido de la p\u00e1gina se representa en la pantalla. Para esta m\u00e9trica, el “contenido” se refiere al texto, las im\u00e1genes (incluidas las im\u00e1genes que est\u00e1n en segundo plano), los elementos\u00a0<svg><\/code>\u00a0o los elementos\u00a0<canvas><\/code>\u00a0que no est\u00e1n en blanco.<\/p>\n

\"L\u00ednea<\/a><\/p>\n

En la carga anterior de la l\u00ednea de tiempo, FCP ocurre en el segundo marco, ya que es cuando los primeros elementos de texto e imagen se renderizan en la pantalla.<\/p>\n

Notar\u00e1 que, aunque se ha renderizado parte del contenido, no se ha renderizado todo. Esta es una distinci\u00f3n importante que se debe hacer entre\u00a0First<\/em>\u00a0Contentful Paint (FCP) y\u00a0Largest Contentful Paint (LCP)<\/a><\/em>, cuyo objetivo es medir cu\u00e1ndo se termin\u00f3 de cargar el contenido principal de la p\u00e1gina.<\/p>\n\"Los<\/picture>\n

\u00bfQu\u00e9 es una buena puntuaci\u00f3n FCP?<\/h3>\n

Para brindar una buena experiencia de usuario, los sitios deber\u00edan esforzarse por tener una First Contentful Paint de\u00a01.8 segundos<\/strong>\u00a0o menos. Para asegurarse de que est\u00e1 alcanzando este objetivo para la mayor\u00eda de sus usuarios, un buen umbral para medir es el\u00a0percentil 75<\/strong>\u00a0de cargas de p\u00e1ginas, segmentado en dispositivos m\u00f3viles y equipos de escritorio.<\/p>\n

C\u00f3mo medir FCP<\/h2>\n

FCP se puede medir\u00a0en el laboratorio<\/a>\u00a0o\u00a0en el campo<\/a>\u00a0y est\u00e1 disponible en las siguientes herramientas:<\/p>\n

Herramientas de campo<\/h3>\n