{"id":16854,"date":"2020-03-11T10:47:37","date_gmt":"2020-03-11T03:47:37","guid":{"rendered":"https:\/\/kiencang.net\/?p=14973"},"modified":"2023-07-23T19:41:49","modified_gmt":"2023-07-23T12:41:49","slug":"first-contentful-paint-la-gi","status":"publish","type":"post","link":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/","title":{"rendered":"First Contentful Paint (FCP) l\u00e0 g\u00ec?"},"content":{"rendered":"\n<p>First Contentful Paint (FCP \/ H\u00ecnh \u1ea3nh c\u00f3 n\u1ed9i dung \u0111\u1ea7u ti\u00ean) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i, n\u1eb1m trong khu v\u1ef1c <strong>Performance \/ hi\u1ec7u su\u1ea5t<\/strong> c\u1ee7a b\u00e1o c\u00e1o Lighthouse. M\u1ed7i ch\u1ec9 s\u1ed1 n\u1eafm b\u1eaft m\u1ed9t s\u1ed1 kh\u00eda c\u1ea1nh v\u1ec1 t\u1ed1c \u0111\u1ed9 t\u1ea3i trang.<\/p>\n\n\n\n<p>Lighthouse tr\u00ecnh b\u00e0y FCP d\u01b0\u1edbi d\u1ea1ng gi\u00e2y:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/first-contentful-paint.png\" alt=\"First contentful paint\" class=\"wp-image-14974\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d74976e6f\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d74976e6f\"  type=\"checkbox\" id=\"item-6577d74976e6f\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#Cach_do_FCP\" title=\"C\u00e1ch \u0111o FCP\">C\u00e1ch \u0111o FCP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#Cach_Lighthouse_xac_dinh_chi_so_FCP_cua_ban\" title=\"C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n\">C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#Lam_the_nao_cai_thien_duoc_chi_so_FCP_cua_ban\" title=\"L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n\">L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#Theo_doi_FCP_tren_cac_thiet_bi_cua_nguoi_dung_thuc\" title=\"Theo d\u00f5i FCP tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u1ef1c\">Theo d\u00f5i FCP tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u1ef1c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#Lam_the_nao_cai_thien_duoc_tong_the_diem_so_hieu_suat_cua_ban\" title=\"L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c t\u1ed5ng th\u1ec3 \u0111i\u1ec3m s\u1ed1 hi\u1ec7u su\u1ea5t c\u1ee7a b\u1ea1n\">L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c t\u1ed5ng th\u1ec3 \u0111i\u1ec3m s\u1ed1 hi\u1ec7u su\u1ea5t c\u1ee7a b\u1ea1n<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"cach-do-fcp\"><span class=\"ez-toc-section\" id=\"Cach_do_FCP\"><\/span>C\u00e1ch \u0111o FCP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>FCP \u0111o kho\u1ea3ng th\u1eddi gian tr\u00ecnh duy\u1ec7t c\u1ea7n b\u1ecf ra \u0111\u1ec3 render ph\u1ea7n \u0111\u1ea7u ti\u00ean thu\u1ed9c <a href=\"https:\/\/kiencang.net\/dom-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">n\u1ed9i dung DOM<\/a> sau khi ng\u01b0\u1eddi d\u00f9ng \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn trang c\u1ee7a b\u1ea1n. C\u00e1c \u1ea3nh, c\u00e1c ph\u1ea7n t\u1eed <em>&lt;canvas&gt;<\/em> non-white, v\u00e0 <em>SVG<\/em> tr\u00ean trang c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c xem l\u00e0 n\u1ed9i dung DOM; b\u1ea5t c\u1ee9 c\u00e1i g\u00ec n\u1eb1m b\u00ean trong <em>iframe<\/em> s\u1ebd kh\u00f4ng \u0111\u01b0\u1ee3c t\u00ednh.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cach-lighthouse-xac-d\u1ecbnh-ch\u1ec9-s\u1ed1-fcp-c\u1ee7a-b\u1ea1n\"><span class=\"ez-toc-section\" id=\"Cach_Lighthouse_xac_dinh_chi_so_FCP_cua_ban\"><\/span>C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n l\u00e0 so s\u00e1nh gi\u1eefa th\u1eddi gian FCP trang c\u1ee7a b\u1ea1n v\u00e0 th\u1eddi gian FCP cho website th\u1ef1c, d\u1ef1a tr\u00ean <a href=\"https:\/\/httparchive.org\/reports\/loading-speed#fcp\" target=\"_blank\" rel=\"noreferrer noopener\">d\u1eef li\u1ec7u t\u1eeb HTTP Archive<\/a>. L\u1ea5y v\u00ed d\u1ee5, n\u1ebfu c\u00e1c trang c\u00f3 hi\u1ec7u su\u1ea5t render FCP trong ph\u00e2n v\u1ecb th\u1ee9 ch\u00edn m\u01b0\u01a1i ch\u00edn trong kho\u1ea3ng 1,5 gi\u00e2y. N\u1ebfu FCP website c\u1ee7a b\u1ea1n l\u00e0 1,5 gi\u00e2y, \u0111i\u1ec3m s\u1ed1 FCP c\u1ee7a b\u1ea1n l\u00e0 99.<\/p>\n\n\n\n<p>B\u1ea3ng n\u00e0y cho th\u1ea5y c\u00e1ch gi\u1ea3i th\u00edch ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Th\u1eddi gian FCP (t\u00ednh theo gi\u00e2y)<\/strong><\/td><td><strong>M\u00e3 m\u00e0u<\/strong><\/td><td><strong>\u0110i\u1ec3m s\u1ed1 FCP (ph\u00e2n v\u1ecb HTTP Archive)<\/strong><\/td><\/tr><tr><td>0 &#8211; 2<\/td><td>Xanh (nhanh)<\/td><td>75-100<\/td><\/tr><tr><td>2-4<\/td><td>Cam (trung b\u00ecnh)<\/td><td>50-74<\/td><\/tr><tr><td>Tr\u00ean 4<\/td><td>\u0110\u1ecf (ch\u1eadm)<\/td><td>0-49<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-c\u1ea3i-thi\u1ec7n-d\u01b0\u1ee3c-ch\u1ec9-s\u1ed1-fcp-c\u1ee7a-b\u1ea1n\"><span class=\"ez-toc-section\" id=\"Lam_the_nao_cai_thien_duoc_chi_so_FCP_cua_ban\"><\/span>L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c ch\u1ec9 s\u1ed1 FCP c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>M\u1ed9t v\u1ea5n \u0111\u1ec1 \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng trong FCP l\u00e0 th\u1eddi gian t\u1ea3i font. B\u1ea1n c\u1ea7n xem c\u00e1c ch\u1ee7 \u0111\u1ec1 li\u00ean quan \u0111\u1ebfn &#8220;<a href=\"https:\/\/kiencang.net\/dam-bao-van-ban-hien-thi\/\">\u0111\u1ea3m b\u1ea3o v\u0103n b\u1ea3n v\u1eabn hi\u1ec3n th\u1ecb trong khi webfont t\u1ea3i<\/a>&#8221; \u0111\u1ec3 bi\u1ebft c\u00e1c c\u00e1ch t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i font c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"theo-doi-fcp-tren-cac-thi\u1ebft-b\u1ecb-c\u1ee7a-ng\u01b0\u1eddi-dung-th\u1ef1c\"><span class=\"ez-toc-section\" id=\"Theo_doi_FCP_tren_cac_thiet_bi_cua_nguoi_dung_thuc\"><\/span>Theo d\u00f5i FCP tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u1ef1c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 bi\u1ebft c\u00e1ch \u0111o khi FCP th\u1ef1c s\u1ef1 xu\u1ea5t hi\u1ec7n tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ee7a ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n, h\u00e3y gh\u00e9 th\u0103m trang <a href=\"https:\/\/kiencang.net\/chi-so-hieu-suat-nguoi-dung\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c ch\u1ec9 s\u1ed1 hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 t\u1eadp trung v\u00e0o ng\u01b0\u1eddi d\u00f9ng<\/a>. Ph\u1ea7n theo d\u00f5i FP\/FCP m\u00f4 t\u1ea3 c\u00e1ch truy c\u1eadp d\u1eef li\u1ec7u FCP theo ch\u01b0\u01a1ng tr\u00ecnh v\u00e0 g\u1eedi n\u00f3 l\u00ean Google Analytics.<\/p>\n\n\n\n<p>Xem <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/navigation-and-resource-timing\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u00e1nh gi\u00e1 hi\u1ec7u su\u1ea5t t\u1ea3i c\u1ee7a Google trong th\u1ebf gi\u1edbi th\u1ef1c v\u1edbi navigation v\u00e0 resource timming<\/a> \u0111\u1ec3 bi\u1ebft th\u00eam v\u1ec1 vi\u1ec7c thu th\u1eadp s\u1ed1 li\u1ec7u ng\u01b0\u1eddi d\u00f9ng th\u1ef1c.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-c\u1ea3i-thi\u1ec7n-d\u01b0\u1ee3c-t\u1ed5ng-th\u1ec3-di\u1ec3m-s\u1ed1-hi\u1ec7u-su\u1ea5t-c\u1ee7a-b\u1ea1n\"><span class=\"ez-toc-section\" id=\"Lam_the_nao_cai_thien_duoc_tong_the_diem_so_hieu_suat_cua_ban\"><\/span>L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c t\u1ed5ng th\u1ec3 \u0111i\u1ec3m s\u1ed1 hi\u1ec7u su\u1ea5t c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Tr\u1eeb khi b\u1ea1n c\u00f3 l\u00fd do r\u00f5 r\u00e0ng \u0111\u1ec3 t\u1eadp trung v\u00e0o m\u1ed9t ch\u1ec9 s\u1ed1 c\u1ee5 th\u1ec3, c\u00f2n kh\u00f4ng th\u00ec th\u01b0\u1eddng s\u1ebd t\u1ed1t h\u01a1n n\u1ebfu b\u1ea1n t\u1eadp trung v\u00e0o c\u1ea3i thi\u1ec7n t\u1ed5ng th\u1ec3 \u0111i\u1ec3m s\u1ed1 hi\u1ec7u su\u1ea5t (overall performance score).<\/p>\n\n\n\n<p>S\u1eed d\u1ee5ng khu v\u1ef1c <strong>Opportunities\/C\u01a1 h\u1ed9i<\/strong> trong b\u00e1o c\u00e1o Lighthouse \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh s\u1ef1 c\u1ea3i ti\u1ebfn n\u00e0o s\u1ebd c\u00f3 gi\u00e1 tr\u1ecb nh\u1ea5t tr\u00ean trang c\u1ee7a b\u1ea1n. C\u01a1 h\u1ed9i c\u00e0ng quan tr\u1ecdng, hi\u1ec7u \u1ee9ng s\u1ebd c\u00e0ng l\u1edbn \u0111\u1ed1i v\u1edbi \u0111i\u1ec3m hi\u1ec7u su\u1ea5t c\u1ee7a b\u1ea1n. L\u1ea5y v\u00ed d\u1ee5, h\u00ecnh ch\u1ee5p m\u00e0n h\u00ecnh Lighthouse d\u01b0\u1edbi \u0111\u00e2y cho th\u1ea5y vi\u1ec7c <a href=\"https:\/\/kiencang.net\/loai-bo-tai-nguyen-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">lo\u1ea1i b\u1ecf c\u00e1c t\u00e0i nguy\u00ean ch\u1eb7n hi\u1ec3n th\u1ecb<\/a> s\u1ebd mang l\u1ea1i s\u1ef1 c\u1ea3i thi\u1ec7n l\u1edbn nh\u1ea5t:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/co-hoi-lighthouse-1024x536.png\" alt=\"Tab c\u01a1 h\u1ed9i c\u1ee7a Lighthouse\" class=\"wp-image-14976\"\/><\/figure>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 gh\u00e9 th\u0103m <a href=\"https:\/\/web.dev\/lighthouse-performance\" target=\"_blank\" rel=\"noreferrer noopener\">trang th\u01b0 m\u1ee5c ch\u1ee9a c\u00e1c n\u1ed9i dung v\u1ec1 ki\u1ec3m tra hi\u1ec7u su\u1ea5t<\/a> (ti\u1ebfng Anh) \u0111\u1ec3 h\u1ecdc c\u00e1ch gi\u1ea3i quy\u1ebft c\u00e1c c\u01a1 h\u1ed9i \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh trong b\u00e1o c\u00e1o Lighthouse.<\/p>\n\n\n\n<p>Chu\u1ed7i b\u00e0i vi\u1ebft v\u1ec1 c\u00e1c ch\u1ec9 s\u1ed1 t\u0103ng t\u1ed1c:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/total-blocking-time-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Total Blocking Time l\u00e0 g\u00ec<\/a><\/li>\n\n\n\n<li>First Contentful Paint l\u00e0 g\u00ec (b\u00e0i b\u1ea1n \u0111ang \u0111\u1ecdc)<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/time-to-interactive-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Time To Interactive l\u00e0 g\u00ec<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/first-input-delay\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Input Delay l\u00e0 g\u00ec<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/largest-contentful-paint-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Largest Contentful Paint l\u00e0 g\u00ec<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/cumulative-layout-shift\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cumulative layout shift (CLS) l\u00e0 g\u00ec<\/a><\/li>\n<\/ul>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft <a href=\"https:\/\/web.dev\/fcp\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">First Contentful Paint<\/a>, trang web dev)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>First Contentful Paint (FCP \/ H\u00ecnh \u1ea3nh c\u00f3 n\u1ed9i dung \u0111\u1ea7u ti\u00ean) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i, n\u1eb1m trong khu v\u1ef1c Performance \/ hi\u1ec7u su\u1ea5t c\u1ee7a b\u00e1o c\u00e1o Lighthouse. M\u1ed7i ch\u1ec9 s\u1ed1 n\u1eafm b\u1eaft m\u1ed9t s\u1ed1 kh\u00eda c\u1ea1nh v\u1ec1 t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. Lighthouse tr\u00ecnh b\u00e0y FCP d\u01b0\u1edbi d\u1ea1ng gi\u00e2y: C\u00e1ch &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[282],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>First Contentful Paint (FCP) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"First Contentful Paint (FCP) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"First Contentful Paint (FCP \/ H\u00ecnh \u1ea3nh c\u00f3 n\u1ed9i dung \u0111\u1ea7u ti\u00ean) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i, n\u1eb1m trong khu v\u1ef1c Performance \/ hi\u1ec7u su\u1ea5t c\u1ee7a b\u00e1o c\u00e1o Lighthouse. M\u1ed7i ch\u1ec9 s\u1ed1 n\u1eafm b\u1eaft m\u1ed9t s\u1ed1 kh\u00eda c\u1ea1nh v\u1ec1 t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. Lighthouse tr\u00ecnh b\u00e0y FCP d\u01b0\u1edbi d\u1ea1ng gi\u00e2y: C\u00e1ch &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-11T03:47:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-23T12:41:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/first-contentful-paint.png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"First Contentful Paint (FCP) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"First Contentful Paint (FCP) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","og_description":"First Contentful Paint (FCP \/ H\u00ecnh \u1ea3nh c\u00f3 n\u1ed9i dung \u0111\u1ea7u ti\u00ean) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i, n\u1eb1m trong khu v\u1ef1c Performance \/ hi\u1ec7u su\u1ea5t c\u1ee7a b\u00e1o c\u00e1o Lighthouse. M\u1ed7i ch\u1ec9 s\u1ed1 n\u1eafm b\u1eaft m\u1ed9t s\u1ed1 kh\u00eda c\u1ea1nh v\u1ec1 t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. Lighthouse tr\u00ecnh b\u00e0y FCP d\u01b0\u1edbi d\u1ea1ng gi\u00e2y: C\u00e1ch &hellip;","og_url":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-11T03:47:37+00:00","article_modified_time":"2023-07-23T12:41:49+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/first-contentful-paint.png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/","url":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/","name":"First Contentful Paint (FCP) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-11T03:47:37+00:00","dateModified":"2023-07-23T12:41:49+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/first-contentful-paint-la-gi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"First Contentful Paint (FCP) l\u00e0 g\u00ec?"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16854"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=16854"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16854\/revisions"}],"predecessor-version":[{"id":24327,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16854\/revisions\/24327"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}