{"id":16855,"date":"2020-03-11T11:55:19","date_gmt":"2020-03-11T04:55:19","guid":{"rendered":"https:\/\/kiencang.net\/?p=14985"},"modified":"2023-07-23T19:43:15","modified_gmt":"2023-07-23T12:43:15","slug":"time-to-interactive-la-gi","status":"publish","type":"post","link":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/","title":{"rendered":"Time To Interactive (TTI) l\u00e0 g\u00ec?"},"content":{"rendered":"\n<p><strong>Time To Interactive (TTI)<\/strong> l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i trong khu v\u1ef1c <em>Performance<\/em> 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 c\u1ee7a t\u1ed1c \u0111\u1ed9 t\u1ea3i trang.<\/p>\n\n\n\n<p>\u0110o \u0111\u1ea1c ch\u1ec9 s\u1ed1 TTI (Th\u1eddi \u0111i\u1ec3m t\u01b0\u01a1ng t\u00e1c) l\u00e0 quan tr\u1ecdng b\u1edfi v\u00ec m\u1ed9t s\u1ed1 trang c\u00f3 kh\u1ea3 n\u0103ng t\u1ed1i \u01b0u hi\u1ec3n th\u1ecb n\u1ed9i dung t\u1ed1t nh\u01b0ng l\u1ea1i ph\u1ea3i hy sinh kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c. \u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 g\u00e2y b\u1ef1c b\u1ed9i cho tr\u1ea3i nghi\u1ec7m c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, n\u00f3 ki\u1ec3u nh\u01b0 th\u1ebf n\u00e0y: <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>Trang web \u0111\u00e3 hi\u1ec7n ra \u0111\u00e2y r\u1ed3i, nh\u01b0ng khi ng\u01b0\u1eddi d\u00f9ng c\u1ed1 g\u1eafng t\u01b0\u01a1ng t\u00e1c v\u1edbi n\u00f3 th\u00ec kh\u00f4ng c\u00f3 chuy\u1ec7n g\u00ec x\u1ea3y ra c\u1ea3. Nhi\u1ec1u ng\u01b0\u1eddi s\u1ebd th\u1ed1t l\u00ean c\u00e2u \u0110M&#8230;<\/p>\n<\/blockquote>\n\n\n\n<p>Lighthouse tr\u00ecnh b\u00e0y TTI d\u01b0\u1edbi d\u1ea1ng gi\u00e2y \u0111\u1ed3ng h\u1ed3:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/thoi-gian-tuong-tac.png\" alt=\"Th\u1eddi gian t\u01b0\u01a1ng t\u00e1c \/ Time To Interactive (TTI)\" class=\"wp-image-14986\"\/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-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-6577d749d289d\" ><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-6577d749d289d\"  type=\"checkbox\" id=\"item-6577d749d289d\"><\/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\/time-to-interactive-la-gi\/#1_TTI_do_cai_gi\" title=\"#1. TTI \u0111o c\u00e1i g\u00ec?\">#1. TTI \u0111o c\u00e1i g\u00ec?<\/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\/time-to-interactive-la-gi\/#2_Cach_Lighthouse_xac_dinh_chi_so_TTI_cua_ban\" title=\"#2. C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 TTI c\u1ee7a b\u1ea1n\">#2. C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 TTI 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\/time-to-interactive-la-gi\/#3_Lam_the_nao_cai_thien_duoc_diem_so_TTI\" title=\"#3. L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c \u0111i\u1ec3m s\u1ed1 TTI\">#3. L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c \u0111i\u1ec3m s\u1ed1 TTI<\/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\/time-to-interactive-la-gi\/#4_Theo_doi_TTI_tren_cac_thiet_bi_cua_nguoi_dung_thuc\" title=\"#4. Theo d\u00f5i TTI tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u1ef1c\">#4. Theo d\u00f5i TTI 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\/time-to-interactive-la-gi\/#5_Lam_the_nao_cai_thien_duoc_tong_the_diem_so_hieu_suat_cua_ban\" title=\"#5. 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\">#5. 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\"><span class=\"ez-toc-section\" id=\"1_TTI_do_cai_gi\"><\/span>#1. TTI \u0111o c\u00e1i g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>TTI \u0111o kho\u1ea3ng th\u1eddi gian bao l\u00e2u th\u00ec trang c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c <em>\u0111\u1ea7y \u0111\u1ee7<\/em>. M\u1ed9t trang \u0111\u01b0\u1ee3c xem l\u00e0 t\u01b0\u01a1ng t\u00e1c \u0111\u1ea7y \u0111\u1ee7 khi:<\/p>\n\n\n\n<ul>\n<li>Trang hi\u1ec3n th\u1ecb n\u1ed9i dung h\u1eefu \u00edch, c\u00e1i \u0111\u01b0\u1ee3c \u0111o b\u1eb1ng <a href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Contentful Paint<\/a>,<\/li>\n\n\n\n<li>Tr\u00ecnh x\u1eed l\u00fd s\u1ef1 ki\u1ec7n \u0111\u01b0\u1ee3c \u0111\u0103ng k\u00fd cho h\u1ea7u h\u1ebft c\u00e1c y\u1ebfu t\u1ed1 hi\u1ec3n th\u1ecb tr\u00ean trang, v\u00e0<\/li>\n\n\n\n<li>Ph\u1ea3n h\u1ed3i c\u1ee7a trang v\u1edbi c\u00e1c t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng di\u1ec5n ra trong v\u00f2ng 50 mili gi\u00e2y<\/li>\n<\/ul>\n\n\n\n<p class=\"has-background\" style=\"background-color:#dddddd\">L\u01b0u \u00fd: C\u1ea3 First CPU Idle (CPU nh\u00e0n r\u1ed7i \u0111\u1ea7u ti\u00ean) v\u00e0 TTI \u0111\u1ec1u \u0111o kho\u1ea3ng th\u1eddi gian khi trang s\u1eb5n s\u00e0ng cho ng\u01b0\u1eddi d\u00f9ng nh\u1eadp th\u00f4ng tin v\u00e0o. First CPU Idle x\u1ea3y ra khi ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 <em>b\u1eaft \u0111\u1ea7u<\/em> t\u01b0\u01a1ng t\u00e1c v\u1edbi trang; TTI x\u1ea3y ra khi ng\u01b0\u1eddi d\u00f9ng <em>ho\u00e0n to\u00e0n<\/em> c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c v\u1edbi trang. Xem t\u00e0i li\u1ec7u c\u1ee7a Google v\u1ec1 <a href=\"https:\/\/docs.google.com\/document\/d\/1GGiI9-7KeY3TPqS3YT271upUVimo-XiL5mwWorDUD4c\/edit\" target=\"_blank\" rel=\"noreferrer noopener\">T\u01b0\u01a1ng t\u00e1c \u0111\u1ea7u ti\u00ean v\u00e0 t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh<\/a> n\u1ebfu b\u1ea1n mu\u1ed1n t\u00ednh to\u00e1n ch\u00ednh x\u00e1c t\u1eebng ch\u1ec9 s\u1ed1.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Cach_Lighthouse_xac_dinh_chi_so_TTI_cua_ban\"><\/span>#2. C\u00e1ch Lighthouse x\u00e1c \u0111\u1ecbnh ch\u1ec9 s\u1ed1 TTI c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110i\u1ec3m s\u1ed1 TTI l\u00e0 s\u1ef1 so s\u00e1nh \u0111i\u1ec3m s\u1ed1 TTI trang c\u1ee7a b\u1ea1n v\u00e0 TTI cho c\u00e1c trang web th\u1ef1c, d\u1ef1a tr\u00ean <a href=\"https:\/\/httparchive.org\/reports\/loading-speed#ttci\" target=\"_blank\" rel=\"noreferrer noopener\">d\u1eef li\u1ec7u t\u1eeb HTTP Archive<\/a>. L\u1ea5y v\u00ed d\u1ee5, c\u00e1c trang c\u00f3 hi\u1ec7u su\u1ea5t render TTI trong ph\u00e2n v\u1ecb th\u1ee9 99 c\u00f3 gi\u00e1 tr\u1ecb l\u00e0 2,2 gi\u00e2y. N\u1ebfu TTI trang web c\u1ee7a b\u1ea1n l\u00e0 2,2 gi\u00e2y, \u0111i\u1ec3m s\u1ed1 TTI 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 \u0111i\u1ec3m s\u1ed1 TTI c\u1ee7a b\u1ea1n:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>\u0110i\u1ec3m s\u1ed1 TTI (t\u00ednh d\u01b0\u1edbi d\u1ea1ng gi\u00e2y)<\/strong><\/td><td><strong>M\u00e3 m\u00e0u<\/strong><\/td><td><strong>\u0110i\u1ec3m s\u1ed1 TTI (ph\u00e2n v\u1ecb HTTP Archive)<\/strong><\/td><\/tr><tr><td>0-5,2<\/td><td>Xanh (nhanh)<\/td><td>75-100<\/td><\/tr><tr><td>5,3-7,3<\/td><td>Cam (trung b\u00ecnh)<\/td><td>50-74<\/td><\/tr><tr><td>Tr\u00ean 7,3<\/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-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Lam_the_nao_cai_thien_duoc_diem_so_TTI\"><\/span>#3. L\u00e0m th\u1ebf n\u00e0o c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c \u0111i\u1ec3m s\u1ed1 TTI<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>M\u1ed9t trong c\u00e1c c\u1ea3i thi\u1ec7n c\u00f3 th\u1ec3 c\u00f3 \u1ea3nh h\u01b0\u1edfng l\u1edbn l\u00ean TTI l\u00e0 <a href=\"https:\/\/kiencang.net\/tai-javascript-defer-async\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00ec ho\u00e3n (deferring)<\/a> ho\u1eb7c lo\u1ea1i b\u1ecf (removing) c\u00e1c c\u00f4ng vi\u1ec7c kh\u00f4ng c\u1ea7n thi\u1ebft li\u00ean quan \u0111\u1ebfn JavaScript. H\u00e3y nh\u00ecn v\u00e0o c\u00e1c c\u01a1 h\u1ed9i t\u1ed1i \u01b0u h\u00f3a JavaScript c\u1ee7a b\u1ea1n. \u0110\u1eb7c bi\u1ec7t, xem x\u00e9t gi\u1ea3m t\u1ea3i JavaScript b\u1eb1ng c\u00e1ch t\u00e1ch m\u00e3 (code splitting) v\u00e0 \u00e1p d\u1ee5ng m\u1eabu PRPL (Preload-Render-Precache-Lazy load). <a href=\"https:\/\/kiencang.net\/tai-javascript-ben-thu-ba\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed1i \u01b0u h\u00f3a JavaScript c\u1ee7a b\u00ean th\u1ee9 ba<\/a> (hay x\u1ea3y ra v\u1edbi Facebook, YouTube) c\u0169ng mang l\u1ea1i c\u1ea3i ti\u1ebfn \u0111\u00e1ng k\u1ec3 cho m\u1ed9t s\u1ed1 trang.<\/p>\n\n\n\n<p>C\u00f3 hai ki\u1ec3m tra \u0111\u01b0a ra th\u00eam c\u00e1c c\u01a1 h\u1ed9i \u0111\u1ec3 gi\u1ea3m c\u00f4ng vi\u1ec7c c\u1ee7a JavaScript: <\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed1i thi\u1ec3u h\u00f3a lu\u1ed3ng c\u00f4ng vi\u1ec7c ch\u00ednh<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Theo_doi_TTI_tren_cac_thiet_bi_cua_nguoi_dung_thuc\"><\/span>#4. Theo d\u00f5i TTI 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 TTI 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&nbsp;<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 TTI m\u00f4 t\u1ea3 c\u00e1ch truy c\u1eadp d\u1eef li\u1ec7u TTI theo ch\u01b0\u01a1ng tr\u00ecnh v\u00e0 g\u1eedi n\u00f3 l\u00ean Google Analytics. <\/p>\n\n\n\n<p>L\u01b0u \u00fd: TTI c\u00f3 th\u1ec3 kh\u00f3 theo d\u00f5i trong th\u1ef1c t\u1ebf. Theo d\u00f5i <a href=\"https:\/\/kiencang.net\/first-input-delay\/\" target=\"_blank\" rel=\"noreferrer noopener\">FID (First Input Delay)<\/a> c\u00f3 th\u1ec3 l\u00e0 m\u1ed9t trung gian t\u1ed1t cho TTI.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Lam_the_nao_cai_thien_duoc_tong_the_diem_so_hieu_suat_cua_ban\"><\/span>#5. 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 ch\u1ec9 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 c\u1ea3i ti\u1ebfn c\u1ee5 th\u1ec3 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><a href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Contentful Paint l\u00e0 g\u00ec<\/a><\/li>\n\n\n\n<li>Time To Interactive l\u00e0 g\u00ec (b\u00e0i b\u1ea1n \u0111ang \u0111\u1ecdc)<\/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\/tti\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Time to Interactive<\/a>, trang web dev)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time To Interactive (TTI) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i trong khu v\u1ef1c Performance 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 c\u1ee7a t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. \u0110o \u0111\u1ea1c ch\u1ec9 s\u1ed1 TTI (Th\u1eddi \u0111i\u1ec3m t\u01b0\u01a1ng t\u00e1c) l\u00e0 quan tr\u1ecdng b\u1edfi v\u00ec m\u1ed9t s\u1ed1 trang c\u00f3 kh\u1ea3 n\u0103ng &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>Time To Interactive (TTI) 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\/time-to-interactive-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Time To Interactive (TTI) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Time To Interactive (TTI) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i trong khu v\u1ef1c Performance 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 c\u1ee7a t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. \u0110o \u0111\u1ea1c ch\u1ec9 s\u1ed1 TTI (Th\u1eddi \u0111i\u1ec3m t\u01b0\u01a1ng t\u00e1c) l\u00e0 quan tr\u1ecdng b\u1edfi v\u00ec m\u1ed9t s\u1ed1 trang c\u00f3 kh\u1ea3 n\u0103ng &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/time-to-interactive-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-11T04:55:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-23T12:43:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/thoi-gian-tuong-tac.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=\"5 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Time To Interactive (TTI) 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\/time-to-interactive-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"Time To Interactive (TTI) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Time To Interactive (TTI) l\u00e0 m\u1ed9t trong s\u00e1u ch\u1ec9 s\u1ed1 \u0111\u01b0\u1ee3c theo d\u00f5i trong khu v\u1ef1c Performance 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 c\u1ee7a t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. \u0110o \u0111\u1ea1c ch\u1ec9 s\u1ed1 TTI (Th\u1eddi \u0111i\u1ec3m t\u01b0\u01a1ng t\u00e1c) l\u00e0 quan tr\u1ecdng b\u1edfi v\u00ec m\u1ed9t s\u1ed1 trang c\u00f3 kh\u1ea3 n\u0103ng &hellip;","og_url":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-11T04:55:19+00:00","article_modified_time":"2023-07-23T12:43:15+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/thoi-gian-tuong-tac.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":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/","url":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/","name":"Time To Interactive (TTI) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-11T04:55:19+00:00","dateModified":"2023-07-23T12:43:15+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/time-to-interactive-la-gi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/time-to-interactive-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Time To Interactive (TTI) 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\/16855"}],"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=16855"}],"version-history":[{"count":2,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16855\/revisions"}],"predecessor-version":[{"id":24329,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16855\/revisions\/24329"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}