{"id":11651,"date":"2021-12-11T08:35:00","date_gmt":"2021-12-11T01:35:00","guid":{"rendered":"https:\/\/www.ducanhplus.com\/?p=11651"},"modified":"2021-12-11T08:35:00","modified_gmt":"2021-12-11T01:35:00","slug":"duong-dan-hien-thi-trang-quan-trong","status":"publish","type":"post","link":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/","title":{"rendered":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website"},"content":{"rendered":"\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-6577d656ab5e1\" ><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-6577d656ab5e1\"  type=\"checkbox\" id=\"item-6577d656ab5e1\"><\/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\/duong-dan-hien-thi-trang-quan-trong\/#Tuyen_hien_thi_quan_trong_la_gi\" title=\"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 g\u00ec?\">Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng 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\/duong-dan-hien-thi-trang-quan-trong\/#Tuyen_hien_thi_quan_trong_co_the_lam_duoc_dieu_rat_ky_dieu%E2%80%A6\" title=\"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u r\u1ea5t k\u1ef3 di\u1ec7u&#8230;\">Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u r\u1ea5t k\u1ef3 di\u1ec7u&#8230;<\/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\/duong-dan-hien-thi-trang-quan-trong\/#Toi_uu_hoa_Tuyen_hien_thi_quan_trong\" title=\"T\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng\">T\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng<\/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\/duong-dan-hien-thi-trang-quan-trong\/#Duong_dan_Path\" title=\"\u0110\u01b0\u1eddng d\u1eabn \/ Path\">\u0110\u01b0\u1eddng d\u1eabn \/ Path<\/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\/duong-dan-hien-thi-trang-quan-trong\/#Dieu_nay_co_nghia_la_tuyen_hien_thi_cua_ban_trong_giong_nhu_mot_dong_lon_xon_rat_lon\" title=\"\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0&nbsp;tuy\u1ebfn hi\u1ec3n th\u1ecb c\u1ee7a b\u1ea1n tr\u00f4ng gi\u1ed1ng nh\u01b0 m\u1ed9t \u0111\u1ed1ng l\u1ed9n x\u1ed9n r\u1ea5t l\u1edbn\">\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0&nbsp;tuy\u1ebfn hi\u1ec3n th\u1ecb c\u1ee7a b\u1ea1n tr\u00f4ng gi\u1ed1ng nh\u01b0 m\u1ed9t \u0111\u1ed1ng l\u1ed9n x\u1ed9n r\u1ea5t l\u1edbn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Render_Xuat_trang_Hien_thi_trang\" title=\"Render \/ Xu\u1ea5t trang \/ Hi\u1ec3n th\u1ecb trang\">Render \/ Xu\u1ea5t trang \/ Hi\u1ec3n th\u1ecb trang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Quan_trong_Critical\" title=\"Quan tr\u1ecdng \/ Critical\">Quan tr\u1ecdng \/ Critical<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Dieu_nay_duoc_thuc_hien_nhu_the_nao_vay\" title=\"\u0110i\u1ec1u n\u00e0y \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nh\u01b0 th\u1ebf n\u00e0o v\u1eady?\">\u0110i\u1ec1u n\u00e0y \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nh\u01b0 th\u1ebf n\u00e0o v\u1eady?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Toi_uu_hoa_cho_Tuyen_hien_thi\" title=\"T\u1ed1i \u01b0u h\u00f3a cho Tuy\u1ebfn hi\u1ec3n th\u1ecb\">T\u1ed1i \u01b0u h\u00f3a cho Tuy\u1ebfn hi\u1ec3n th\u1ecb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Vi_du\" title=\"V\u00ed d\u1ee5\">V\u00ed d\u1ee5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Hieu_ve_bien_phap_do_luong_toc_do_trang\" title=\"Hi\u1ec3u v\u1ec1 bi\u1ec7n ph\u00e1p \u0111o l\u01b0\u1eddng t\u1ed1c \u0111\u1ed9 trang\">Hi\u1ec3u v\u1ec1 bi\u1ec7n ph\u00e1p \u0111o l\u01b0\u1eddng t\u1ed1c \u0111\u1ed9 trang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Mot_vi_du_thuc_te_ve_toi_uu_hoa_Tuyen_hien_thi_quan_trong\" title=\"M\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf v\u1ec1 t\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng\">M\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf v\u1ec1 t\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Phien_ban_chua_duoc_toi_uu_hoa_cua_trang_nay\" title=\"Phi\u00ean b\u1ea3n ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a c\u1ee7a trang n\u00e0y\">Phi\u00ean b\u1ea3n ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a c\u1ee7a trang n\u00e0y<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Phien_ban_duoc_toi_uu_cua_trang_nay\" title=\"Phi\u00ean b\u1ea3n \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ee7a trang n\u00e0y\">Phi\u00ean b\u1ea3n \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ee7a trang n\u00e0y<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Lam_the_nao_toi_kiem_tra_duoc_trang_web_cua_minh\" title=\"L\u00e0m th\u1ebf n\u00e0o t\u00f4i ki\u1ec3m tra \u0111\u01b0\u1ee3c trang web c\u1ee7a m\u00ecnh?\">L\u00e0m th\u1ebf n\u00e0o t\u00f4i ki\u1ec3m tra \u0111\u01b0\u1ee3c trang web c\u1ee7a m\u00ecnh?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Cac_phan_viec_toi_uu_hoa_ma_toi_da_thuc_hien\" title=\"C\u00e1c ph\u1ea7n vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a m\u00e0 t\u00f4i \u0111\u00e3 th\u1ef1c hi\u1ec7n\">C\u00e1c ph\u1ea7n vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a m\u00e0 t\u00f4i \u0111\u00e3 th\u1ef1c hi\u1ec7n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#CSSOM\" title=\"CSSOM\">CSSOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#Cac_diem_mau_chot\" title=\"C\u00e1c \u0111i\u1ec3m m\u1ea5u ch\u1ed1t\">C\u00e1c \u0111i\u1ec3m m\u1ea5u ch\u1ed1t<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tuyen_hien_thi_quan_trong_la_gi\"><\/span>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<ul><li>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng (critical rendering path) l\u00e0 m\u1ed9t chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n ph\u1ea3i di\u1ec5n ra \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean (initial view\/<a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>) c\u1ee7a trang web.<\/li><li>V\u00ed d\u1ee5: t\u1ea3i HTML &gt; t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean v\u1ec1 &gt; ph\u00e2n t\u00edch c\u00fa ph\u00e1p (parse) &gt; hi\u1ec3n th\u1ecb trang web (xem th\u00eam: <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00e1ch trang web t\u1ea3i v\u1ec1 v\u00e0 hi\u1ec3n th\u1ecb<\/a>)<\/li><\/ul>\n\n\n<p>T\u1ed1i \u01b0u nh\u1eefng s\u1ef1 ki\u1ec7n n\u00e0y \u0111em l\u1ea1i <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">k\u1ebft qu\u1ea3 t\u0103ng t\u1ed1c website \u0111\u00e1ng k\u1ec3<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/duong-dan-render-quan-trong.png\" alt=\"tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng\" class=\"wp-image-11652\"\/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tuyen_hien_thi_quan_trong_co_the_lam_duoc_dieu_rat_ky_dieu%E2%80%A6\"><\/span>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u r\u1ea5t k\u1ef3 di\u1ec7u&#8230;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>N\u00f3 cho b\u1ea1n kh\u1ea3 n\u0103ng bi\u1ebfn c\u00e1c trang web l\u1edbn v\u1edbi nhi\u1ec1u t\u00e0i nguy\u00ean n\u1eb7ng n\u1ec1 t\u1ea3i nhanh h\u01a1n, ngay c\u1ea3 khi so s\u00e1nh v\u1edbi m\u1ed9t trang nh\u1ecf v\u1edbi \u00edt t\u00e0i nguy\u00ean h\u01a1n! T\u00f4i th\u1ef1c s\u1ef1 th\u00edch \u0111i\u1ec1u n\u00e0y.<\/p>\n\n\n<p>V\u00ec h\u1ea7u h\u1ebft c\u00e1c trang web \u0111\u1ec1u c\u00f3 nhi\u1ec1u th\u00e0nh ph\u1ea7n kh\u00e1c nhau, n\u00ean kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 lo\u1ea1i b\u1ecf m\u1ecdi th\u1ee9 \u0111\u1ec3 l\u00e0m trang web t\u1ea3i nhanh h\u01a1n \u0111\u01b0\u1ee3c.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n c\u00f3 l\u1ea7n n\u00e0o \u0111\u1ea5y t\u1ef1 h\u1ecfi &#8220;T\u00f4i c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u g\u00ec n\u1eefa \u0111\u1ec3 l\u00e0m trang web t\u1ea3i nhanh h\u01a1n kh\u00f4ng?&#8221; ho\u1eb7c &#8220;Google hy v\u1ecdng c\u00e1c trang t\u1ea3i xong trong m\u1ed9t gi\u00e2y nh\u01b0 th\u1ebf n\u00e0o?&#8221; th\u1ebf th\u00ec kh\u00e1i ni\u1ec7m tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 d\u00e0nh cho b\u1ea1n \u0111\u1ea5y.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Toi_uu_hoa_Tuyen_hien_thi_quan_trong\"><\/span>T\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/duong-dan-render.png\" alt=\"tuy\u1ebfn hi\u1ec3n th\u1ecb\" class=\"wp-image-11653\"\/><\/figure><\/div>\n\n\n<p>\u0110\u1ec3 cho r\u00f5 r\u00e0ng, ch\u00fang ta s\u1ebd th\u1ed1ng nh\u1ea5t \u0111\u1ecbnh ngh\u0129a c\u1ee7a m\u1ed9t s\u1ed1 th\u1ee9 sau:<\/p>\n\n\n<ul><li>Quan tr\u1ecdng \/ Critical &#8211; C\u1ef1c k\u1ef3 c\u1ea7n thi\u1ebft;<\/li><li>Hi\u1ec3n th\u1ecb \/ Render &#8211; Trong tr\u01b0\u1eddng h\u1ee3p c\u1ee7a ch\u00fang ta trang web &#8220;\u0111\u00e3 \u0111\u01b0\u1ee3c render&#8221; khi n\u00f3 hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi duy\u1ec7t web;<\/li><li>\u0110\u01b0\u1eddng d\u1eabn \/ Path &#8211; Chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n d\u1eabn \u0111\u1ebfn trang web c\u1ee7a ch\u00fang ta \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t;<\/li><li>Giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean \/ Initial view &#8211; c\u00f2n \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn v\u1edbi t\u00ean &#8220;m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean \/ ph\u00eda tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold \/ above the fold&#8221;, giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean l\u00e0 ph\u1ea7n hi\u1ec3n th\u1ecb c\u1ee7a trang web m\u00e0 ng\u01b0\u1eddi d\u00f9ng th\u1ea5y- tr\u01b0\u1edbc khi c\u00f3 b\u1ea5t k\u1ef3 h\u00e0nh \u0111\u1ed9ng cu\u1ed9n chu\u1ed9t (ho\u1eb7c &#8220;vu\u1ed1t vu\u1ed1t&#8221;) n\u00e0o.<\/li><\/ul>\n\n\n<p>N\u00f3i c\u00e1ch kh\u00e1c&nbsp;tuy\u1ebfn hi\u1ec3n th\u1ecb l\u00e0 m\u1ed9t chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n x\u1ea3y ra \u0111\u1ec3 l\u00e0m trang web c\u1ee7a b\u1ea1n hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t.<\/p>\n\n\n<p>V\u00ec h\u1ea7u nh\u01b0 m\u1ecdi trang web trong th\u1ebf gi\u1edbi internet \u0111\u1ec1u th\u1ef1c hi\u1ec7n c\u00e1c b\u01b0\u1edbc kh\u00f4ng c\u1ea7n thi\u1ebft \u0111\u1ec3 render trang n\u00ean \u0111\u00e2y l\u00e0 n\u01a1i b\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng v\u00e0 th\u1ef1c s\u1ef1 c\u00f3 \u00fd ngh\u0129a.<\/p>\n\n\n<p>T\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n gi\u1ea3m v\u00e0i gi\u00e2y th\u1eddi gian t\u1ea3i trang web! N\u00f3 th\u1ef1c s\u1ef1 l\u00e0 con \u0111\u01b0\u1eddng nhanh nh\u1ea5t \u0111\u1ec3 l\u00e0m trang web c\u00f3 t\u1ed1c \u0111\u1ed9 t\u1ed1t h\u01a1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Duong_dan_Path\"><\/span>\u0110\u01b0\u1eddng d\u1eabn \/ Path<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/thu-tu-duong-dan.png\" alt=\"th\u1ee9 t\u1ef1 \u0111\u01b0\u1eddng d\u1eabn\" class=\"wp-image-11654\"\/><\/figure><\/div>\n\n\n<p>\u0110\u1ec3 hi\u1ec3n th\u1ecb trang web, tr\u00ecnh duy\u1ec7t ph\u1ea3i nh\u1eadn \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 c\u00e1c t\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c g\u1ecdi b\u1edfi trang web \u0111\u00f3. M\u1ed9t v\u00ed d\u1ee5 \u0111\u01a1n gi\u1ea3n s\u1ebd l\u00e0 trang web c\u00f3 m\u1ed9t \u1ea3nh, m\u1ed9t file CSS v\u00e0 m\u1ed9t file JavaScript.<\/p>\n\n\n<p>H\u00e3y c\u00f9ng nh\u00ecn v\u00e0o \u0111\u01b0\u1eddng d\u1eabn m\u00e0 trang n\u00e0y ph\u1ea3i \u0111i tr\u01b0\u1edbc khi n\u00f3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb&#8230;<\/p>\n\n\n<ol><li>Tr\u00ecnh duy\u1ec7t t\u1ea3i t\u1ec7p HTML v\u1ec1;<\/li><li>Tr\u00ecnh duy\u1ec7t \u0111\u1ecdc t\u1ec7p HTML v\u00e0 th\u1ea5y n\u00f3 c\u00f3 m\u1ed9t file CSS, m\u1ed9t file JavaScript v\u00e0 m\u1ed9t \u1ea3nh;<\/li><li>Tr\u00ecnh duy\u1ec7t b\u1eaft \u0111\u1ea7u t\u1ea3i \u1ea3nh;<\/li><li>Tr\u00ecnh duy\u1ec7t quy\u1ebft \u0111\u1ecbnh l\u00e0 n\u00f3 kh\u00f4ng th\u1ec3 hi\u1ec3n th\u1ecb trang web khi m\u00e0 v\u1eabn ch\u01b0a c\u00f3 CSS v\u00e0 JavaScript;<\/li><li>Tr\u00ecnh duy\u1ec7t t\u1ea3i file CSS v\u00e0 \u0111\u1ecdc n\u00f3 \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng kh\u00f4ng c\u00f3 th\u1ee9 g\u00ec kh\u00e1c \u0111\u01b0\u1ee3c g\u1ecdi;<\/li><li>Tr\u00ecnh duy\u1ec7t v\u1eabn quy\u1ebft \u0111\u1ecbnh r\u1eb1ng n\u00f3 kh\u00f4ng th\u1ec3 hi\u1ec3n th\u1ecb trang web cho \u0111\u1ebfn khi n\u00f3 c\u00f3 JavaScript;<\/li><li>Tr\u00ecnh duy\u1ec7t t\u1ea3i file JavaScript v\u1ec1 v\u00e0 \u0111\u1ecdc n\u00f3 \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng kh\u00f4ng c\u00f3 th\u1ee9 g\u00ec kh\u00e1c \u0111\u01b0\u1ee3c g\u1ecdi;<\/li><li>Gi\u1edd th\u00ec tr\u00ecnh duy\u1ec7t quy\u1ebft \u0111\u1ecbnh hi\u1ec3n th\u1ecb trang web.<\/li><\/ol>\n\n\n<p>\u0110\u01b0\u1eddng d\u1eabn \u1edf tr\u00ean l\u00e0 c\u1ee7a m\u1ed9t trang web v\u00f4 c\u00f9ng \u0111\u01a1n gi\u1ea3n, b\u00e2y gi\u1edd h\u00e3y th\u1eed t\u01b0\u1edfng t\u01b0\u1ee3ng \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a b\u1ea1n tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o.<\/p>\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 c\u00f3 c\u00e1c n\u00fat b\u1ea5m m\u1ea1ng x\u00e3 h\u1ed9i, m\u1ed9t v\u00e0i file CSS, m\u1ed9t v\u00e0i file JavaScript, nhi\u1ec1u \u1ea3nh, widget, v\u00e0 c\u0169ng c\u00f3 th\u1ec3 k\u00e8m th\u00eam c\u1ea3 audio v\u00e0 video n\u1eefa.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dieu_nay_co_nghia_la_tuyen_hien_thi_cua_ban_trong_giong_nhu_mot_dong_lon_xon_rat_lon\"><\/span>\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0&nbsp;tuy\u1ebfn hi\u1ec3n th\u1ecb c\u1ee7a b\u1ea1n tr\u00f4ng gi\u1ed1ng nh\u01b0 m\u1ed9t \u0111\u1ed1ng l\u1ed9n x\u1ed9n r\u1ea5t l\u1edbn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/render-lon-xon.png\" alt=\"\u0111\u01b0\u1eddng d\u1eabn render l\u1ed9n x\u1ed9n\" class=\"wp-image-11655\"\/><\/figure><\/div>\n\n\n<p>H\u1ea7u h\u1ebft c\u00e1c trang web c\u00f3 Tuy\u1ebfn hi\u1ec3n th\u1ecb r\u1ea5t t\u1ec7 h\u1ea1i, l\u00fd do l\u00e0 v\u00ec h\u1ecd <strong>g\u1ecdi r\u1ea5t nhi\u1ec1u th\u1ee9 m\u00e0 tr\u00ecnh duy\u1ec7t b\u1eaft bu\u1ed9c ph\u1ea3i t\u1ea3i tr\u01b0\u1edbc khi trang web c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb<\/strong>.<\/p>\n\n\n<p>\u0110\u00e2y s\u1ebd l\u00e0 l\u1ee3i th\u1ebf c\u1ee7a b\u1ea1n so v\u1edbi nh\u1eefng ng\u01b0\u1eddi kh\u00e1c! N\u1ebfu b\u1ea1n t\u1ea1o ra \u0111\u01b0\u1ee3c trang web nhanh h\u01a1n so v\u1edbi c\u00e1c \u0111\u1ed1i th\u1ee7, b\u1ea1n s\u1ebd khi\u1ebfn ng\u01b0\u1eddi truy c\u1eadp c\u1ea3m th\u1ea5y vui v\u1ebb (l\u1ee3i th\u1ebf xo\u00e1y v\u00f2ng n\u1eefa l\u00e0 <a href=\"https:\/\/kiencang.net\/yeu-to-xep-hang-cua-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm r\u1ea5t th\u00edch \u0111i\u1ec1u n\u00e0y<\/a>).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Render_Xuat_trang_Hien_thi_trang\"><\/span>Render \/ Xu\u1ea5t trang \/ Hi\u1ec3n th\u1ecb trang<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/render-trang.png\" alt=\"render trang \/ xu\u1ea5t trang \/ hi\u1ec3n th\u1ecb trang\" class=\"wp-image-11656\"\/><\/figure><\/div>\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 ki\u1ec3u t\u00e0i nguy\u00ean nh\u1ea5t \u0111\u1ecbnh m\u00e0 website g\u1ecdi \u0111ang th\u1ef1c s\u1ef1 ch\u1eb7n hi\u1ec3n th\u1ecb trang web. Hai th\u1ee9 ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 <a href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c file CSS<\/a> v\u00e0 c\u00e1c <a href=\"https:\/\/kiencang.net\/javascript-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">file JavaScript<\/a>.<\/p>\n\n\n<p>Kh\u00f4ng th\u00e0nh v\u1ea5n \u0111\u1ec1 l\u00e0 b\u1ea1n c\u00f3 bao nhi\u00eau file, tr\u00ecnh duy\u1ec7t c\u1ee7a ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i t\u1ea3i xu\u1ed1ng v\u00e0 ph\u00e2n t\u00edch c\u00fa ph\u00e1p c\u1ee7a t\u1eebng file m\u1ed9t tr\u01b0\u1edbc khi n\u00f3 c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb b\u1ea5t k\u1ef3 \u0111i\u1ec1u g\u00ec cho ng\u01b0\u1eddi duy\u1ec7t web. H\u00e3y xem x\u00e9t m\u1ed9t k\u1ecbch b\u1ea3n r\u1ea5t ph\u1ed5 bi\u1ebfn sau.<\/p>\n\n\n<p>C\u00e1c blog WordPress s\u1eed d\u1ee5ng theme (giao di\u1ec7n). H\u1ea7u h\u1ebft m\u1ecdi theme WordPress \u0111\u1ec1u c\u00f3 m\u1ed9t v\u00e0i file CSS.<\/p>\n\n\n<p>Nhi\u1ec1u c\u00e1i c\u00f3 s\u00e1u ho\u1eb7c b\u1ea3y file CSS (\u0111\u00e2y l\u00e0 l\u00fd do t\u1ea1i sao pagespeed l\u1ea1i c\u00f3 h\u01b0\u1edbng d\u1eabn g\u1ed9p c\u00e1c file CSS b\u00ean ngo\u00e0i\/external). T\u1ea5t c\u1ea3 c\u00e1c CSS \u0111\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o trong m\u1ed9t t\u1ec7p, nh\u01b0ng khi b\u1ea1n s\u1eed d\u1ee5ng m\u1ed9t giao di\u1ec7n, th\u1ef1c t\u1ebf l\u00e0 n\u00f3 c\u00f3 v\u00e0i file CSS. V\u00ec th\u1ebf tr\u01b0\u1edbc khi blog c\u1ee7a b\u1ea1n c\u00f3 kh\u1ea3 n\u0103ng hi\u1ec3n th\u1ecb ch\u1ec9 m\u1ed9t k\u00fd t\u1ef1 th\u00f4i, tr\u00ecnh duy\u1ec7t ph\u1ea3i t\u1ea3i v\u00e0 ph\u00e2n t\u00edch (\u0111\u1ecdc) t\u1eebng file n\u00e0y, \u0111i\u1ec1u \u0111\u00f3 c\u00f3 ngh\u0129a l\u00e0 c\u00f3 s\u00e1u ho\u1eb7c b\u1ea3y v\u00f2ng t\u1edbi m\u00e1y ch\u1ee7 ch\u1ec9 \u0111\u1ec3 b\u1eaft \u0111\u1ea7u reder trang. \u0110i\u1ec1u n\u00e0y \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn v\u1edbi thu\u1eadt ng\u1eef <a href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS ch\u1eb7n hi\u1ec3n th\u1ecb<\/a>.<\/p>\n\n\n<p>Trong khi chuy\u1ec7n n\u00e0y di\u1ec5n ra, ng\u01b0\u1eddi duy\u1ec7t web nh\u00ecn ch\u1eb1m ch\u1eb1m v\u00e0o m\u00e0n h\u00ecnh tr\u1ed1ng b\u1edfi v\u00ec kh\u00f4ng c\u00f3 th\u1ee9 g\u00ec \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb cho h\u1ecd cho \u0111\u1ebfn khi nh\u1eefng b\u01b0\u1edbc &#8220;quan tr\u1ecdng&#8221; \u0111\u01b0\u1ee3c ho\u00e0n th\u00e0nh xong.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/qua-nhieu-tep.png\" alt=\"qu\u00e1 nhi\u1ec1u t\u1ec7p c\u1ea7n t\u1ea3i m\u1edbi render \u0111\u01b0\u1ee3c trang\" class=\"wp-image-11657\"\/><\/figure><\/div>\n\n\n<p>Nh\u01b0ng th\u1eadm ch\u00ed sau khi CSS c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c t\u1ea3i xong, trang blog c\u0169ng ch\u01b0a th\u1ec3 render b\u1edfi v\u00ec theme WordPress c\u0169ng c\u1ea7n ph\u1ea3i c\u00f3 m\u1ed9t s\u1ed1 file JavaScript n\u1eefa. Trang s\u1ebd kh\u00f4ng th\u1ec3 hi\u1ec3n th\u1ecb v\u00ec trong nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p n\u00f3 v\u1eabn \u0111ang ti\u1ebfp nh\u1eadn c\u00e1c file JavaScript t\u1ea3i v\u1ec1. \u0110i\u1ec1u n\u00e0y \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn v\u1edbi thu\u1eadt ng\u1eef <a href=\"https:\/\/kiencang.net\/javascript-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript ch\u1eb7n hi\u1ec3n th\u1ecb<\/a>.<\/p>\n\n\n<p>V\u00ec th\u1ebf m\u1ed9t render \u0111i\u1ec3n h\u00ecnh c\u1ee7a m\u1ed9t trang blog WordPress c\u00f3 th\u1ec3 y\u00eau c\u1ea7u \u0111\u1ebfn 20 l\u01b0\u1ee3t ch\u1ec9 \u0111\u1ec3 nh\u1eadn \u0111\u01b0\u1ee3c c\u00e1c t\u1ec7p tin CSS v\u00e0 JavaScript ch\u00ednh. Nh\u01b0ng \u0111\u1ee3i \u0111\u00e3, gi\u1edd b\u1ea1n c\u00f2n c\u00f3 c\u00e1c n\u00fat b\u1ea5m m\u1ea1ng x\u00e3 h\u1ed9i ho\u1eb7c c\u1ea3 widget n\u1eefa&#8230;\u00e0 v\u00e2ng, v\u1edbi nh\u1eefng th\u1ee9 \u0111\u00f3, ch\u00fang c\u0169ng c\u1ea7n m\u1ed9t v\u00e0i t\u00e0i nguy\u00ean CSS v\u00e0 JavaScript n\u1eefa \u0111\u1ea5y.<\/p>\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 ph\u1ea3i t\u1ea3i h\u00e0ng t\u00e1 th\u1ee9 tr\u01b0\u1edbc khi trang c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng. Ch\u1eb9p ch\u1eb9p. \u0110\u1ec3 bi\u1ebft trang c\u1ee7a b\u1ea1n \u0111ang t\u1ea3i nh\u1eefng th\u1ee9 g\u00ec, h\u00e3y s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 ki\u1ec3u nh\u01b0 Google PageSpeed Insights, ho\u1eb7c nh\u1ea5n ph\u00edm F12 khi duy\u1ec7t web tr\u00ean Chrome.<\/p>\n\n\n<p>Nh\u01b0ng \u0111\u00f3 kh\u00f4ng ch\u1ec9 l\u00e0 c\u00e2u chuy\u1ec7n c\u1ee7a ri\u00eang WordPress \u0111\u00e2u, t\u00f4i ch\u1ec9 s\u1eed d\u1ee5ng n\u00f3 nh\u01b0 v\u00ed d\u1ee5 th\u00f4i. \u0110i\u1ec1u kh\u00e1 ph\u1ed5 bi\u1ebfn trong th\u1ebf gi\u1edbi web n\u00f3i chung l\u00e0 c\u1ea7n ph\u1ea3i c\u00f3 nhi\u1ec1u y\u00eau c\u1ea7u t\u00e0i nguy\u00ean cho giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean (n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) c\u1ee7a m\u1ed9t trang web.<\/p>\n\n\n<p>Nh\u1eefng s\u1ef1 ch\u1eadm tr\u1ec5 trong vi\u1ec7c render n\u1ed9i dung c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m so\u00e1t \u0111\u01b0\u1ee3c, \u0111\u00f3 l\u00e0 \u00fd ngh\u0129a c\u1ee7a vi\u1ec7c ch\u00fang ta c\u1ea7n t\u00ecm hi\u1ec3u&nbsp;tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng (critical render path).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quan_trong_Critical\"><\/span>Quan tr\u1ecdng \/ Critical<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/tren-man-hinh-dau-tien.png\" alt=\"n\u1ed9i dung tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean r\u1ea5t quan tr\u1ecdng\" class=\"wp-image-11644\"\/><\/figure><\/div>\n\n\n<p>\u0110\u1ebfn th\u1eddi \u0111i\u1ec3m n\u00e0y c\u00f3 v\u1ebb t\u00f4i \u0111\u00e3 v\u1ebd ra m\u1ed9t b\u1ee9c tranh r\u1ea5t \u1ea3m \u0111\u1ea1m r\u1ed3i ph\u1ea3i kh\u00f4ng, nh\u01b0ng tin t\u1ed1t l\u00e0 b\u1ea1n c\u00f3 th\u1ec3 g\u1ecdi c\u1ea3 tri\u1ec7u th\u1ee9 cho trang web v\u00e0 n\u00f3 c\u00f3 th\u1ec3 c\u00f3 \u0111\u1ebfn 12000 b\u1ee9c \u1ea3nh, 200 t\u1ec7p JavaScript m\u00e0 trang v\u1eabn c\u00f3 th\u1ec3 t\u1ea3i trong m\u1ed9t ho\u1eb7c v\u00e0i gi\u00e2y. Ng\u1ea1c nhi\u00ean ch\u01b0a!<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dieu_nay_duoc_thuc_hien_nhu_the_nao_vay\"><\/span>\u0110i\u1ec1u n\u00e0y \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nh\u01b0 th\u1ebf n\u00e0o v\u1eady?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>B\u1eb1ng c\u00e1ch hi\u1ec3u \u0111\u01b0\u1ee3c \u0111i\u1ec1u g\u00ec l\u00e0 quan tr\u1ecdng cho trang web c\u1ee7a b\u1ea1n trong m\u1ee5c ti\u00eau hi\u1ec3n th\u1ecb \u0111\u01b0\u1ee3c n\u1ed9i dung \u1edf m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Toi_uu_hoa_cho_Tuyen_hien_thi\"><\/span>T\u1ed1i \u01b0u h\u00f3a cho Tuy\u1ebfn hi\u1ec3n th\u1ecb<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>C\u00f3 ba th\u1ee9 th\u1ef1c s\u1ef1 c\u1ea7n ph\u1ea3i t\u1eadp trung v\u00e0o:<\/p>\n\n\n<ul><li>T\u1ed1i thi\u1ec3u h\u00f3a s\u1ed1 l\u01b0\u1ee3ng c\u00e1c t\u00e0i nguy\u00ean quan tr\u1ecdng;<\/li><li>T\u1ed1i thi\u1ec3u h\u00f3a dung l\u01b0\u1ee3ng c\u00e1c byte quan tr\u1ecdng;<\/li><li>T\u1ed1i thi\u1ec3u h\u00f3a \u0111\u1ed9 d\u00e0i c\u1ee7a \u0111\u01b0\u1eddng d\u1eabn quan tr\u1ecdng.<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Vi_du\"><\/span>V\u00ed d\u1ee5<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><strong>H\u00ecnh \u1ea3nh<\/strong> &#8211; Th\u1eadm ch\u00ed n\u1ebfu m\u1ed9t trang web c\u00f3 12000 h\u00ecnh \u1ea3nh, c\u0169ng ch\u1ec9 c\u00f3 m\u1ed9t ho\u1eb7c hai \u1ea3nh c\u00f3 kh\u1ea3 n\u0103ng hi\u1ec3n th\u1ecb \u1edf m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean (quan tr\u1ecdng) m\u00e0 th\u00f4i. \u0110i\u1ec1u \u0111\u00f3 c\u00f3 ngh\u0129a l\u00e0 n\u1ebfu ch\u00fang ta t\u1eadp trung v\u00e0o hai b\u1ee9c \u1ea3nh \u0111\u00f3, ch\u00fang ta c\u00f3 th\u1ec3 l\u00e0m cho th\u1eddi gian t\u1ea3i trang cho giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean nhanh h\u01a1n r\u1ea5t nhi\u1ec1u. Ch\u00fang ta \u0111\u00e2u ph\u1ea3i hi\u1ec3n th\u1ecb ra c\u00f9ng l\u00fac c\u1ea3 12000 b\u1ee9c \u1ea3nh, ch\u00fang ta ch\u1ec9 c\u1ea7n hi\u1ec3n th\u1ecb m\u1ed9t ho\u1eb7c hai c\u00e1i trong giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean. C\u00e1c <a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh c\u00f2n l\u1ea1i c\u00f3 th\u1ec3 tr\u00ec ho\u00e3n ho\u1eb7c s\u1eed d\u1ee5ng lazy load<\/a>.<\/p>\n\n\n<p><strong>T\u1ec7p Javascript<\/strong> &#8211; Ch\u00fang ta c\u0169ng c\u00f3 th\u1ec3 c\u00f3 \u0111\u1ebfn 12000 t\u1ec7p, nh\u01b0ng ch\u00fang ta ch\u1ec9 ph\u1ea3i t\u1ea3i nh\u1eefng t\u1ec7p quan tr\u1ecdng cho m\u1ee5c ti\u00eau hi\u1ec3n th\u1ecb ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang, v\u00e0 11,998 <a href=\"https:\/\/kiencang.net\/tri-hoan-tai-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ec7p javascript kh\u00e1c c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c tr\u00ec ho\u00e3n<\/a> (deferred).<\/p>\n\n\n<p><strong>T\u1ec7p CSS<\/strong> &#8211; C\u00e1ch hay nh\u1ea5t \u0111\u1ec3 t\u1ed1i thi\u1ec3u h\u00f3a CSS kh\u00f4ng ph\u1ea3i l\u00e0 th\u00f4ng qua c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn n\u00e0o \u0111\u00e2u &#8211; m\u00e0 l\u00e0 ng\u01b0\u1eddi thi\u1ebft k\u1ebf giao di\u1ec7n c\u1ea7n ph\u1ea3i kh\u00f4ng l\u1ea1m d\u1ee5ng CSS ngay t\u1eeb l\u00fac ban \u0111\u1ea7u khi vi\u1ebft m\u00e3. C\u00f3 kh\u1ea3 n\u0103ng trang c\u1ee7a b\u1ea1n s\u1eed d\u1ee5ng \u00edt h\u01a1n 20% s\u1ed1 l\u01b0\u1ee3ng CSS m\u00e0 b\u1ea1n c\u00f3. C\u00f3 m\u1ed9t s\u1ed1 l\u1ef1a ch\u1ecdn. B\u1eb1ng c\u00e1ch k\u1ebft h\u1ee3p m\u1ed9t v\u00e0i t\u1ec7p CSS ngo\u00e0i, b\u1ea1n c\u00f3 th\u1ec3 gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng t\u1ec7p c\u1ea7n thi\u1ebft \u0111\u1ec3 render. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 <a href=\"https:\/\/kiencang.net\/noi-tuyen-cac-css-nho\/\" target=\"_blank\" rel=\"noreferrer noopener\">inline (n\u1ed9i tuy\u1ebfn) m\u1ed9t s\u1ed1 \u0111o\u1ea1n m\u00e3 CSS<\/a> nh\u1ecf v\u00e0o trong HTML. Kh\u00f4ng th\u00e0nh v\u1ea5n \u0111\u1ec1 l\u00e0 CSS c\u1ee7a b\u1ea1n l\u1edbn hay nh\u1ecf, ng\u01b0\u1eddi d\u00f9ng s\u1ebd ph\u1ea3i ch\u1edd \u0111\u1ee3i cho \u0111\u1ebfn khi n\u00f3 \u0111\u01b0\u1ee3c t\u1ea3i xong m\u1edbi nh\u00ecn th\u1ea5y trang web.<\/p>\n\n\n<p>Ph\u1ea7n b\u00ean d\u01b0\u1edbi, ch\u00fang ta s\u1ebd nh\u00ecn s\u00e2u h\u01a1n v\u00e0o m\u1ed9t trang web v\u00e0 xem xem ch\u00fang ta c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng ki\u1ebfn th\u1ee9c c\u1ee7a m\u00ecnh v\u1ec1 tuy\u1ebfn quan tr\u1ecdng (critical path) nh\u01b0 th\u1ebf n\u00e0o \u0111\u1ec3 l\u00e0m trang t\u1ea3i nhanh h\u01a1n \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hieu_ve_bien_phap_do_luong_toc_do_trang\"><\/span>Hi\u1ec3u v\u1ec1 bi\u1ec7n ph\u00e1p \u0111o l\u01b0\u1eddng t\u1ed1c \u0111\u1ed9 trang<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Khi Google n\u00f3i v\u1ec1 t\u1ed1c \u0111\u1ed9 trang, h\u1ecd kh\u00f4ng c\u00f3 \u00fd n\u00f3i v\u1ec1 t\u1ed5ng to\u00e0n b\u1ed9 th\u1eddi gian c\u1ea7n ph\u1ea3i tr\u1ea3i qua \u0111\u1ec3 t\u1ea3i \u0111\u1ea7y \u0111\u1ee7 m\u1ed9t trang web \u0111\u00e2u. C\u00e1i h\u1ecd quan t\u00e2m l\u00e0 v\u1ec1 <a href=\"https:\/\/kiencang.net\/first-contentful-paint-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u1ee9c \u0111\u1ed9 nhanh ch\u00f3ng m\u00e0 ng\u01b0\u1eddi d\u00f9ng b\u1eaft \u0111\u1ea7u th\u1ea5y \u0111\u01b0\u1ee3c n\u1ed9i dung<\/a> tr\u00ean trang (c\u00e1c n\u1ed9i dung \u1edf m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) v\u00e0 m\u1ee9c \u0111\u1ed9 nhanh ch\u00f3ng c\u1ee7a s\u1ef1 ki\u1ec7n <a href=\"https:\/\/kiencang.net\/time-to-interactive-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">ng\u01b0\u1eddi d\u00f9ng b\u1eaft \u0111\u1ea7u c\u00f3 kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c v\u1edbi n\u1ed9i dung \u0111\u00f3<\/a>.<\/p>\n\n\n<p>L\u00fd do Google b\u1eaft \u0111\u1ea7u s\u1eed d\u1ee5ng t\u1ed1c \u0111\u1ed9 trang nh\u01b0 m\u1ed9t y\u1ebfu t\u1ed1 x\u1ebfp h\u1ea1ng l\u00e0 d\u1ef1a tr\u00ean mong mu\u1ed1n l\u00e0m h\u00e0i l\u00f2ng ng\u01b0\u1eddi d\u00f9ng c\u1ee7a h\u1ecd. Ch\u1eb3ng ph\u1ea3i l\u00e0 tr\u1ea3i nghi\u1ec7m hay ho g\u00ec n\u1ebfu ai \u0111\u00f3 t\u00ecm ki\u1ebfm tr\u00ean Google v\u00e0 m\u00e1y t\u00ecm ki\u1ebfm n\u00e0y tr\u1ea3 v\u1ec1 trang web ch\u1eadm ch\u1ea1p khi\u1ebfn ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i ch\u1edd \u0111\u1ee3i r\u1ea5t l\u00e2u.<\/p>\n\n\n<p>M\u1ecdi ng\u01b0\u1eddi than phi\u1ec1n v\u1edbi Google v\u1ec1 \u0111i\u1ec1u n\u00e0y, h\u1ecd n\u00f3i r\u1eb1ng &#8220;T\u1ea1i sao b\u1ea1n l\u1ea1i g\u1eedi cho t\u00f4i m\u1ed9t trang m\u00e0 t\u1ea3i qu\u00e1 l\u00e0 ch\u1eadm nh\u01b0 v\u1eady ch\u1ee9?&#8221;. \u0110i\u1ec1u n\u00e0y g\u1ecdi l\u00e0 t\u1ed1c \u0111\u1ed9 nh\u1eadn th\u1ee9c (perceived speed).<\/p>\n\n\n<p>N\u1ebfu ng\u01b0\u1eddi d\u00f9ng th\u1ea5y m\u1ed9t trang tr\u1eafng tr\u1ed1ng tr\u01a1n trong 10 gi\u00e2y trong khi ch\u1edd n\u00f3 t\u1ea3i v\u1ec1, \u0111i\u1ec1u n\u00e0y l\u00e0 r\u1ea5t t\u1ec7 v\u00e0 Google kh\u00f4ng mu\u1ed1n \u0111\u01b0a trang n\u00e0y v\u00e0o trong k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm. N\u1ebfu m\u1ed9t trang web t\u01b0\u01a1ng t\u1ef1 hi\u1ec3n th\u1ecb th\u00f4ng tin trong ngay gi\u00e2y \u0111\u1ea7u ti\u00ean, n\u00f3 s\u1ebd l\u00e0 m\u1ed9t tr\u1ea3i nghi\u1ec7m tuy\u1ec7t v\u1eddi, v\u00e0 Google s\u1ebd mu\u1ed1n \u0111\u01b0a n\u00f3 v\u00e0o trong k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm.<\/p>\n\n\n<p>M\u1ed1i quan t\u00e2m ch\u00ednh c\u1ee7a ch\u00fang ta khi n\u00f3i v\u1ec1 t\u1ed1c \u0111\u1ed9 trang web l\u00e0 l\u00e0m sao \u0111\u1ec3 n\u1ed9i dung c\u00f3 tr\u01b0\u1edbc m\u1eb7t ng\u01b0\u1eddi d\u00f9ng c\u00e0ng s\u1edbm c\u00e0ng t\u1ed1t trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mot_vi_du_thuc_te_ve_toi_uu_hoa_Tuyen_hien_thi_quan_trong\"><\/span>M\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf v\u1ec1 t\u1ed1i \u01b0u h\u00f3a Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Trang web m\u00e0 b\u1ea1n \u0111ang \u0111\u1ecdc ngay l\u00fac n\u00e0y s\u1ebd \u0111\u01b0\u1ee3c d\u00f9ng l\u00e0m v\u00ed d\u1ee5 c\u1ee7a ch\u00fang ta (\u00fd l\u00e0 trang varvy.com &#8211; kh\u00f4ng ph\u1ea3i trang kiencang.net, speed.family m\u1eb7c d\u00f9 2 trang n\u00e0y c\u0169ng \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a t\u1ed1c \u0111\u1ed9 kh\u00e1 t\u1ed1t)&#8230;Tang Varvy \u0111\u01b0\u1ee3c render trong ch\u01b0a \u0111\u1ebfn n\u1eeda gi\u00e2y, trong khi n\u00f3 c\u0169ng th\u1ef1c hi\u1ec7n kh\u00e1 nhi\u1ec1u \u0111i\u1ec1u m\u00e0 trang c\u1ee7a b\u1ea1n c\u0169ng \u0111ang l\u00e0m.<\/p>\n\n\n<p>T\u00f4i s\u1ebd cho b\u1ea1n th\u1ea5y hai phi\u00ean b\u1ea3n c\u1ee7a trang web n\u00e0y, m\u1ed9t phi\u00ean b\u1ea3n kh\u00f4ng \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a cho tuy\u1ebfn quan tr\u1ecdng v\u00e0 m\u1ed9t phi\u00ean b\u1ea3n (trang m\u00e0 b\u1ea1n \u0111ang \u0111\u1ecdc) \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a.<\/p>\n\n\n<p>\u0110i\u1ec1u n\u00e0y s\u1ebd \u0111em \u0111\u1ebfn cho b\u1ea1n s\u1ef1 so s\u00e1nh r\u1ea5t t\u1ed1t v\u1ec1 m\u1ee9c \u0111\u1ed9 m\u00e0 nh\u1eefng thay \u0111\u1ed5i c\u00f3 th\u1ec3 t\u1ea1o ra. N\u00f3 c\u0169ng minh h\u1ecda t\u1ed1t c\u00e1ch Google \u0111o \u0111\u1ea1c t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, c\u00e1i c\u0169ng h\u1eefu d\u1ee5ng v\u00e0 th\u00fa v\u1ecb n\u1ebfu bi\u1ebft. Trang n\u00e0y s\u1eed d\u1ee5ng m\u1ed9t s\u1ed1 file JavaScript kh\u00e1 ph\u1ed5 bi\u1ebfn, n\u00e0o c\u00f9ng xem trang n\u00e0y \u0111ang s\u1eed d\u1ee5ng nh\u1eefng g\u00ec&#8230;<\/p>\n\n\n<ul><li>M\u1ed9t s\u1ed1 \u1ea3nh k\u00edch c\u1ee1 l\u1edbn.<\/li><li>CSS.<\/li><li>Google Analytics.<\/li><li>Google plus badge (n\u00f3 th\u1ef1c hi\u1ec7n r\u1ea5t nhi\u1ec1u l\u1ec7nh g\u1ecdi javascript).<\/li><li>Viglinks (m\u1ed9t trong nh\u1eefng c\u00e1ch t\u00f4i ki\u1ebfm ti\u1ec1n t\u1eeb Varvy).<\/li><\/ul>\n\n\n<p>T\u00f3m l\u1ea1i, t\u00f4i \u0111ang s\u1eed d\u1ee5ng nh\u1eefng th\u00e0nh ph\u1ea7n ch\u00ednh m\u00e0 m\u1ecdi ng\u01b0\u1eddi hay d\u00f9ng \u0111\u1ec3 t\u1ea1o l\u00ean trang web (\u1ea3nh, CSS, c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch, chia s\u1ebb m\u1ea1ng x\u00e3 h\u1ed9i, ki\u1ebfm ti\u1ec1n). T\u00f4i \u0111o\u00e1n c\u00f3 kh\u1ea3 n\u0103ng cao l\u00e0 b\u1ea1n c\u0169ng \u0111ang d\u00f9ng c\u00e1c th\u00e0nh ph\u1ea7n t\u01b0\u01a1ng t\u1ef1 tr\u00ean trang c\u1ee7a b\u1ea1n. B\u1eb1ng c\u00e1ch t\u1ed1i \u01b0u h\u00f3a tuy\u1ebfn quan tr\u1ecdng, t\u00f4i th\u1ef1c s\u1ef1 gi\u1ea3m \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 nh\u1eefng l\u1eddi g\u1ecdi v\u00e0 t\u1ea5t c\u1ea3 nh\u1eefng th\u00e0nh ph\u1ea7n \u0111\u00f3 th\u00e0nh m\u1ed9t y\u00eau c\u1ea7u. \u0110i\u1ec1u m\u00e0 t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t \u0111\u1ec1u c\u1ea7n \u0111\u1ec3 hi\u1ec3n th\u1ecb trang n\u00e0y l\u00e0 t\u1ec7p HTML. V\u1edbi m\u1ed9t t\u1ec7p tin nh\u1ecf ch\u1ec9 12KB, trang n\u00e0y \u0111\u01b0\u1ee3c t\u1ea3i g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c.<\/p>\n\n\n<p>M\u1eb7t kh\u00e1c, phi\u00ean b\u1ea3n ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ee7a trang n\u00e0y t\u1ea1o ra h\u00e0ng t\u00e1 c\u00e1c y\u00eau c\u1ea7u v\u00e0 v\u00f2ng l\u1eb7p (round trips) t\u1edbi m\u00e1y ch\u1ee7, n\u00f3 s\u1ebd g\u00e2y t\u1ed1n th\u1eddi gi\u1ea3n t\u1ea3i h\u01a1n tr\u00ean m\u00e1y b\u00e0n, v\u00e0 c\u00f2n g\u00e2y t\u1ed1n th\u1eddi gian t\u1ea3i h\u01a1n n\u1eefa tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng&#8230;Nh\u01b0ng b\u1ea1n c\u1ea7n ph\u1ea3i l\u01b0u \u00fd l\u00e0 c\u1ea3 hai phi\u00ean b\u1ea3n c\u1ee7a trang n\u00e0y \u0111\u1ec1u c\u00f3 n\u1ed9i dung gi\u1ed1ng h\u1ec7t nhau!<\/p>\n\n\n<p>H\u00e3y xem k\u1ebft qu\u1ea3 th\u1ebf n\u00e0o&#8230;<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Phien_ban_chua_duoc_toi_uu_hoa_cua_trang_nay\"><\/span>Phi\u00ean b\u1ea3n ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a c\u1ee7a trang n\u00e0y<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/chua-toi-uu.png\" alt=\"phi\u00ean b\u1ea3n ch\u01b0a t\u1ed1i \u01b0u h\u00f3a c\u1ee7a trang\" class=\"wp-image-11661\"\/><\/figure><\/div>\n\n\n<p><br \/><strong>Th\u1eddi gian \u0111\u1ec3 render: 1,3 gi\u00e2y<\/strong><\/p>\n\n\n<p>L\u01b0u \u00fd: Trang n\u00e0y ch\u1ec9 hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng sau khi t\u1ea5t c\u1ea3 c\u00e1c file \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ea3i v\u1ec1 (\u0111\u01b0\u1ee3c \u0111\u1ea1i di\u1ec7n b\u1eb1ng thanh d\u1ecdc m\u1ea3nh m\u00e0u xanh da tr\u1eddi\/blue \u1edf ph\u00eda ph\u1ea3i xa nh\u1ea5t c\u1ee7a b\u1ee9c \u1ea3nh).<\/p>\n\n\n<p>Tr\u00ean h\u00ecnh c\u0169ng cho th\u1ea5y c\u00f3 bao nhi\u1ec1u l\u1eddi g\u1ecdi m\u00e0 phi\u00ean b\u1ea3n ch\u01b0a t\u1ed1i \u01b0u h\u00f3a th\u1ef1c hi\u1ec7n. Phi\u00ean b\u1ea3n ch\u01b0a t\u1ed1i \u01b0u h\u00f3a c\u1ea7n \u0111\u1ebfn 1,5 gi\u00e2y \u0111\u1ec3 t\u1ea3i. \u0110\u00f3 ch\u1ec9 l\u00e0 m\u1ed9t trang t\u0129nh \u0111\u01a1n gi\u1ea3n, nh\u01b0ng c\u0169ng c\u1ea7n \u0111\u1ebfn 20 y\u00eau c\u1ea7u \u0111\u1ec3 t\u1ea3i trang. \u0110i\u1ec1u \u0111\u00f3 c\u00f3 ngh\u0129a l\u00e0 trang c\u1ea7n ph\u1ea3i \u0111\u1ee3i 20 th\u00e0nh ph\u1ea7n t\u1ea3i xong tr\u01b0\u1edbc khi ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y n\u00f3.<\/p>\n\n\n<p>\u0110\u1ec3 \u00fd r\u1eb1ng, \u0111\u1ea7u ti\u00ean tr\u00ecnh duy\u1ec7t t\u1ea3i HTML, sau \u0111\u00f3 l\u00e0 CSS, ti\u1ebfp \u0111\u1ebfn l\u00e0 c\u00e1c \u1ea3nh, v\u00e0 c\u00e1c t\u1ec7p JavaScript, t\u1ea5t c\u1ea3 ph\u1ea3i \u0111\u01b0\u1ee3c t\u1ea3i v\u1ec1 v\u00e0 ph\u00e2n t\u00edch c\u00fa ph\u00e1p tr\u01b0\u1edbc khi ng\u01b0\u1eddi d\u00f9ng nh\u00ecn th\u1ea5y trang.<\/p>\n\n\n<p>Phi\u00ean b\u1ea3n ch\u01b0a t\u1ed1i \u01b0u h\u00f3a n\u00e0y kh\u00f4ng b\u1ecf b\u1ea5t c\u1ee9 c\u00f4ng s\u1ee9c n\u00e0o v\u00e0o vi\u1ec7c t\u1ea1o ra tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng, v\u00e0 v\u1ec1 c\u01a1 b\u1ea3n t\u1ea5t c\u1ea3 c\u00e1c t\u1ec7p \u0111\u01b0\u1ee3c g\u1ecdi ph\u1ea3i t\u1ea3i v\u1ec1 tr\u01b0\u1edbc khi trang \u0111\u01b0\u1ee3c render (hi\u1ec3n th\u1ecb).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Phien_ban_duoc_toi_uu_cua_trang_nay\"><\/span>Phi\u00ean b\u1ea3n \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ee7a trang n\u00e0y<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/phien-ban-toi-uu.png\" alt=\"phi\u00ean b\u1ea3n \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u\" class=\"wp-image-11662\"\/><\/figure><\/div>\n\n\n<p><strong>Th\u1eddi gian \u0111\u1ec3 render: 0,25 gi\u00e2y (250 mili gi\u00e2y)<\/strong><\/p>\n\n\n<p>L\u01b0u \u00fd: Trang hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng sau khi m\u1ed9t file \u0111\u01b0\u1ee3c t\u1ea3i xong (\u0111\u01b0\u1ee3c \u0111\u1ea1i di\u1ec7n b\u1edfi thanh d\u1ecdc m\u1ea3nh m\u00e0u xanh \u1edf g\u1ea7n gi\u1eefa b\u1ee9c h\u00ecnh).<\/p>\n\n\n<p>Phi\u00ean b\u1ea3n \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ee7a trang n\u00e0y (c\u00e1i m\u00e0 b\u1ea1n \u0111ang \u0111\u1ecdc) ch\u1ec9 t\u1ea1o ra m\u1ed9t y\u00eau c\u1ea7u \u0111\u1ec3 hi\u1ec3n th\u1ecb n\u1ed9i dung cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean. Trang \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng nhanh h\u01a1n \u0111\u1ebfn n\u0103m l\u1ea7n (\u0111\u01b0\u1ee3c \u0111\u1ea1i di\u1ec7n b\u1eb1ng thanh d\u1ecdc m\u1ea3nh m\u00e0u xanh trong bi\u1ec3u \u0111\u1ed3) d\u00f9 ch\u00fang c\u00f3 n\u1ed9i dung t\u01b0\u01a1ng t\u1ef1. N\u00f3 v\u1eabn t\u1ea3i h\u1ea7u h\u1ebft c\u00e1c t\u1ec7p gi\u1ed1ng nhau, v\u1eabn s\u1eed d\u1ee5ng c\u00f9ng JavaScript, nh\u01b0ng s\u1ef1 kh\u00e1c bi\u1ec7t l\u00e0 th\u1eddi gian \u0111\u1ec3 hi\u1ec3n th\u1ecb n\u1ed9i dung cho ng\u01b0\u1eddi d\u00f9ng, s\u1ef1 ch\u00eanh l\u1ec7ch kh\u00f4ng h\u1ec1 nh\u1ecf. Trang n\u00e0y nhanh h\u01a1n \u0111\u1ebfn h\u01a1n n\u0103m l\u1ea7n so v\u1edbi trang ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a. N\u1ebfu trang c\u1ee7a b\u1ea1n c\u1ea7n \u0111\u1ebfn 5 gi\u00e2y \u0111\u1ec3 t\u1ea3i v\u1ec1, b\u1ea1n c\u00f3 kh\u1ea3 n\u0103ng thay \u0111\u1ed5i \u0111\u1ec3 n\u00f3 m\u1ea5t ch\u01b0a \u0111\u1ebfn m\u1ed9t gi\u00e2y. Chuy\u1ec7n c\u1ee9 nh\u01b0 l\u00e0 ph\u00e9p thu\u1eadt v\u1eady \u0111\u00fang kh\u00f4ng n\u00e0o?<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Lam_the_nao_toi_kiem_tra_duoc_trang_web_cua_minh\"><\/span>L\u00e0m th\u1ebf n\u00e0o t\u00f4i ki\u1ec3m tra \u0111\u01b0\u1ee3c trang web c\u1ee7a m\u00ecnh?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>T\u00f4i nh\u00ecn v\u00e0o trang c\u1ee7a m\u00ecnh v\u00e0 t\u1ef1 h\u1ecfi b\u1ea3n th\u00e2n:<\/p>\n\n\n<blockquote class=\"wp-block-quote\"><p>Trang n\u00e0y th\u1ef1c s\u1ef1 ch\u1ec9 c\u1ea7n t\u1ea3i c\u00e1i g\u00ec cho n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean?<\/p><\/blockquote>\n\n\n<p>T\u00f4i nh\u1eadn ra r\u1eb1ng \u0111\u00f3 ch\u00ednh l\u00e0 nh\u1eefng th\u1ee9 n\u1eb1m tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean:<\/p>\n\n\n<ul><li>Logo (m\u1ed9t h\u00ecnh \u1ea3nh nh\u1ecf).<\/li><li>\u1ea2nh l\u1edbn \u0111\u1ea7u ti\u00ean.<\/li><li>CSS c\u1ee7a t\u00f4i (file ngo\u00e0i).<\/li><\/ul>\n\n\n<p>\u0110i\u1ec1u \u0111\u00f3 c\u00f3 ngh\u0129a l\u00e0 nh\u1eefng th\u1ee9 sau \u0111\u00e2y s\u1ebd kh\u00f4ng c\u1ea7n thi\u1ebft c\u00f3 khung h\u00ecnh \u0111\u1ea7u ti\u00ean&#8230;<\/p>\n\n\n<ul><li>Google plus badge.<\/li><li>Nh\u1eefng \u1ea3nh n\u1eb1m ph\u00eda b\u00ean d\u01b0\u1edbi.<\/li><li>\u0110o\u1ea1n m\u00e3 ph\u00e2n t\u00edch Google Analytics.<\/li><\/ul>\n\n\n<p>Sau \u0111\u00f3 t\u00f4i nh\u00ecn v\u00e0o <a href=\"https:\/\/kiencang.net\/waterfall-toc-do-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">bi\u1ec3u \u0111\u1ed3 ph\u00e2n t\u00edch nh\u1eefng g\u00ec m\u00e0 trang \u0111ang t\u1ea3i (waterfall)<\/a> v\u00e0 t\u00f4i nh\u1eadn ra nh\u1eefng th\u1ee9 kh\u00f4ng c\u1ea7n t\u1ea3i l\u00e0 nh\u1eefng th\u1ee9 th\u1ef1c s\u1ef1 l\u1ea1i m\u1ea5t th\u1eddi gian nh\u1ea5t \u0111\u1ec3 t\u1ea3i v\u1ec1. V\u00ec th\u1ebf n\u1ebfu t\u00f4i b\u1eb1ng c\u00e1ch n\u00e0o \u0111\u00f3 chuy\u1ec3n nh\u1eefng th\u1ee9 kh\u00f4ng c\u1ea7n thi\u1ebft ra ngo\u00e0i Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng, th\u00ec trang c\u1ee7a t\u00f4i s\u1ebd t\u1ea3i \u0111\u01b0\u1ee3c nhanh h\u01a1n \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_phan_viec_toi_uu_hoa_ma_toi_da_thuc_hien\"><\/span>C\u00e1c ph\u1ea7n vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a m\u00e0 t\u00f4i \u0111\u00e3 th\u1ef1c hi\u1ec7n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<ul><li>Inline CSS (CSS n\u1ed9i tuy\u1ebfn) &#8211; T\u00f4i \u0111\u01b0a CSS c\u1ee7a m\u00ecnh t\u1eeb c\u00e1c file b\u00ean ngo\u00e0i (external) v\u00e0 th\u00eam n\u00f3 tr\u1ef1c ti\u1ebfp v\u00e0o HTML;<\/li><li>T\u00f4i d\u00f9ng <a href=\"https:\/\/kiencang.net\/hinh-anh-ma-hoa-base64\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e3 h\u00f3a Base 64 cho logo v\u00e0 \u1ea3nh \u0111\u1ea7u ti\u00ean<\/a> &#8211; T\u00f4i d\u00f9ng c\u00f4ng c\u1ee5 n\u00e0y:\u00a0<a href=\"https:\/\/www.base64-image.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.base64-image.de\/<\/a> \u0111\u1ec3 chuy\u1ec3n \u1ea3nh sang d\u1ea1ng base 64;<\/li><li><a href=\"https:\/\/kiencang.net\/toi-uu-hoa-anh-tren-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed1i \u01b0u h\u00f3a t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh<\/a> &#8211; T\u00f4i gi\u1ea3m dung l\u01b0\u1ee3ng t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh c\u1ee7a m\u00ecnh;<\/li><li><a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">lazy load \/ tr\u00ec ho\u00e3n t\u1ea3i cho \u1ea3nh (defer images)<\/a> &#8211; T\u00f4i s\u1eed d\u1ee5ng JavaScript (kh\u00f4ng c\u1ea7n jQuery) \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh;<\/li><li>Tr\u00ec ho\u00e3n t\u1ea3i JavaScript c\u1ee7a analytics, google plus, v\u00e0 viglink;<\/li><li>T\u00f4i ki\u1ec3m tra trang c\u1ee7a m\u00ecnh b\u1eb1ng c\u00f4ng c\u1ee5 soi t\u1ed1c \u0111\u1ed9 trang.<\/li><\/ul>\n\n\n<p>K\u1ebft qu\u1ea3 c\u1ee7a nh\u1eefng t\u1ed1i \u01b0u h\u00f3a n\u00e0y l\u00e0 t\u00f4i \u0111\u00e3 l\u1ea5y ra m\u1ecdi th\u1ee9 c\u00f3 th\u1ec3 kh\u1ecfi Tuy\u1ebfn hi\u1ec3n th\u1ecb. Trong th\u1ef1c t\u1ebf, t\u00f4i \u0111\u00e3 gi\u1ea3m Tuy\u1ebfn hi\u1ec3n th\u1ecb ch\u00ednh xu\u1ed1ng ch\u1ec9 m\u1ed9t l\u1eddi g\u1ecdi, t\u1ec7p HTML th\u1ef1c t\u1ebf, c\u00e1i c\u00f3 m\u1ecdi th\u1ee9 tr\u00ecnh duy\u1ec7t c\u1ea7n \u0111\u1ec3 render trang web cho ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CSSOM\"><\/span>CSSOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>M\u1ed9t kh\u00eda c\u1ea1nh d\u01b0\u1edbi g\u00f3c \u0111\u1ed9 k\u1ef9 thu\u1eadt h\u01a1n \u0111\u1ec3 xem Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng \u0111\u00f3 l\u00e0 b\u1ed5 sung hi\u1ec3u bi\u1ebft c\u01a1 b\u1ea3n v\u1ec1 CSSOM.<\/p>\n\n\n<p>CSSOM l\u00e0 c\u1ee5m t\u1eeb vi\u1ebft t\u1eaft cho CSS Object Model.<\/p>\n\n\n<p>CSSOM&nbsp;v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 m\u1ed9t b\u1ea3n \u0111\u1ed3 c\u1ee7a c\u00e1c style\/\u0111\u1ecbnh d\u1ea1ng c\u1ee5 th\u1ec3 n\u00e0o ph\u1ea3i \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng v\u00e0o c\u00e1c ph\u1ea7n kh\u00e1c nhau c\u1ee7a trang web theo d\u1ea1ng th\u1ee9c CSS.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n th\u1ef1c s\u1ef1 mu\u1ed1n tinh ch\u1ec9nh m\u1ecdi th\u1ee9, hi\u1ec3u bi\u1ebft v\u1ec1 CSSOM l\u00e0 n\u1ec1n t\u1ea3ng \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_diem_mau_chot\"><\/span>C\u00e1c \u0111i\u1ec3m m\u1ea5u ch\u1ed1t<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<ul><li>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n c\u1ea7n \u0111\u1ec3 hi\u1ec3n th\u1ecb trang web.<\/li><li>C\u00e1ch \u0111\u1ec3 c\u1ea3i thi\u1ec7n Tuy\u1ebfn hi\u1ec3n th\u1ecb l\u00e0 lo\u1ea1i b\u1ecf ho\u1eb7c tr\u00ec ho\u00e3n c\u00e1c l\u1eddi g\u1ecdi kh\u00f4ng c\u1ea7n thi\u1ebft trong vi\u1ec7c hi\u1ec3n th\u1ecb n\u1ed9i dung tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/li><li>H\u1ea7u h\u1ebft c\u00e1c \u0111o\u1ea1n m\u00e3 JavaScript m\u00e0 b\u1ea1n s\u1eed d\u1ee5ng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c tr\u00ec ho\u00e3n t\u1ea3i sau khi xem trang (nh\u1eefng th\u1ee9 nh\u01b0 n\u00fat b\u1ea5m m\u1ea1ng x\u00e3 h\u1ed9i, m\u00e3 ph\u00e2n t\u00edch, v\u00e2n v\u00e2n).<\/li><li>T\u00f4i \u0111\u00e3 ti\u1ebfn h\u00e0nh ki\u1ec3m tra trang c\u1ee7a m\u00ecnh b\u1eb1ng c\u00e1ch xem xem c\u00e1i g\u00ec trang th\u1ef1c s\u1ef1 c\u1ea7n t\u1ea3i cho n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean (t\u1eeb \u0111\u00f3 x\u00e1c \u0111\u1ecbnh c\u00e1i g\u00ec trang kh\u00f4ng c\u1ea7n t\u1ea3i m\u00e0 v\u1eabn hi\u1ec3n th\u1ecb \u0111\u01b0\u1ee3c n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean).<\/li><li>T\u00f4i s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 t\u1ed1i \u01b0u h\u00f3a t\u1ed1c \u0111\u1ed9 trang ki\u1ec3u nh\u01b0 Google PageSpeed Insights \u0111\u1ec3 lo\u1ea1i b\u1ecf ho\u1eb7c tr\u00ec ho\u00e3n t\u1ea5t c\u1ea3 nh\u1eefng th\u1ee9 m\u00e0 trang kh\u00f4ng c\u1ea7n t\u1ea3i cho n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/li><\/ul>\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: Critical rendering path &#8211; T\u00e1c gi\u1ea3: Patrick Sexton &#8211; Website: Varvy)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 g\u00ec? Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng (critical rendering path) l\u00e0 m\u1ed9t chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n ph\u1ea3i di\u1ec5n ra \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean (initial view\/n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) c\u1ee7a trang web. V\u00ed d\u1ee5: t\u1ea3i HTML &gt; t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean v\u1ec1 &gt; &hellip;<\/p>\n","protected":false},"author":1,"featured_media":20452,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[262,272],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website &#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\/duong-dan-hien-thi-trang-quan-trong\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 g\u00ec? Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng (critical rendering path) l\u00e0 m\u1ed9t chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n ph\u1ea3i di\u1ec5n ra \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean (initial view\/n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) c\u1ee7a trang web. V\u00ed d\u1ee5: t\u1ea3i HTML &gt; t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean v\u1ec1 &gt; &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/\" \/>\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=\"2021-12-11T01:35:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/duong-dan-render-quan-trong-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"812\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\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=\"18 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website &#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\/duong-dan-hien-thi-trang-quan-trong\/","og_locale":"vi_VN","og_type":"article","og_title":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng l\u00e0 g\u00ec? Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng (critical rendering path) l\u00e0 m\u1ed9t chu\u1ed7i c\u00e1c s\u1ef1 ki\u1ec7n ph\u1ea3i di\u1ec5n ra \u0111\u1ec3 render (hi\u1ec3n th\u1ecb) giao di\u1ec7n th\u1ea5y \u0111\u1ea7u ti\u00ean (initial view\/n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) c\u1ee7a trang web. V\u00ed d\u1ee5: t\u1ea3i HTML &gt; t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean v\u1ec1 &gt; &hellip;","og_url":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-12-11T01:35:00+00:00","og_image":[{"width":812,"height":426,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/duong-dan-render-quan-trong-1.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":"18 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/","url":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/","name":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-12-11T01:35:00+00:00","dateModified":"2021-12-11T01:35:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng trong t\u0103ng t\u1ed1c \u0111\u1ed9 website"}]},{"@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\/11651"}],"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=11651"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/20452"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}