{"id":16862,"date":"2020-03-16T17:24:45","date_gmt":"2020-03-16T10:24:45","guid":{"rendered":"https:\/\/kiencang.net\/?p=15264"},"modified":"2023-07-23T19:42:38","modified_gmt":"2023-07-23T12:42:38","slug":"total-blocking-time-la-gi","status":"publish","type":"post","link":"https:\/\/kiencang.net\/total-blocking-time-la-gi\/","title":{"rendered":"Total Blocking Time (TBT) l\u00e0 g\u00ec?"},"content":{"rendered":"\n<p><strong>Total Blocking Time (TBT)<\/strong> l\u00e0 <a href=\"https:\/\/kiencang.net\/chi-so-hieu-suat-nguoi-dung\/\" target=\"_blank\" rel=\"noreferrer noopener\">ch\u1ec9 s\u1ed1 quan tr\u1ecdng, l\u1ea5y ng\u01b0\u1eddi d\u00f9ng l\u00e0m trung t\u00e2m<\/a>, d\u00f9ng \u0111\u1ec3 \u0111o kh\u1ea3 n\u0103ng \u0111\u00e1p \u1ee9ng t\u1ea3i (load responsiveness), v\u00ec n\u00f3 gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh (reliably interactive)- TBT th\u1ea5p gi\u00fap \u0111\u1ea3m b\u1ea3o trang nhanh ch\u00f3ng s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c.<\/p>\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-6577d749a911c\" ><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-6577d749a911c\"  type=\"checkbox\" id=\"item-6577d749a911c\"><\/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\/total-blocking-time-la-gi\/#1_TBT_la_gi\" title=\"1. TBT l\u00e0 g\u00ec?\">1. TBT l\u00e0 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\/total-blocking-time-la-gi\/#2_TBT_quan_he_voi_TTI_nhu_the_nao\" title=\"2. TBT quan h\u1ec7 v\u1edbi TTI nh\u01b0 th\u1ebf n\u00e0o?\">2. TBT quan h\u1ec7 v\u1edbi TTI nh\u01b0 th\u1ebf n\u00e0o?<\/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\/total-blocking-time-la-gi\/#3_Cach_do_TBT\" title=\"3. C\u00e1ch \u0111o TBT\">3. C\u00e1ch \u0111o TBT<\/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\/total-blocking-time-la-gi\/#4_The_nao_la_chi_so_TBT_tot\" title=\"4. Th\u1ebf n\u00e0o l\u00e0 ch\u1ec9 s\u1ed1 TBT t\u1ed1t?\">4. Th\u1ebf n\u00e0o l\u00e0 ch\u1ec9 s\u1ed1 TBT t\u1ed1t?<\/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\/total-blocking-time-la-gi\/#5_Lam_the_nao_de_cai_thien_TBT\" title=\"5. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 c\u1ea3i thi\u1ec7n TBT\">5. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 c\u1ea3i thi\u1ec7n TBT<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"1-tbt-la-gi\"><span class=\"ez-toc-section\" id=\"1_TBT_la_gi\"><\/span>1. TBT l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u1ec9 s\u1ed1 Total Blocking Time \u0111o t\u1ed5ng l\u01b0\u1ee3ng th\u1eddi gian gi\u1eefa <a href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Contentful Paint (FCP)<\/a> v\u00e0 <a href=\"https:\/\/kiencang.net\/time-to-interactive-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Time To Interactive (TTI)<\/a> khi m\u00e0 lu\u1ed3ng ch\u00ednh (main thread) b\u1ecb ch\u1eb7n \u0111\u1ee7 l\u00e2u \u0111\u1ec3 ng\u0103n c\u00e1c \u0111\u00e1p \u1ee9ng \u0111\u1ea7u v\u00e0o.<\/p>\n\n\n\n<p>Lu\u1ed3ng ch\u00ednh \u0111\u01b0\u1ee3c coi l\u00e0 &#8220;b\u1ecb ch\u1eb7n&#8221; b\u1ea5t c\u1ee9 khi n\u00e0o c\u00f3 m\u1ed9t t\u00e1c v\u1ee5 d\u00e0i (long task)-m\u1ed9t t\u00e1c v\u1ee5 m\u00e0 c\u00f3 th\u1ec3 ch\u1ea1y tr\u00ean lu\u1ed3ng ch\u00ednh nhi\u1ec1u h\u01a1n 50 mili gi\u00e2y (ms). Ch\u00fang t\u00f4i n\u00f3i lu\u1ed3ng ch\u00ednh &#8220;b\u1ecb ch\u1eb7n&#8221; b\u1edfi v\u00ec tr\u00ecnh duy\u1ec7t kh\u00f4ng th\u1ec3 l\u00e0m gi\u00e1n \u0111o\u1ea1n m\u1ed9t t\u00e1c v\u1ee5 \u0111ang \u0111\u01b0\u1ee3c ti\u1ebfn h\u00e0nh. V\u00ec th\u1ebf trong s\u1ef1 ki\u1ec7n m\u00e0 ng\u01b0\u1eddi d\u00f9ng <em>th\u1ef1c hi\u1ec7n<\/em> t\u01b0\u01a1ng t\u00e1c v\u1edbi website v\u00e0o gi\u1eefa th\u1eddi \u0111i\u1ec3m t\u00e1c v\u1ee5 d\u00e0i, tr\u00ecnh duy\u1ec7t ph\u1ea3i \u0111\u1ee3i cho t\u00e1c v\u1ee5 ho\u00e0n th\u00e0nh xong th\u00ec n\u00f3 m\u1edbi c\u00f3 th\u1ec3 ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c.<\/p>\n\n\n\n<p>N\u1ebfu t\u00e1c v\u1ee5 \u0111\u1ee7 d\u00e0i (v\u00ed d\u1ee5 nh\u01b0 b\u1ea5t k\u1ef3 t\u00e1c v\u1ee5 n\u00e0o tr\u00ean 50ms). R\u1ea5t c\u00f3 th\u1ec3 ng\u01b0\u1eddi d\u00f9ng s\u1ebd <em>l\u01b0u \u00fd<\/em> \u0111\u1ebfn s\u1ef1 tr\u00ec ho\u00e3n v\u00e0 <em>nh\u1eadn th\u1ee9c<\/em> \u0111\u01b0\u1ee3c r\u1eb1ng trang \u0111ang b\u1ecb ch\u1eadm.<\/p>\n\n\n\n<p><em>Th\u1eddi gian b\u1ecb ch\u1eb7n (blocking time)<\/em> c\u1ee7a m\u1ed9t t\u00e1c v\u1ee5 d\u00e0i nh\u1ea5t \u0111\u1ecbnh l\u00e0 khi th\u1eddi l\u01b0\u1ee3ng c\u1ee7a n\u00f3 v\u01b0\u1ee3t qu\u00e1 50 ms. V\u00e0 <em>t\u1ed5ng th\u1eddi gian b\u1ecb ch\u1eb7n (TBT)<\/em> cho m\u1ed9t trang l\u00e0 <em>t\u1ed5ng th\u1eddi gian ch\u1eb7n (blocking time)<\/em> cho t\u1eebng t\u00e1c v\u1ee5 d\u00e0i xu\u1ea5t hi\u1ec7n gi\u1eefa FCP v\u00e0 TTI.<\/p>\n\n\n\n<p>V\u00ed d\u1ee5, h\u00e3y xem \u0111\u1ed3 h\u00ecnh d\u01b0\u1edbi \u0111\u00e2y v\u1ec1 lu\u1ed3ng ch\u00ednh c\u1ee7a tr\u00ecnh duy\u1ec7t trong khi trang t\u1ea3i:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/tbt-cac-tac-vu-1024x199.png\" alt=\"c\u00e1c t\u00e1c v\u1ee5 TBT\" class=\"wp-image-15265\"\/><\/figure>\n\n\n\n<p>Timeline (d\u00f2ng th\u1eddi gian) ph\u00eda tr\u00ean c\u00f3 n\u0103m t\u00e1c v\u1ee5, ba trong s\u1ed1 \u0111\u00f3 l\u00e0 t\u00e1c v\u1ee5 d\u00e0i (long task) b\u1edfi v\u00ec th\u1eddi gian c\u1ee7a ch\u00fang k\u00e9o d\u00e0i h\u01a1n 50ms. \u0110\u1ed3 h\u00ecnh ti\u1ebfp theo cho th\u1ea5y th\u1eddi gian b\u1ecb ch\u1eb7n cho t\u1eebng t\u00e1c v\u1ee5 d\u00e0i:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/tbt-thoi-gian-chan-1024x199.png\" alt=\"th\u1eddi gian ch\u1eb7n trong m\u1ed7i t\u00e1c v\u1ee5 d\u00e0i\" class=\"wp-image-15266\"\/><\/figure>\n\n\n\n<p>Trong khi t\u1ed5ng th\u1eddi gian d\u00f9ng \u0111\u1ec3 ch\u1ea1y c\u00e1c t\u00e1c v\u1ee5 trong lu\u1ed3ng ch\u00ednh l\u00e0 560 ms, ch\u1ec9 kho\u1ea3ng th\u1eddi gian 345 ms m\u1edbi b\u1ecb xem l\u00e0 th\u1eddi gian ch\u1eb7n.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td><strong>\u0110\u1ed9 d\u00e0i t\u00e1c v\u1ee5<\/strong><\/td><td><strong>Th\u1eddi gian b\u1ecb ch\u1eb7n c\u1ee7a t\u00e1c v\u1ee5<\/strong> (-50ms)<\/td><\/tr><tr><td>T\u00e1c v\u1ee5 m\u1ed9t<\/td><td>250 ms<\/td><td>200 ms<\/td><\/tr><tr><td>T\u00e1c v\u1ee5 hai<\/td><td>90 ms<\/td><td>40 ms<\/td><\/tr><tr><td>T\u00e1c v\u1ee5 ba<\/td><td>35 ms<\/td><td>0 ms<\/td><\/tr><tr><td>T\u00e1c v\u1ee5 b\u1ed1n<\/td><td>30 ms<\/td><td>0 ms<\/td><\/tr><tr><td>T\u00e1c v\u1ee5 n\u0103m<\/td><td>155 ms<\/td><td>105 ms<\/td><\/tr><tr><td><strong>Total Blocking Time<\/strong><\/td><td><\/td><td><strong>345 ms<\/strong><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Th\u00ed d\u1ee5 v\u1ec1 t\u1ed5ng th\u1eddi gian ch\u1eb7n<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-tbt-quan-h\u1ec7-v\u1edbi-tti-nh\u01b0-th\u1ebf-nao\"><span class=\"ez-toc-section\" id=\"2_TBT_quan_he_voi_TTI_nhu_the_nao\"><\/span>2. TBT quan h\u1ec7 v\u1edbi TTI nh\u01b0 th\u1ebf n\u00e0o?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u1ec9 s\u1ed1 TBT l\u00e0 ng\u01b0\u1eddi b\u1ea1n \u0111\u1ed3ng h\u00e0nh tuy\u1ec7t v\u1eddi c\u1ee7a TTI, v\u00ec n\u00f3 gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb m\u1ed9t trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c (non-interactive) \u0111\u1ebfn khi n\u00f3 c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh (reliably interactive).<\/p>\n\n\n\n<p>TTI xem x\u00e9t m\u1ed9t trang l\u00e0 &#8220;t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh&#8221; n\u1ebfu lu\u1ed3ng ch\u00ednh kh\u00f4ng ph\u1ea3i g\u00e1nh t\u00e1c v\u1ee5 d\u00e0i n\u00e0o trong kho\u1ea3ng th\u1eddi gian \u00edt nh\u1ea5t 5 gi\u00e2y. \u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u1ebfu c\u00f3 ba t\u00e1c v\u1ee5 51 ms tr\u1ea3i d\u00e0i qua 10 gi\u00e2y c\u00f3 th\u1ec3 cho TTI t\u01b0\u01a1ng \u0111\u01b0\u01a1ng m\u1ed9t t\u00e1c v\u1ee5 k\u00e9o d\u00e0i 10 gi\u00e2y-nh\u01b0ng hai k\u1ecbch b\u1ea3n n\u00e0y s\u1ebd cho c\u1ea3m gi\u00e1c r\u1ea5t kh\u00e1c bi\u1ec7t khi ng\u01b0\u1eddi d\u00f9ng c\u1ed1 g\u1eafng t\u01b0\u01a1ng t\u00e1c v\u1edbi trang.<\/p>\n\n\n\n<p>Trong tr\u01b0\u1eddng h\u1ee3p \u0111\u1ea7u ti\u00ean v\u1edbi ba t\u00e1c v\u1ee5 51 ms c\u00f3 TBT ch\u1ec9 <strong>3 ms<\/strong>. Trong khi c\u00e1i c\u00f2n l\u1ea1i, c\u00f3 duy nh\u1ea5t m\u1ed9t t\u00e1c v\u1ee5 k\u00e9o d\u00e0i 10 gi\u00e2y s\u1ebd c\u00f3 TBT l\u00e0 <strong>9950 ms<\/strong>. Gi\u00e1 tr\u1ecb TBT l\u1edbn h\u01a1n trong tr\u01b0\u1eddng h\u1ee3p th\u1ee9 hai \u0111\u1ecbnh l\u01b0\u1ee3ng tr\u1ea3i nghi\u1ec7m k\u00e9m h\u01a1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-cach-do-tbt\"><span class=\"ez-toc-section\" id=\"3_Cach_do_TBT\"><\/span>3. C\u00e1ch \u0111o TBT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>TBT l\u00e0 ch\u1ec9 s\u1ed1 ph\u1ea3i \u0111\u01b0\u1ee3c \u0111o trong m\u00f4i tr\u01b0\u1eddng th\u1eed nghi\u1ec7m. C\u00e1ch t\u1ed1t nh\u1ea5t \u0111\u1ec3 \u0111o TBT l\u00e0 ch\u1ea1y ki\u1ec3m tra hi\u1ec7u su\u1ea5t Lighthouse tr\u00ean trang c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#dddddd\"><strong>L\u01b0u \u00fd<\/strong>: Trong khi b\u1ea1n c\u00f3 th\u1ec3 \u0111o \u0111\u01b0\u1ee3c TBT trong <a href=\"https:\/\/kiencang.net\/chi-so-hieu-suat-nguoi-dung\/#Cac_chi_so_duoc_do_luong_nhu_the_nao\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00f4i tr\u01b0\u1eddng t\u1ef1 nhi\u00ean<\/a>, n\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c khuy\u1ebfn kh\u00edch v\u00ec t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn TBT c\u1ee7a trang theo c\u00e1ch th\u1ee9c c\u00f3 th\u1ec3 d\u1eabn \u0111\u1ebfn r\u1ea5t nhi\u1ec1u bi\u1ebfn th\u1ec3 trong b\u00e1o c\u00e1o c\u1ee7a b\u1ea1n. \u0110\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n s\u1ef1 t\u01b0\u01a1ng t\u00e1c c\u1ee7a trang trong m\u00f4i tr\u01b0\u1eddng t\u1ef1 nhi\u00ean, b\u1ea1n ph\u1ea3i \u0111o <a href=\"https:\/\/kiencang.net\/first-input-delay\/\" target=\"_blank\" rel=\"noreferrer noopener\">First Input Delay (FID)<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-th\u1ebf-nao-la-ch\u1ec9-s\u1ed1-tbt-t\u1ed1t\"><span class=\"ez-toc-section\" id=\"4_The_nao_la_chi_so_TBT_tot\"><\/span>4. Th\u1ebf n\u00e0o l\u00e0 ch\u1ec9 s\u1ed1 TBT t\u1ed1t?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 cung c\u1ea5p tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t, c\u00e1c trang ph\u1ea3i c\u1ed1 g\u1eafng ph\u1ea5n \u0111\u1ea5u c\u00f3 \u0111\u01b0\u1ee3c Total Blocking Time \u00edt h\u01a1n <strong>300 mili gi\u00e2y<\/strong> khi ki\u1ec3m tra tr\u00ean <strong>thi\u1ebft b\u1ecb di \u0111\u1ed9ng c\u00f3 ph\u1ea7n c\u1ee9ng trung b\u00ecnh<\/strong>.<\/p>\n\n\n\n<p>\u0110\u1ec3 bi\u1ebft chi ti\u1ebft c\u00e1ch TBT c\u1ee7a trang \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn \u0111i\u1ec3m s\u1ed1 hi\u1ec7u su\u1ea5t Lighthouse c\u1ee7a b\u1ea1n, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm \u0111\u1ecdc b\u00e0i vi\u1ebft v\u1ec1 ch\u1ee7 \u0111\u1ec1 \u0111\u00f3 (c\u00f3 th\u1ec3 t\u00f4i s\u1ebd d\u1ecbch sau).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-lam-th\u1ebf-nao-d\u1ec3-c\u1ea3i-thi\u1ec7n-tbt\"><span class=\"ez-toc-section\" id=\"5_Lam_the_nao_de_cai_thien_TBT\"><\/span>5. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 c\u1ea3i thi\u1ec7n TBT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 h\u1ecdc c\u00e1ch c\u1ea3i thi\u1ec7n TBT cho m\u1ed9t trang c\u1ee5 th\u1ec3, b\u1ea1n c\u00f3 th\u1ec3 ch\u1ea1y tr\u00ecnh ki\u1ec3m tra hi\u1ec7u su\u1ea5t c\u1ee7a Lighthouse v\u00e0 \u0111\u1eb7t s\u1ef1 ch\u00fa \u00fd v\u00e0o b\u1ea5t k\u1ef3 c\u01a1 h\u1ed9i c\u1ee5 th\u1ec3 n\u00e0o m\u00e0 ch\u01b0\u01a1ng tr\u00ecnh ki\u1ec3m tra g\u1ee3i \u00fd.<\/p>\n\n\n\n<p>N\u00f3i chung \u0111\u1ec3 c\u1ea3i thi\u1ec7n TBT (cho b\u1ea5t k\u1ef3 trang n\u00e0o), h\u00e3y tham kh\u1ea3o c\u00e1c h\u01b0\u1edbng d\u1eabn v\u1ec1 hi\u1ec7u su\u1ea5t sau:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/tai-javascript-ben-thu-ba\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gi\u1ea3m \u1ea3nh h\u01b0\u1edfng c\u1ee7a \u0111o\u1ea1n m\u00e3 b\u00ean th\u1ee9 ba<\/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\n\n\n<li><a href=\"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed1i thi\u1ec3u h\u00f3a c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/tom-tat-tai-nguyen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gi\u1eef s\u1ed1 l\u01b0\u1ee3ng c\u00e1c y\u00eau th\u1ea5p v\u00e0 d\u1eef li\u1ec7u t\u1ea3i v\u1ec1 c\u00f3 k\u00edch c\u1ee1 nh\u1ecf h\u01a1n<\/a>;<\/li>\n<\/ul>\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>Total Blocking Time l\u00e0 g\u00ec (b\u00e0i b\u1ea1n \u0111ang \u0111\u1ecdc);<\/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><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\/tbt\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Total Blocking Time (TBT)<\/a>, t\u00e1c gi\u1ea3: Philip Walton, website: web dev)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Total Blocking Time (TBT) l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, l\u1ea5y ng\u01b0\u1eddi d\u00f9ng l\u00e0m trung t\u00e2m, d\u00f9ng \u0111\u1ec3 \u0111o kh\u1ea3 n\u0103ng \u0111\u00e1p \u1ee9ng t\u1ea3i (load responsiveness), v\u00ec n\u00f3 gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n &hellip;<\/p>\n","protected":false},"author":1,"featured_media":21377,"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>Total Blocking Time (TBT) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"description\" content=\"Total Blocking Time l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh.\" \/>\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\/total-blocking-time-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Total Blocking Time (TBT) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Total Blocking Time l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/total-blocking-time-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-16T10:24:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-23T12:42:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/Total-blocking-time.png\" \/>\n\t<meta property=\"og:image:width\" content=\"544\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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":"Total Blocking Time (TBT) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","description":"Total Blocking Time l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh.","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\/total-blocking-time-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"Total Blocking Time (TBT) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Total Blocking Time l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh.","og_url":"https:\/\/kiencang.net\/total-blocking-time-la-gi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-16T10:24:45+00:00","article_modified_time":"2023-07-23T12:42:38+00:00","og_image":[{"width":544,"height":640,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/Total-blocking-time.png","type":"image\/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\/total-blocking-time-la-gi\/","url":"https:\/\/kiencang.net\/total-blocking-time-la-gi\/","name":"Total Blocking Time (TBT) l\u00e0 g\u00ec? &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-16T10:24:45+00:00","dateModified":"2023-07-23T12:42:38+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"description":"Total Blocking Time l\u00e0 ch\u1ec9 s\u1ed1 quan tr\u1ecdng, gi\u00fap \u0111\u1ecbnh l\u01b0\u1ee3ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a kho\u1ea3ng th\u1eddi gian t\u1eeb khi trang kh\u00f4ng c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u0111\u1ebfn khi c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c \u1ed5n \u0111\u1ecbnh.","breadcrumb":{"@id":"https:\/\/kiencang.net\/total-blocking-time-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/total-blocking-time-la-gi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/total-blocking-time-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Total Blocking Time (TBT) 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\/16862"}],"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=16862"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16862\/revisions"}],"predecessor-version":[{"id":24328,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16862\/revisions\/24328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/21377"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}