{"id":16846,"date":"2022-01-06T10:59:00","date_gmt":"2022-01-06T03:59:00","guid":{"rendered":"https:\/\/kiencang.net\/?p=14786"},"modified":"2022-08-20T21:24:32","modified_gmt":"2022-08-20T14:24:32","slug":"preload-prefetch-preconnect","status":"publish","type":"post","link":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/","title":{"rendered":"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#ff9898\">V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ed9 ba nguy\u00ean t\u1eed n\u00e0y s\u1ebd gi\u00fap ch\u00fang ta c\u1ea3i thi\u1ec7n v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 website nhi\u1ec1u khi \u0111\u00e1ng kinh ng\u1ea1c m\u00e0 kh\u00f4ng t\u1ed1n \u0111\u1ed3ng xu c\u1eafc b\u1ea1c n\u00e0o. D\u00f9 cho n\u00f3 c\u00f3 v\u1ebb &#8220;high tech&#8221; th\u00ec t\u1ea5t c\u1ea3 nh\u1eefng \u0111i\u1ec1u b\u1ea1n c\u1ea7n n\u1eafm b\u1eaft l\u00e0 \u00fd t\u01b0\u1edfng c\u01a1 b\u1ea3n, sau \u0111\u00f3 c\u00f3 th\u1ec3 d\u00f9ng c\u00e1c c\u00f4ng c\u1ee5 ho\u1eb7c m\u00e3 m\u1eabu s\u1eb5n c\u00f3 \u0111\u1ec3 \u00e1p d\u1ee5ng v\u00e0o, r\u1ed3i so s\u00e1nh ki\u1ec3m tra l\u1ea1i, \u0111\u01b0\u1ee3c vi\u1ec7c l\u00e0 \u1ed5n. Gi\u1edd ch\u00fang ta v\u00e0o vi\u1ec7c ngay nh\u00e9!<\/p>\n\n\n\n<p>H\u00f4m nay ch\u00fang ta s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u c\u00e1c bi\u1ec7n ph\u00e1p hi\u1ec7n \u0111ang \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 g\u1ee3i \u00fd v\u00e0 \u0111\u01b0a ra ch\u1ec9 th\u1ecb cho t\u00e0i nguy\u00ean (resource hints vs directives)- \u0111\u00e2y c\u00f3 th\u1ec3 l\u00e0 c\u00e1ch hi\u1ec7u qu\u1ea3 kh\u00e1c \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website<\/a> ho\u1eb7c \u1ee9ng d\u1ee5ng web.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e3 nghe n\u00f3i \u0111\u1ebfn <strong>preload, prefetch <\/strong>v\u00e0<strong> preconnect<\/strong> r\u1ed3i, nh\u01b0ng ch\u00fang ta mu\u1ed1n hi\u1ec3u s\u00e2u h\u01a1n v\u1ec1 s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa ch\u00fang c\u0169ng nh\u01b0 vi\u1ec7c b\u1ea1n c\u00f3 th\u1ec3 t\u1eadn d\u1ee5ng l\u1ee3i \u00edch t\u1eeb ch\u00fang nh\u01b0 th\u1ebf n\u00e0o?<\/p>\n\n\n\n<p>M\u1ed9t trong c\u00e1c l\u1ee3i \u00edch \u0111\u00f3 ch\u00ednh l\u00e0 ch\u00fang cho ph\u00e9p ng\u01b0\u1eddi ph\u00e1t tri\u1ec3n website <strong>t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i c\u00e1c t\u00e0i nguy\u00ean<\/strong> (optimize delivery of resource), gi\u1ea3m c\u00e1c <a href=\"https:\/\/kiencang.net\/round-trip-time\/\" target=\"_blank\" rel=\"noreferrer noopener\">v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i (round trips)<\/a>, v\u00e0 t\u00ecm n\u1ea1p c\u00e1c ngu\u1ed3n t\u00e0i nguy\u00ean \u0111\u1ec3 ph\u00e2n ph\u1ed1i n\u1ed9i dung nhanh h\u01a1n khi ng\u01b0\u1eddi d\u00f9ng duy\u1ec7t web.<\/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-6577d65b32d8b\" ><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-6577d65b32d8b\"  type=\"checkbox\" id=\"item-6577d65b32d8b\"><\/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\/preload-prefetch-preconnect\/#Preload\" title=\"Preload\">Preload<\/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\/preload-prefetch-preconnect\/#Prefetch\" title=\"Prefetch\">Prefetch<\/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\/preload-prefetch-preconnect\/#Preconnect\" title=\"Preconnect\">Preconnect<\/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\/preload-prefetch-preconnect\/#Tong_ket\" title=\"T\u1ed5ng k\u1ebft\">T\u1ed5ng k\u1ebft<\/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\/preload-prefetch-preconnect\/#Huong_dan_tich_hop_vao_WordPress\" title=\"H\u01b0\u1edbng d\u1eabn t\u00edch h\u1ee3p v\u00e0o WordPress\">H\u01b0\u1edbng d\u1eabn t\u00edch h\u1ee3p v\u00e0o WordPress<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"preload\"><span class=\"ez-toc-section\" id=\"Preload\"><\/span>Preload<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/preload-tai-nguyen-quan-trong\/\" target=\"_blank\" rel=\"noreferrer noopener\">Preload l\u00e0 m\u1ed9t ti\u00eau chu\u1ea9n web m\u1edbi<\/a> gi\u00fap b\u1ea1n c\u00f3 \u0111\u01b0\u1ee3c nhi\u1ec1u th\u1ea9m quy\u1ec1n h\u01a1n v\u1edbi m\u1ed9t t\u00e0i nguy\u00ean c\u1ee5 th\u1ec3 \u0111\u01b0\u1ee3c t\u00ecm n\u1ea1p (fetched) trong phi\u00ean duy\u1ec7t web hi\u1ec7n t\u1ea1i (current navigation). \u0110\u00e2y l\u00e0 b\u1ea3n c\u1eadp nh\u1eadt c\u1ee7a phi\u00ean b\u1ea3n t\u00ecm n\u1ea1p tr\u01b0\u1edbc ngu\u1ed3n ph\u1ee5- c\u00e1i kh\u00f4ng c\u00f2n \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ebfn n\u1eefa v\u00e0o th\u00e1ng Gi\u00eang n\u0103m 2016. Ch\u1ec9 th\u1ecb n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a b\u1eb1ng th\u1ebb <code>&lt;link&gt;<\/code>, v\u00ed d\u1ee5 nh\u01b0 <code>&lt;link rel='preload'&gt;<\/code>. <\/p>\n\n\n\n<p>Nh\u00ecn chung, t\u1ed1t nh\u1ea5t l\u00e0 b\u1ea1n preload c\u00e1c t\u00e0i nguy\u00ean quan tr\u1ecdng nh\u1ea5t, ch\u1eb3ng h\u1ea1n nh\u01b0 \u1ea3nh, CSS, JavaScript, v\u00e0 c\u00e1c file d\u00f9ng l\u00e0m font. \u0110i\u1ec1u n\u00e0y kh\u00f4ng n\u00ean nh\u1ea7m l\u1eabn v\u1edbi preloading c\u1ee7a tr\u00ecnh duy\u1ec7t trong \u0111\u00f3 ch\u1ec9 c\u00e1c t\u00e0i nguy\u00ean trong HTML l\u00e0 \u0111\u01b0\u1ee3c t\u1ea3i tr\u01b0\u1edbc. Ch\u1ec9 th\u1ecb preload th\u1ef1c s\u1ef1 kh\u1eafc ph\u1ee5c gi\u1edbi h\u1ea1n n\u00e0y v\u00e0 <strong>cho ph\u00e9p c\u00e1c ngu\u1ed3n t\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c kh\u1edfi t\u1ea1o th\u00f4ng qua CSS v\u00e0 JavaScript \u0111\u01b0\u1ee3c preload\/t\u1ea3i tr\u01b0\u1edbc v\u00e0 x\u00e1c \u0111\u1ecbnh khi n\u00e0o t\u1eebng t\u00e0i nguy\u00ean n\u00ean \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng.<\/strong><\/p>\n\n\n\n<p>Preload kh\u00e1c v\u1edbi prefetch \u1edf kh\u00eda c\u1ea1nh l\u00e0 preload t\u1eadp trung v\u00e0o vi\u1ec7c t\u00ecm n\u1ea1p t\u00e0i nguy\u00ean cho phi\u00ean l\u00e0m vi\u1ec7c hi\u1ec7n t\u1ea1i (current navigation). Prefetch t\u1eadp trung v\u00e0o vi\u1ec7c t\u00ecm n\u1ea1p t\u00e0i nguy\u00ean cho phi\u00ean duy\u1ec7t web k\u1ebf ti\u1ebfp (next navigation). M\u1ed9t \u0111i\u1ec1u quan tr\u1ecdng n\u1eefa c\u1ea7n l\u01b0u \u00fd l\u00e0 preload kh\u00f4ng ch\u1eb7n\/block s\u1ef1 ki\u1ec7n onload.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-l\u1ee3i-ich-c\u1ee7a-preload\">1. L\u1ee3i \u00edch c\u1ee7a preload<\/h3>\n\n\n\n<p>M\u1ed9t s\u1ed1 l\u1ee3i \u00edch c\u1ee7a ch\u1ec9 th\u1ecb preload bao g\u1ed3m:<\/p>\n\n\n\n<ul><li>Cho ph\u00e9p tr\u00ecnh duy\u1ec7t thi\u1ebft l\u1eadp <strong>m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean t\u00e0i nguy\u00ean<\/strong> (resource priority) v\u00ec th\u1ebf cho ph\u00e9p nh\u00e0 l\u1eadp tr\u00ecnh web t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i c\u00e1c t\u00e0i nguy\u00ean c\u1ee5 th\u1ec3.<\/li><li>Cung c\u1ea5p cho tr\u00ecnh duy\u1ec7t kh\u1ea3 n\u0103ng <strong>x\u00e1c \u0111\u1ecbnh ki\u1ec3u lo\u1ea1i c\u1ee7a t\u00e0i nguy\u00ean<\/strong>, v\u00ec th\u1ebf n\u00f3 c\u00f3 th\u1ec3 cho bi\u1ebft c\u00f9ng m\u1ed9t ki\u1ec3u t\u00e0i nguy\u00ean c\u00f3 \u0111\u01b0\u1ee3c t\u00e1i s\u1eed d\u1ee5ng trong t\u01b0\u01a1ng lai hay kh\u00f4ng.<\/li><li>Tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 <strong>x\u00e1c \u0111\u1ecbnh xem y\u00eau c\u1ea7u c\u00f3 tu\u00e2n th\u1ee7<\/strong> ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt v\u1ec1 n\u1ed9i dung hay kh\u00f4ng b\u1eb1ng c\u00e1ch tham chi\u1ebfu \u0111\u1ebfn \u0111\u1ecbnh ngh\u0129a \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh trong thu\u1ed9c t\u00ednh <em>as<\/em>.<\/li><li>Tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 g\u1eedi c\u00e1c ti\u00eau \u0111\u1ec3 <em>accept<\/em> ph\u00f9 h\u1ee3p d\u1ef1a tr\u00ean ki\u1ec3u t\u00e0i nguy\u00ean. (ch\u1eb3ng h\u1ea1n nh\u01b0 image\/webp)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-vi-d\u1ee5\">2. V\u00ed d\u1ee5<\/h3>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 r\u1ea5t c\u01a1 b\u1ea3n v\u1ec1 t\u1ea3i tr\u01b0\u1edbc\/preloading h\u00ecnh \u1ea3nh.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;link rel=\"preload\" href=\"image.png\"&gt;<\/pre>\n\n\n\n<p>C\u00f2n b\u00ean d\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5 v\u1ec1 preloading fonts. L\u01b0u \u00fd: N\u1ebfu b\u1ea1n preloading c\u00e1c li\u00ean k\u1ebft v\u1edbi vi\u1ec7c cho ph\u00e9p CORS b\u1eadt tr\u00ean t\u00e0i nguy\u00ean th\u00ec b\u1ea1n c\u0169ng ph\u1ea3i bao g\u1ed3m thu\u1ed9c t\u00ednh <em>crossorigin<\/em>.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;link rel=\"preload\" href=\"https:\/\/kiencang.net\/fonts\/font.woff\" as=\"font\" crossorigin&gt;<\/pre>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5 v\u1ec1 preloading m\u1ed9t file CSS th\u00f4ng qua s\u1eed d\u1ee5ng m\u00e3 \u0111\u00e1nh d\u1ea5u\/markup ho\u1eb7c JavaScript.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;!-- Via markup --&gt;\n&lt;link rel=\"preload\" href=\"\/css\/mystyles.css\" as=\"style\"&gt;\n&lt;!-- Via JavaScript --&gt;\n&lt;script&gt;\n    var res = document.createElement(\"link\");\n    res.rel = \"preload\";\n    res.as = \"style\";\n    res.href = \"css\/mystyles.css\";\n    document.head.appendChild(res);\n&lt;\/script&gt;<\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-trinh-duy\u1ec7t-h\u1ed7-tr\u1ee3-preload\">3. Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 preload<\/h3>\n\n\n\n<p>Preload \u0111\u01b0\u1ee3c th\u00eam v\u00e0o t\u1eeb phi\u00ean b\u1ea3n Chrome 50 trong th\u00e1ng S\u00e1u n\u0103m 2016, n\u00f3 c\u0169ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 trong Opera 37 v\u00e0 c\u00e1c phi\u00ean b\u1ea3n cao h\u01a1n. Hi\u1ec7n n\u00f3 v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c Mozilla FireFox t\u00edch h\u1ee3p, trong khi \u0111\u00f3 th\u00ec Microsoft Edge, Safari v\u00e0 iOS Safari \u0111\u1ec1u \u0111\u00e3 th\u00eam ch\u1ee9c n\u0103ng n\u00e0y.<\/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\/cac-phien-ban-ho-tro.png\" alt=\"c\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t web h\u1ed7 tr\u1ee3 preload\" class=\"wp-image-14788\"\/><figcaption><a href=\"https:\/\/caniuse.com\/#search=preload\">C\u00e1c phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t quan tr\u1ecdng h\u1ed7 tr\u1ee3 preload<\/a><\/figcaption><\/figure><\/div>\n\n\n<p>V\u1ec1 tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o c\u00e1c tr\u00ecnh duy\u1ec7t \u0111ang h\u1ed7 tr\u1ee3 t\u00ednh n\u0103ng n\u00e0o \u0111\u00f3 theo th\u1eddi gian th\u1ef1c (c\u00e1c b\u1ea3ng trong b\u00e0i c\u00f3 th\u1ec3 l\u1ed7i th\u1eddi khi b\u1ea1n \u0111\u1ecdc b\u00e0i vi\u1ebft n\u00e0y) b\u1eb1ng c\u00e1ch click v\u00e0o \u0111\u01b0\u1eddng link b\u00ean d\u01b0\u1edbi m\u1ed7i \u1ea3nh. N\u00f3 s\u1eed d\u1ee5ng trang web <a href=\"https:\/\/caniuse.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">caniuse.com<\/a> \u0111\u1ec3 ki\u1ec3m tra.<\/p>\n\n\n\n<p>C\u00f3 4 m\u00e0u s\u1eafc b\u1ea1n c\u1ea7n ph\u1ea3i \u0111\u1ec3 \u00fd:<\/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\/mau-sac-ho-tro.png\" alt=\"\u0111\u1ecbnh ngh\u0129a m\u00e0u s\u1eafc\" class=\"wp-image-14809\"\/><figcaption>\u0110\u1ecbnh ngh\u0129a m\u00e0u s\u1eafc<\/figcaption><\/figure><\/div>\n\n\n<ul><li>Supported: \u0110\u01b0\u1ee3c h\u1ed7 tr\u1ee3.<\/li><li>Not supported: Kh\u00f4ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3.<\/li><li>Partial support: H\u1ed7 tr\u1ee3 m\u1ed9t ph\u1ea7n.<\/li><li>Support unknow: Kh\u00f4ng c\u00f3 th\u00f4ng tin, h\u1ed7 tr\u1ee3 kh\u00f4ng \u0111\u01b0\u1ee3c bi\u1ebft r\u00f5.<\/li><\/ul>\n\n\n\n<p>B\u1ea1n n\u00ean h\u01b0\u1edbng s\u1ef1 quan t\u00e2m \u0111\u1ebfn c\u00e1c tr\u00ecnh duy\u1ec7t l\u1edbn nh\u1ea5t g\u1ed3m:<\/p>\n\n\n\n<ul><li>Chrome<\/li><li>Safari <\/li><li>Firefox <\/li><li>Edge <\/li><li>Opera<\/li><li>IE<\/li><\/ul>\n\n\n\n<p>V\u00e0 t\u1ea5t nhi\u00ean l\u00e0 c\u1ea3 c\u00e1c phi\u00ean b\u1ea3n tr\u00ean di \u0111\u1ed9ng c\u1ee7a ch\u00fang tr\u00ean c\u00e1c n\u1ec1n t\u1ea3ng n\u00f3 hay \u0111\u01b0\u1ee3c d\u00f9ng nh\u01b0 iOS Safari, Chrome for Android, Firefox for Android, Opera mini.<\/p>\n\n\n\n<p>\u1ede g\u00f3c b\u00ean ph\u1ea3i tr\u00ean c\u00f9ng, b\u1ea1n s\u1ebd th\u1ea5y t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3, v\u00ed d\u1ee5 \u0111\u00e2y l\u00e0 t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 t\u00ednh n\u0103ng preload:<\/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\/ho-tro-tren-toan-cau.png\" alt=\"S\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 t\u00ednh n\u0103ng n\u00e0o \u0111\u00f3\" class=\"wp-image-14811\"\/><\/figure><\/div>\n\n\n<p>Trong \u0111\u00f3 c\u00f3 84,26% l\u00e0 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7; 2,08% l\u00e0 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 m\u1ed9t ph\u1ea7n. T\u1ed5ng c\u1ed9ng c\u00f3 86,34% l\u00e0 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3.<\/p>\n\n\n\n<p>Tuy nhi\u00ean suy cho c\u00f9ng \u0111\u00e2y l\u00e0 con s\u1ed1 trung b\u00ecnh, \u0111\u1ec3 bi\u1ebft ch\u00ednh x\u00e1c h\u01a1n v\u1edbi website c\u1ee5 th\u1ec3 c\u1ee7a b\u1ea1n, b\u1ea1n c\u1ea7n ph\u1ea3i bi\u1ebft th\u1ed1ng k\u00ea ri\u00eang v\u1ec1 t\u1ef7 l\u1ec7 tr\u00ecnh duy\u1ec7t d\u00f9ng \u0111\u1ec3 truy c\u1eadp website c\u1ee7a b\u1ea1n. Ch\u1eb3ng h\u1ea1n \u0111\u00e2y l\u00e0 m\u1ed9t website t\u00f4i (ng\u01b0\u1eddi d\u1ecbch) qu\u1ea3n l\u00fd, v\u1edbi 4 tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean chi\u1ebfm \u0111\u1ebfn x\u1ea5p x\u1ec9 96% (th\u1ef1c t\u1ebf ch\u1ec9 c\u00f2n 3 tr\u00ecnh duy\u1ec7t, v\u00ec c\u00e1i s\u1ed1 b\u1ed1n v\u00e0 c\u00e1i s\u1ed1 m\u1ed9t g\u1ea7n nh\u01b0 t\u01b0\u01a1ng t\u1ef1).<\/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\/trinh-duyet-truy-cap-web.png\" alt=\"c\u00e1ch ki\u1ec3m tra c\u00e1c tr\u00ecnh duy\u1ec7t l\u1edbn truy c\u1eadp v\u00e0o m\u1ed9t website c\u1ee5 th\u1ec3 th\u00f4ng qua Google Analystics\" class=\"wp-image-14812\"\/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prefetch\"><span class=\"ez-toc-section\" id=\"Prefetch\"><\/span>Prefetch<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/link-prefetch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Prefetch l\u00e0 c\u00e1c g\u1ee3i \u00fd t\u00e0i nguy\u00ean c\u00f3 m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean th\u1ea5p<\/a> cho ph\u00e9p tr\u00ecnh duy\u1ec7t <strong>t\u00ecm n\u1ea1p c\u00e1c ngu\u1ed3n t\u00e0i nguy\u00ean trong ch\u1ebf \u0111\u1ed9 n\u1ec1n (background) v\u00e0o th\u1eddi gian r\u1ea3nh r\u1ed7i<\/strong> (idle time), m\u00e0 <em>c\u00f3 th\u1ec3<\/em> ng\u01b0\u1eddi d\u00f9ng s\u1ebd s\u1eed d\u1ee5ng ti\u1ebfp sau n\u00e0y. T\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c t\u00ecm n\u1ea1p s\u1ebd \u0111\u01b0\u1ee3c <strong>l\u01b0u trong b\u1ed9 nh\u1edb cache c\u1ee7a tr\u00ecnh duy\u1ec7t<\/strong>. Khi m\u1ed9t trang ho\u00e0n t\u1ea5t qu\u00e1 tr\u00ecnh t\u1ea3i, n\u00f3 b\u1eaft \u0111\u1ea7u t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean b\u1ed5 sung v\u00e0 n\u1ebfu ng\u01b0\u1eddi d\u00f9ng click v\u00e0o li\u00ean k\u1ebft \u0111\u00e3 \u0111\u01b0\u1ee3c t\u00ecm n\u1ea1p (prefetched link), n\u00f3 s\u1ebd t\u1ea3i n\u1ed9i dung g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c (instanly). C\u00f3 ba ki\u1ec3u t\u00ecm n\u1ea1p, \u0111\u00f3 l\u00e0 link, DNS v\u00e0 prerendering, ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft t\u1eebng c\u00e1i b\u00ean d\u01b0\u1edbi.<\/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\/mo-hinh-prefetch.png\" alt=\"m\u00f4 h\u00ecnh c\u1ee7a prefetch\" class=\"wp-image-14793\"\/><figcaption>M\u00f4 h\u00ecnh c\u1ee7a prefetch<\/figcaption><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-link-prefetching\">1. Link prefetching<\/h3>\n\n\n\n<p>Nh\u01b0 \u0111\u01b0\u1ee3c \u0111\u1ec1 c\u1eadp ph\u00eda tr\u00ean, c\u00e1c li\u00ean k\u1ebft \u0111\u01b0\u1ee3c t\u00ecm n\u1ea1p tr\u01b0\u1edbc cho ph\u00e9p tr\u00ecnh duy\u1ec7t <strong>t\u00ecm n\u1ea1p c\u00e1c t\u00e0i nguy\u00ean v\u00e0 l\u01b0u tr\u1eef ch\u00fang trong cache<\/strong>, v\u1edbi gi\u1ea3 \u0111\u1ecbnh l\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1ebd y\u00eau c\u1ea7u ch\u00fang sau khi xem trang trong phi\u00ean hi\u1ec7n t\u1ea1i. Tr\u00ecnh duy\u1ec7t t\u00ecm ki\u1ebfm c\u00e1c li\u00ean k\u1ebft prefetch trong HTML ho\u1eb7c HTTP header link, ch\u1eb3ng h\u1ea1n nh\u01b0:<\/p>\n\n\n\n<ul><li><strong>HTML:<\/strong>&nbsp;<code>&lt;link rel=\"prefetch\" href=\"\/uploads\/images\/pic.png\"&gt;<\/code><\/li><li><strong>HTTP Header:<\/strong>&nbsp;<code>Link: &lt;\/uploads\/images\/pic.png&gt;; rel=prefetch<\/code><\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>K\u1ef9 thu\u1eadt n\u00e0y c\u00f3 ti\u1ec1m n\u0103ng t\u0103ng t\u1ed1c trang web c\u00f3 nhi\u1ec1u t\u00ednh t\u01b0\u01a1ng t\u00e1c, nh\u01b0ng kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o n\u00f3 c\u0169ng hi\u1ec7u qu\u1ea3. V\u1edbi m\u1ed9t s\u1ed1 trang, <strong>v\u1ea5n \u0111\u1ec1 l\u00e0 r\u1ea5t kh\u00f3 \u0111\u1ec3 \u0111o\u00e1n \u0111\u01b0\u1ee3c ng\u01b0\u1eddi d\u00f9ng s\u1ebd l\u00e0m g\u00ec \u1edf thao t\u00e1c k\u1ebf ti\u1ebfp<\/strong>. <\/p><p>V\u1edbi m\u1ed9t s\u1ed1 trang kh\u00e1c, d\u1eef li\u1ec7u c\u00f3 th\u1ec3 b\u1ecb m\u1ea5t m\u00e1t n\u1ebfu qu\u00e1 tr\u00ecnh t\u00ecm n\u1ea1p di\u1ec5n ra qu\u00e1 s\u1edbm. \u0110i\u1ec1u c\u0169ng r\u1ea5t quan tr\u1ecdng l\u00e0 c\u1ea9n th\u1eadn \u0111\u1eebng t\u00ecm n\u1ea1p c\u00e1c file qu\u00e1 s\u1edbm, v\u00ec khi \u1ea5y b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m ch\u1eadm ch\u00ednh trang m\u00e0 ng\u01b0\u1eddi d\u00f9ng \u0111ang \u0111ang xem!<\/p><cite>&#8211; Google Developers<\/cite><\/blockquote>\n\n\n\n<p>Link prefetch \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi h\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i ngo\u1ea1i tr\u1eeb Safari, iOS Safari, v\u00e0 Opera Mini. Chrome v\u00e0 FireFox c\u0169ng s\u1ebd hi\u1ec3n th\u1ecb c\u00e1c t\u00e0i nguy\u00ean \u0111\u00e3 \u0111\u01b0\u1ee3c t\u00ecm n\u1ea1p trong panel network n\u1ebfu b\u1ea1n th\u1eed ki\u1ec3m tra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/prefetch-trinh-duyet.png\" alt=\"c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 prefetch\" class=\"wp-image-14796\"\/><figcaption><a href=\"https:\/\/caniuse.com\/#search=prefetch\">C\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 link prefetch<\/a><\/figcaption><\/figure>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng t\u00edch h\u1ee3p t\u00ednh n\u0103ng link prefetching v\u00e0o WordPress b\u1eb1ng <a href=\"https:\/\/kiencang.net\/plugin-flying-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin nh\u01b0 Flying Pages<\/a>. Tuy nhi\u00ean c\u1ea7n l\u01b0u \u00fd l\u00e0 link prefetching ti\u00eau t\u1ed1n \u0111\u00e1ng k\u1ec3 t\u00e0i nguy\u00ean <a href=\"https:\/\/kiencang.net\/may-chu-goc\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e1y ch\u1ee7 g\u1ed1c<\/a>, n\u00ean tr\u00ean c\u00e1c host y\u1ebfu ho\u1eb7c\/v\u00e0 c\u00e1c m\u1ea1ng qu\u00e1 y\u1ebfu c\u00f3 th\u1ec3 s\u1ebd kh\u00f4ng ph\u00f9 h\u1ee3p do g\u00e2y qu\u00e1 t\u1ea3i.<\/p>\n\n\n\n<p>Link Prefetch ho\u1ea1t \u0111\u1ed9ng t\u1ed1t nh\u1ea5t khi n\u00f3 k\u1ebft h\u1ee3p v\u1edbi <a href=\"https:\/\/kiencang.net\/du-doan-prefetch\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00f4 h\u00ecnh d\u1ef1 \u0111o\u00e1n truy c\u1eadp k\u1ebf ti\u1ebfp<\/a> \u0111\u01b0\u1ee3c tr\u00edch xu\u1ea5t t\u1eeb c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch website nh\u01b0 Google Analytics.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-dns-prefetching\">2. DNS prefetching<\/h3>\n\n\n\n<p>DNS prefetching cho ph\u00e9p tr\u00ecnh duy\u1ec7t th\u1ef1c hi\u1ec7n <strong>t\u00ecm ki\u1ebfm DNS tr\u00ean trang d\u01b0\u1edbi ch\u1ebf \u0111\u1ed9 n\u1ec1n<\/strong> trong khi ng\u01b0\u1eddi d\u00f9ng duy\u1ec7t web. \u0110i\u1ec1u n\u00e0y gi\u00fap t\u1ed1i thi\u1ec3u h\u00f3a \u0111\u1ed9 tr\u1ec5 v\u00ec t\u00ecm ki\u1ebfm DNS \u0111\u00e3 c\u00f3 s\u1eb5n khi ng\u01b0\u1eddi d\u00f9ng click v\u00e0o li\u00ean k\u1ebft. <\/p>\n\n\n\n<p>DNS prefetching c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c th\u00eam v\u00e0o m\u1ed9t URL c\u1ee5 th\u1ec3 b\u1eb1ng c\u00e1ch th\u00eam tag <code>rel='dns-prefetch'<\/code> v\u00e0o thu\u1ed9c t\u00ednh li\u00ean k\u1ebft (link). Ch\u00fang t\u00f4i \u0111\u1ec1 xu\u1ea5t s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh n\u00e0y cho c\u00e1c t\u00e0i nguy\u00ean ki\u1ec3u nh\u01b0 Google fonts, Google analytics v\u00e0 <a href=\"https:\/\/kiencang.net\/cdn-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN c\u1ee7a b\u1ea1n<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>C\u00e1c y\u00eau c\u1ea7u DNS r\u1ea5t nh\u1ecf n\u1ebfu x\u00e9t tr\u00ean kh\u00eda c\u1ea1nh b\u0103ng th\u00f4ng\/bandwidth, nh\u01b0ng \u0111\u1ed9 tr\u1ec5\/latency c\u00f3 th\u1ec3 kh\u00e1 cao, \u0111\u1eb7c bi\u1ec7t tr\u00ean m\u1ea1ng di \u0111\u1ed9ng. <\/p><p>B\u1eb1ng c\u00e1ch t\u00ecm n\u1ea1p tr\u01b0\u1edbc c\u00e1c k\u1ebft qu\u1ea3 DNS, \u0111\u1ed9 tr\u1ec5 c\u00f3 th\u1ec3 gi\u1ea3m xu\u1ed1ng \u0111\u00e1ng k\u1ec3 v\u00e0o th\u1eddi \u0111i\u1ec3m nh\u1ea5t \u0111\u1ecbnh, ch\u1eb3ng h\u1ea1n khi ng\u01b0\u1eddi d\u00f9ng click v\u00e0o li\u00ean k\u1ebft. Trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p, \u0111\u1ed9 tr\u1ec5 c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u1ebfn m\u1ed9t gi\u00e2y. <\/p><cite>&#8211; Mozilla Developer Network<\/cite><\/blockquote>\n\n\n\n<p>N\u00f3 c\u0169ng h\u1eefu \u00edch cho c\u00e1c t\u00e0i nguy\u00ean \u1ea9n b\u00ean d\u01b0\u1edbi chuy\u1ec3n h\u01b0\u1edbng. Xem v\u00ed d\u1ee5 d\u01b0\u1edbi \u0111\u00e2y. B\u1ea1n c\u1ea7n \u0111\u1ec3 \u00fd l\u00e0 trong thu\u1ed9c t\u00ednh <code>href<\/code>, b\u1ea1n kh\u00f4ng c\u1ea7n th\u00eam http hay https, v\u00ec dns-fetch ch\u1ec9 d\u00f9ng \u0111\u1ec3 t\u00ecm n\u1ea1p tr\u01b0\u1edbc DNS, kh\u00f4ng li\u00ean quan \u0111\u1ebfn chuy\u1ec7n h\u00ecnh th\u00e0nh s\u1edbm k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt nh\u01b0 preconnect. <\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;!-- Prefetch DNS for external assets --&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\"&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/www.google-analytics.com\"&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/cdn.domain.com\"&gt;<\/pre>\n\n\n\n<p>\u0110i\u1ec1u kh\u00e1 th\u00fa v\u1ecb l\u00e0 Google Chrome l\u00e0m \u0111i\u1ec1u t\u01b0\u01a1ng t\u1ef1 khi b\u1ea1n g\u00f5 v\u00e0o thanh \u0111\u1ecba ch\u1ec9 v\u1edbi vi\u1ec7c gi\u1ea3i quy\u1ebft tr\u01b0\u1edbc DNS v\u00e0 preconnect TCP. <\/p>\n\n\n\n<p>DNS prefetch c\u0169ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi h\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i ngo\u1ea1i tr\u1eeb Opera Mini.<\/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\/trinh-duyet-ho-tro-prefetch.png\" alt=\"tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 DNS-prefetch\" class=\"wp-image-14798\"\/><figcaption><a href=\"https:\/\/caniuse.com\/#search=dns-prefetch\">C\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 DNS-prefetch<\/a><\/figcaption><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-prerendering\">3. Prerendering<\/h3>\n\n\n\n<p>Prerendering c\u0169ng r\u1ea5t gi\u1ed1ng v\u1edbi prefetching \u1edf ch\u1ed7 n\u00f3 thu th\u1eadp c\u00e1c ngu\u1ed3n t\u00e0i nguy\u00ean m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn t\u1eeb trang h\u1ecd \u0111ang xem. \u0110i\u1ec3m kh\u00e1c bi\u1ec7t l\u00e0 prerendering th\u1ef1c s\u1ef1 <strong>render to\u00e0n b\u1ed9 trang trong ch\u1ebf \u0111\u1ed9 n\u1ec1n<\/strong>, t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n c\u1ee7a t\u00e0i li\u1ec7u. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;link rel=\"prerender\" href=\"https:\/\/kiencang.net\"&gt;<\/pre>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>G\u1ee3i \u00fd <em>prerender<\/em> c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u1edfi \u1ee9ng d\u1ee5ng \u0111\u1ec3 cho bi\u1ebft \u0111i\u1ec1u h\u01b0\u1edbng HTML c\u00f3 kh\u1ea3 n\u0103ng ti\u1ebfp theo (next likely HTML navigation target): t\u00e1c nh\u00e2n ng\u01b0\u1eddi d\u00f9ng s\u1ebd t\u00ecm n\u1ea1p v\u00e0 x\u1eed l\u00fd t\u00e0i nguy\u00ean \u0111\u00e3 ch\u1ec9 \u0111\u1ecbnh d\u01b0\u1edbi d\u1ea1ng ph\u1ea3n h\u1ed3i HTML. <\/p><p>\u0110\u1ec3 t\u00ecm n\u1ea1p c\u00e1c lo\u1ea1i n\u1ed9i dung kh\u00e1c v\u1edbi c\u00e1c ti\u00eau \u0111\u1ec1 y\u00eau c\u1ea7u ph\u00f9 h\u1ee3p, ho\u1eb7c n\u1ebfu ti\u1ec1n x\u1eed l\u00fd HTML l\u00e0 \u0111i\u1ec1u kh\u00f4ng mong mu\u1ed1n, \u1ee9ng d\u1ee5ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng g\u1ee3i \u00fd <em>prefetch<\/em>.<\/p><cite>W3C<\/cite><\/blockquote>\n\n\n\n<p>B\u1ea1n c\u1ea7n c\u1ea9n th\u1eadn h\u01a1n v\u1edbi prerendering v\u00ec c\u00e1c y\u00eau c\u1ea7u t\u00e0i nguy\u00ean n\u1eb7ng nh\u1ecdc c\u00f3 th\u1ec3 g\u00e2y l\u00e3ng ph\u00ed b\u0103ng th\u00f4ng, \u0111\u1eb7c bi\u1ec7t l\u00e0 tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng. C\u0169ng c\u1ea7n l\u01b0u \u00fd l\u00e0 b\u1ea1n kh\u00f4ng th\u1ec3 ki\u1ec3m tra thu\u1ed9c t\u00ednh n\u00e0y v\u1edbi Chrome DevTools, thay v\u00e0o \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra m\u1ed9t trang c\u00f3 \u0111\u01b0\u1ee3c prerender hay ch\u01b0a b\u1eb1ng c\u00e1ch v\u00e0o <code>chrome:\/\/net-internals\/#prerender<\/code>. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 t\u1ef1 ki\u1ec3m tra b\u1eb1ng c\u00e1ch v\u00e0o \u0111\u01b0\u1eddng link  <a href=\"http:\/\/prerender-test.appspot.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/prerender-test.appspot.com\/<\/a> <\/p>\n\n\n\n<p>Prerender \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t, ngo\u1ea1i tr\u1eeb Firefox, Safari, iOS Safari, Opera Mini v\u00e0 tr\u00ecnh duy\u1ec7t m\u1eb7c \u0111\u1ecbnh c\u1ee7a Android.<\/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\/prerendering-trinh-duyet.png\" alt=\"c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 prerendering\" class=\"wp-image-14806\"\/><figcaption><a href=\"https:\/\/caniuse.com\/#search=prerender\">C\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 prerendering<\/a><\/figcaption><\/figure><\/div>\n\n\n<p>B\u00ean c\u1ea1nh vi\u1ec7c gia t\u0103ng s\u1eed d\u1ee5ng t\u00e0i nguy\u00ean, c\u00f3 m\u1ed9t s\u1ed1 nh\u01b0\u1ee3c \u0111i\u1ec3m kh\u00e1c khi b\u1ea1n s\u1eed d\u1ee5ng prefetching, ch\u1eb3ng h\u1ea1n nh\u01b0 nh\u1eefng chi tr\u00edch li\u00ean quan \u0111\u1ebfn t\u00ednh ri\u00eang t\u01b0.<\/p>\n\n\n\n<ul><li>C\u00e1c con s\u1ed1 th\u1ed1ng k\u00ea c\u00f3 th\u1ec3 b\u1ecb th\u1ed5i ph\u1ed3ng, m\u1eb7c d\u00f9 Google n\u00f3i r\u1eb1ng h\u1ecd \u0111\u00e3 ch\u1eb7n c\u00e1c th\u1ebb th\u1ed1ng k\u00ea trong ch\u1ebf \u0111\u1ed9 prefetching.<\/li><li>Ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 g\u1eb7p r\u1ee7i ro b\u1ea3o m\u1eadt h\u01a1n khi t\u1ea3i xu\u1ed1ng nhi\u1ec1u trang h\u01a1n, ho\u1eb7c t\u1eeb c\u00e1c trang kh\u00f4ng \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u.<\/li><li>Ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 vi ph\u1ea1m c\u00e1c th\u1ecfa thu\u1eadn s\u1eed d\u1ee5ng \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ea5p nh\u1eadn c\u1ee7a m\u1ea1ng ho\u1eb7c t\u1ed5 ch\u1ee9c c\u1ee7a h\u1ecd n\u1ebfu prefetching t\u00ecm n\u1ea1p tr\u01b0\u1edbc c\u00e1c n\u1ed9i dung h\u1ecd kh\u00f4ng c\u00f3 th\u1ea9m quy\u1ec1n.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preconnect\"><span class=\"ez-toc-section\" id=\"Preconnect\"><\/span>Preconnect<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Thu\u1ed9c t\u00ednh g\u1ee3i \u00fd t\u00e0i nguy\u00ean cu\u1ed1i c\u00f9ng m\u00e0 t\u00f4i mu\u1ed1n b\u00e0n \u0111\u1ebfn l\u00e0 <a href=\"https:\/\/kiencang.net\/preconnect-dns-prefetch\/\" target=\"_blank\" rel=\"noreferrer noopener\">preconnect<\/a>. Preconnect cho ph\u00e9p tr\u00ecnh duy\u1ec7t <strong>thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i s\u1edbm tr\u01b0\u1edbc khi y\u00eau c\u1ea7u HTTP th\u1ef1c s\u1ef1 \u0111\u01b0\u1ee3c g\u1eedi \u0111\u1ebfn server<\/strong>. \u0110i\u1ec1u n\u00e0y bao g\u1ed3m <a href=\"https:\/\/kiencang.net\/dns-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00ecm ki\u1ebfm DNS<\/a>, <a href=\"https:\/\/kiencang.net\/chung-chi-ssl-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u00e0m ph\u00e1n TLS, TCP handshakes<\/a>. Nh\u1edd th\u1ebf lo\u1ea1i b\u1ecf \u0111\u01b0\u1ee3c \u0111\u1ed9 tr\u1ec5 c\u1ee7a v\u00f2ng l\u1eb7p v\u00e0 ti\u1ebft ki\u1ec7m th\u1eddi gian cho ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Preconnect l\u00e0 c\u00f4ng c\u1ee5 quan tr\u1ecdng trong c\u00e1c ti\u1ec7n \u00edch t\u1ed1i \u01b0u c\u1ee7a b\u1ea1n&#8230;n\u00f3 c\u00f3 th\u1ec3 lo\u1ea1i b\u1ecf nhi\u1ec1u chi ph\u00ed v\u00f2ng l\u1eb7p kh\u1ecfi \u0111\u01b0\u1eddng d\u1eabn y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n &#8211; trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p \u0111\u1ed9 tr\u1ec5 c\u1ee7a y\u00eau c\u1ea7u c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c gi\u1ea3m h\u00e0ng tr\u0103m, th\u1eadm ch\u00ed l\u00e0 h\u00e0ng ng\u00e0n mili gi\u00e2y (1 gi\u00e2y = 1000 mili gi\u00e2y).<\/p><cite>Ilya Grigorik<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/co-va-khong-co-preconnect.png\" alt=\"T\u1ed1c \u0111\u1ed9 t\u1ea3i trang khi c\u00f3 v\u00e0 kh\u00f4ng c\u00f3 preconnect\" class=\"wp-image-14800\"\/><figcaption>T\u1ed1c \u0111\u1ed9 t\u1ea3i trang khi c\u00f3 v\u00e0 kh\u00f4ng c\u00f3 preconnect. Thu\u1ed9c t\u00ednh n\u00e0y gi\u00fap ti\u1ebft ki\u1ec7m th\u1eddi gian nh\u1edd vi\u1ec7c DNS \/ TCP \/ TLS \u0111\u01b0\u1ee3c <strong>th\u1ef1c hi\u1ec7n song song<\/strong> c\u00f9ng l\u00fac tr\u00ean nhi\u1ec1u t\u00e0i nguy\u00ean c\u1ee7a b\u00ean th\u1ee9 ba thay v\u00ec ph\u1ea3i th\u1ef1c hi\u1ec7n l\u1ea7n l\u01b0\u1ee3t.<\/figcaption><\/figure>\n\n\n\n<p>Preconnect c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c th\u00eam tr\u1ef1c ti\u1ebfp v\u00e0o th\u1ebb <code>&lt;link&gt;<\/code> nh\u01b0 l\u00e0 m\u1ed9t thu\u1ed9c t\u00ednh trong HTML. N\u00f3 c\u0169ng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i th\u00f4ng qua header Link HTTP ho\u1eb7c c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c JavaScript g\u1ecdi d\u1ef1a tr\u00ean h\u00e0nh \u0111\u1ed9ng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 v\u1ec1 vi\u1ec7c cho ph\u00e9p preconnect cho URL c\u1ee7a CDN.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;link href=\"https:\/\/cdn.domain.com\" rel=\"preconnect\" crossorigin&gt;<\/pre>\n\n\n\n<p>B\u00ean d\u01b0\u1edbi l\u00e0 m\u1ed9t v\u00ed d\u1ee5 v\u1ec1 vi\u1ec7c s\u1eed d\u1ee5ng preconnect cho Google Fonts (xem th\u00eam <a href=\"https:\/\/kiencang.net\/google-font-a-z\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u1eb9o t\u1ed1i \u01b0u h\u00f3a Google Fonts<\/a>). B\u1eb1ng c\u00e1ch th\u00eam g\u1ee3i \u00fd preconnect cho <em>fonts.gstatic.com<\/em>, n\u00f3 b\u1eaft \u0111\u1ea7u y\u00eau c\u1ea7u song song v\u1edbi y\u00eau c\u1ea7u CSS, cho ph\u00e9p y\u00eau c\u1ea7u font \u0111\u01b0\u1ee3c g\u1eedi \u0111i ngay l\u1eadp t\u1ee9c. Trong k\u1ecbch b\u1ea3n c\u1ee5 th\u1ec3 n\u00e0y, <strong>preconnect lo\u1ea1i b\u1ecf ba RTTs<\/strong> kh\u1ecfi <a href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/\" target=\"_blank\" rel=\"noreferrer noopener\">tuy\u1ebfn hi\u1ec3n th\u1ecb quan tr\u1ecdng<\/a> v\u00e0 <strong>lo\u1ea1i b\u1ecf h\u01a1n 0,5 gi\u00e2y \u0111\u1ed9 tr\u1ec5<\/strong>. B\u1ea1n c\u00f3 th\u1ec3 xem chi ti\u1ebft b\u00e0i vi\u1ebft c\u1ee7a Iya Grigorik v\u1ec1 <a href=\"https:\/\/www.igvita.com\/2015\/08\/17\/eliminating-roundtrips-with-preconnect\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1ch lo\u1ea1i b\u1ecf RTTs b\u1eb1ng preconnect<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-giup-giam-thoi-gian.png\" alt=\"Preconnect gi\u00fap gi\u1ea3m th\u1eddi gian t\u1ea3i trang\" class=\"wp-image-14801\"\/><figcaption>Preconnect gi\u00fap gi\u1ea3m th\u1eddi gian t\u1ea3i trang, ngu\u1ed3n \u1ea3nh c\u1ee7a Ilya Grigorik<\/figcaption><\/figure>\n\n\n\n<p>S\u1eed d\u1ee5ng preconnect m\u1ed9t c\u00e1ch c\u00f3 hi\u1ec7u qu\u1ea3 v\u00e0 c\u00f3 t\u00ednh to\u00e1n s\u1ebd kh\u00f4ng ch\u1ec9 gi\u00fap t\u1ed1i \u01b0u h\u00f3a website c\u1ee7a b\u1ea1n m\u00e0 c\u00f2n gi\u00fap b\u1ea1n s\u1eed d\u1ee5ng d\u01b0\u1edbi m\u1ee9c t\u00e0i nguy\u00ean. Preconnect \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i ngo\u1ea1i tr\u1eeb IE v\u00e0 Opera Mini.<\/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\/preconnect-trinh-duyet-ho-tro.png\" alt=\"c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 preconnect\" class=\"wp-image-14803\"\/><figcaption><a href=\"https:\/\/caniuse.com\/#search=preconnect\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 preconnect<\/a><\/figcaption><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"t\u1ed5ng-k\u1ebft\"><span class=\"ez-toc-section\" id=\"Tong_ket\"><\/span>T\u1ed5ng k\u1ebft<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Hy v\u1ecdng l\u00e0 gi\u1edd b\u1ea1n \u0111\u00e3 hi\u1ec3u h\u01a1n m\u1ed9t ch\u00fat v\u1ec1 preload, prefetch v\u00e0 preconnect l\u00e0 g\u00ec v\u00e0 l\u00e0m th\u1ebf n\u00e0o b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng ch\u00fang \u0111\u1ec3 t\u0103ng t\u1ed1c ph\u00e2n ph\u1ed1i n\u1ed9i dung v\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n quan tr\u1ecdng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh n\u00e0y <strong>m\u1ed9t c\u00e1ch c\u00f3 chi\u1ebfn l\u01b0\u1ee3c<\/strong> (ngh\u0129a l\u00e0 kh\u00f4ng ph\u1ea3i b\u1ea1n \u01b0u ti\u00ean m\u1ecdi t\u00e0i nguy\u00ean- khi c\u00e1i g\u00ec c\u0169ng \u0111\u01b0\u1ee3c \u01b0u ti\u00ean ngh\u0129a l\u00e0 b\u1ea1n kh\u00f4ng \u01b0u ti\u00ean c\u00e1i g\u00ec c\u1ea3!). S\u1ebd r\u1ea5t th\u00fa v\u1ecb khi th\u1ea5y ch\u1ec9 th\u1ecb preload nh\u1eadn \u0111\u01b0\u1ee3c nhi\u1ec1u h\u1ed7 tr\u1ee3 h\u01a1n sau v\u00e0i th\u00e1ng t\u1edbi v\u00e0 c\u00e1c nh\u00e0 l\u1eadp tr\u00ecnh web b\u1eaft \u0111\u1ea7u ch\u1ea5p nh\u1eadn n\u00f3 nhi\u1ec1u h\u01a1n.<\/p>\n\n\n\n<p>B\u1ea1n ngh\u0129 g\u00ec v\u1ec1 nh\u1eefng g\u1ee3i \u00fd t\u00e0i nguy\u00ean n\u00e0y? B\u1ea1n \u0111\u00e3 th\u1eed v\u1edbi t\u1ea5t c\u1ea3 ch\u00fang ch\u01b0a? N\u1ebfu c\u00f3, t\u00f4i mu\u1ed1n nghe b\u1ea1n k\u1ec3 v\u1ec1 ch\u00fang trong ph\u1ea7n b\u00ecnh lu\u1eadn.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft Resource Hints &#8211; What is Preload, Prefetch, and Preconnect? c\u1ee7a t\u00e1c gi\u1ea3 Brian Jackson, KeyCDN)<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h\u01b0\u1edbng-d\u1eabn-tich-h\u1ee3p-vao-wordpress\"><span class=\"ez-toc-section\" id=\"Huong_dan_tich_hop_vao_WordPress\"><\/span>H\u01b0\u1edbng d\u1eabn t\u00edch h\u1ee3p v\u00e0o WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ph\u1ea7n n\u00e0y ng\u01b0\u1eddi d\u1ecbch s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n t\u00edch h\u1ee3p c\u00e1c thu\u1ed9c t\u00ednh preconnect, prefetch v\u00e0 preload v\u00e0o WordPress- h\u1ec7 qu\u1ea3n tr\u1ecb web ph\u1ed5 bi\u1ebfn nh\u1ea5t hi\u1ec7n nay.<\/p>\n\n\n\n<p>C\u00f4ng c\u1ee5 v\u1ec1 c\u01a1 b\u1ea3n, b\u1ea1n ch\u1ec9 c\u1ea7n 3 th\u1ee9:<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tools.pingdom.com<\/a> \u0111\u1ec3 ph\u00e1t hi\u1ec7n t\u00e0i nguy\u00ean b\u00ean th\u1ee9 ba v\u00e0 c\u00e1c t\u00e0i nguy\u00ean n\u1ed9i b\u1ed9 x\u00e2y d\u1ef1ng l\u00ean trang web.<\/li><li><a href=\"https:\/\/kiencang.net\/plugin-autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugin Autoptimize<\/a> \u0111\u1ec3 t\u00edch h\u1ee3p preload v\u00e0 preconnect v\u00e0o website.<\/li><li><a href=\"https:\/\/vi.wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugin Insert headers and footers<\/a> \u0111\u1ec3 ch\u00e8n dns-prefetch khi c\u1ea7n.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"b\u01b0\u1edbc-1-phan-tich-tai-nguyen\"><strong>B\u01b0\u1edbc 1: Ph\u00e2n t\u00edch t\u00e0i nguy\u00ean<\/strong><\/h3>\n\n\n\n<p>Truy c\u1eadp c\u00f4ng c\u1ee5 pingdom ph\u00eda tr\u00ean, l\u1ea5y m\u1ed9t b\u00e0i vi\u1ebft ph\u1ed5 bi\u1ebfn c\u1ee7a website (b\u00e0i vi\u1ebft c\u00f3 l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp cao v\u00e0 c\u00f3 c\u00f9ng \u0111\u1ecbnh d\u1ea1ng v\u1edbi nhi\u1ec1u b\u00e0i vi\u1ebft kh\u00e1c- th\u01b0\u1eddng l\u00e0 b\u00e0i post tr\u00ean trang), r\u1ed3i b\u1eaft \u0111\u1ea7u ki\u1ec3m tra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/pingdom-test.png\" alt=\"D\u00f9ng pingdom \u0111\u1ec3 ki\u1ec3m tra\" class=\"wp-image-14843\"\/><\/figure>\n\n\n\n<p>Khi ti\u1ebfn h\u00e0nh xong, b\u1ea1n k\u00e9o xu\u1ed1ng ph\u00eda d\u01b0\u1edbi \u0111\u1ec3 bi\u1ebft dung l\u01b0\u1ee3ng t\u00e0i nguy\u00ean \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng (content size by domain) c\u0169ng nh\u01b0 s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i c\u1ee7a n\u00f3 (request by domain), c\u1ea3 b\u00ean trong, l\u1eabn b\u00ean ngo\u00e0i website: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/phan-tich-tai-nguyen-1024x345.png\" alt=\"ph\u00e2n t\u00edch k\u1ebft n\u1ed1i trong v\u00e0 ngo\u00e0i website\" class=\"wp-image-14844\"\/><\/figure>\n\n\n\n<p>Ph\u1ea7n n\u00e0y cho b\u1ea1n bi\u1ebft v\u1ec1 t\u1ed5ng th\u1ec3 website \u0111ang l\u1ea5y t\u00e0i nguy\u00ean \u1edf \u0111\u00e2u v\u1edbi dung l\u01b0\u1ee3ng bao nhi\u00eau, v\u00e0 x\u1ebfp theo th\u1ee9 t\u1ef1 t\u1eeb l\u1edbn \u0111\u1ebfn b\u00e9, t\u1eeb nhi\u1ec1u \u0111\u1ebfn \u00edt, nh\u01b0ng n\u00f3 kh\u00f4ng cho bi\u1ebft chi ti\u1ebft c\u00e1c file c\u1ee5 th\u1ec3. \u0110\u1ec3 r\u00f5 h\u01a1n b\u1ea1n k\u00e9o xu\u1ed1ng b\u00ean d\u01b0\u1edbi m\u1ed9t ch\u00fat:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/cu-the-tung-tai-nguyen-1024x561.png\" alt=\"ph\u00e2n t\u00edch c\u1ee5 th\u1ec3 t\u1eebng t\u00e0i nguy\u00ean\" class=\"wp-image-14845\"\/><\/figure>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 nh\u1ea5n m\u0169i t\u00ean &gt; \u0111\u1ec3 xem ti\u1ebfp c\u00e1c file kh\u00e1c, ho\u1eb7c nh\u1eadp lu\u00f4n to\u00e0n b\u1ed9 s\u1ed1 l\u01b0\u1ee3ng requests v\u00e0o \u00f4 <em>Entries per page<\/em> \u0111\u1ec3 bi\u1ebft t\u1ed5ng th\u1ec3 (\u1edf \u0111\u00e2y l\u00e0 39 requests, t\u00f4i bi\u1ebft \u0111\u01b0\u1ee3c con s\u1ed1 n\u00e0y nh\u1edd nh\u00ecn v\u00e0o g\u00f3c d\u01b0\u1edbi c\u00f9ng b\u00ean tay tr\u00e1i).<\/p>\n\n\n\n<p>K\u1ebft h\u1ee3p 2 th\u00f4ng tin n\u00e0y b\u1ea1n s\u1ebd bi\u1ebft ph\u1ea3i l\u00e0m g\u00ec:<\/p>\n\n\n\n<ul><li><strong>preconnect<\/strong> \u0111\u1ec3 th\u1ef1c hi\u1ec7n k\u1ebft n\u1ed1i s\u1edbm v\u1edbi host ngo\u00e0i host g\u1ed1c c\u1ee7a b\u1ea1n (host g\u1ed1c c\u1ee7a b\u1ea1n th\u00ec kh\u00f4ng c\u1ea7n preconnect). \u1ede tr\u00ean ta c\u00f3 th\u1ec3 th\u1ea5y \u0111\u00f3 l\u00e0 nh\u1eefng mi\u1ec1n nh\u01b0: https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js, https:\/\/www.googletagservices.com, https:\/\/googleads.g.doubleclick.net, https:\/\/secure.gravatar.com \/ c\u00e1c host b\u00ean ngo\u00e0i v\u1edbi <em>s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i nhi\u1ec1u<\/em> n\u00ean c\u00e2n nh\u1eafc preconnect.<\/li><li><strong>preload<\/strong> th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 load tr\u01b0\u1edbc c\u00e1c file quan tr\u1ecdng nh\u01b0 font s\u1eed d\u1ee5ng cho website, trong tr\u01b0\u1eddng h\u1ee3p c\u1ee7a t\u00f4i v\u00ec website kh\u00f4ng s\u1eed d\u1ee5ng <code>@font-face<\/code> m\u00e0 ch\u1ec9 s\u1eed d\u1ee5ng font m\u1eb7c \u0111\u1ecbnh tr\u00ean m\u00e1y t\u00ednh (font c\u00f3 s\u1eb5n tr\u00ean thi\u1ebft b\u1ecb ng\u01b0\u1eddi d\u00f9ng, c\u00f2n g\u1ecdi l\u00e0 font an to\u00e0n) n\u00ean t\u00f4i t\u1ea1m th\u1eddi kh\u00f4ng c\u1ea7n quan t\u00e2m \u0111\u1ebfn n\u00f3 \/ preload c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng cho c\u1ea3 file quan tr\u1ecdng b\u00ean trong l\u1eabn b\u00ean ngo\u00e0i host g\u1ed1c nh\u01b0 JS, CSS, \u1ea3nh.<\/li><li><strong>dns-prefetch<\/strong> th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 t\u00ecm ki\u1ebfm tr\u01b0\u1edbc DNS c\u1ee7a c\u00e1c d\u1ecbch v\u1ee5 nh\u01b0 Google Analytics, Facebook ho\u1eb7c <a href=\"https:\/\/kiencang.net\/cdn-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN c\u1ee7a b\u1ea1n<\/a>.<\/li><li><strong>preconnect t\u1ed1t h\u01a1n dns-prefetch<\/strong> v\u00ec n\u00f3 c\u00f2n th\u1ef1c hi\u1ec7n c\u1ea3 k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt n\u1eefa, nh\u01b0ng preconnect ch\u1ec9 n\u00ean th\u1ef1c hi\u1ec7n cho c\u00e1c t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i quan tr\u1ecdng, c\u00f2n nh\u1eefng c\u00e1i kh\u00f4ng qu\u00e1 quan tr\u1ecdng ch\u1ec9 n\u00ean d\u00f9ng dns-prefetch. Th\u00eam n\u1eefa <a href=\"https:\/\/kiencang.net\/preconnect-dns-prefetch\/\" target=\"_blank\" rel=\"noreferrer noopener\">dns-prefetch l\u00e0 m\u1ed9t d\u1ef1 ph\u00f2ng t\u1ed1t cho c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3 preconnect<\/a>.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"b\u01b0\u1edbc-2-s\u1eed-d\u1ee5ng-plugin-autoptimize-d\u1ec3-them-preconnect-va-preload\"><strong>B\u01b0\u1edbc 2: S\u1eed d\u1ee5ng plugin Autoptimize \u0111\u1ec3 th\u00eam preconnect v\u00e0 preload<\/strong><\/h3>\n\n\n\n<p>B\u1ea1n v\u00e0o <em>Autoptimize &gt; Extra &gt;  Preconnect to 3rd party<\/em> ho\u1eb7c <em>Preload specific requests<\/em> \u0111\u1ec3 ti\u1ebfn h\u00e0nh th\u00eam:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-preload.png\" alt=\"th\u00eam preconnect v\u00e0 preload v\u00e0o plugin Autoptimize\" class=\"wp-image-14846\"\/><\/figure>\n\n\n\n<p>C\u00f3 hai th\u1ee9 b\u1ea1n c\u1ea7n l\u01b0u \u00fd \u1edf \u0111\u00e2y:<\/p>\n\n\n\n<ul><li>V\u1edbi preconnect: c\u00e1c t\u00ean mi\u1ec1n c\u1ea7n c\u00e1ch nhau b\u1edfi d\u1ea5u ph\u1ea9y (,) v\u00e0 ph\u1ea3i \u0111\u1ee7 https ho\u1eb7c http.<\/li><li>V\u1edbi preload: b\u1ea1n c\u1ea7n c\u1ea9n tr\u1ecdng, v\u00ec c\u00e1i n\u00e0y kh\u00f4ng ch\u1ec9 th\u1ef1c hi\u1ec7n k\u1ebft n\u1ed1i s\u1edbm m\u00e0 c\u00f2n <strong>\u01b0u ti\u00ean t\u1ea3i file n\u00e0y v\u1ec1 tr\u01b0\u1edbc c\u00e0ng s\u1edbm c\u00e0ng t\u1ed1t<\/strong>, n\u00ean n\u1ebfu b\u1ea1n \u00e1p d\u1ee5ng cho nh\u1eefng file kh\u00f4ng quan tr\u1ecdng m\u00e0 l\u1ea1i c\u00f3 dung l\u01b0\u1ee3ng l\u1edbn, b\u1ea1n s\u1ebd l\u00e0m ch\u1eadm website (tr\u00e1i ng\u01b0\u1ee3c ho\u00e0n to\u00e0n v\u1edbi m\u1ee5c ti\u00eau ban \u0111\u1ea7u!). <em>Th\u1ebf n\u00e0o l\u00e0 file quan tr\u1ecdng<\/em> th\u00ec \u0111\u00f4i khi c\u00f2n t\u00f9y quan \u0111i\u1ec3m c\u1ee7a website. Ch\u1eb3ng h\u1ea1n m\u1ed9t \u0111o\u1ea1n m\u00e3 JS t\u1eeb Google Adsense n\u1ebfu \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u1ea3i tr\u01b0\u1edbc s\u1ebd gi\u00fap qu\u1ea3ng c\u00e1o hi\u1ec3n th\u1ecb nhanh h\u01a1n, website n\u00e0o \u0111\u1eb7t tr\u1ecdng t\u00e2m v\u1ec1 kh\u00eda c\u1ea1nh kinh t\u1ebf s\u1ebd \u01b0u ti\u00ean t\u1ea3i file n\u00e0y (kh\u00f4ng c\u00f3 \u00fd \u0111\u00e1nh gi\u00e1 ham b\u1ea1c, h\u00e1m ti\u1ec1n \u0111\u00e2u \u1ea1), c\u00f2n website n\u00e0o cho r\u1eb1ng n\u1ed9i dung v\u1eabn c\u1ea7n \u01b0u ti\u00ean h\u01a1n s\u1ebd kh\u00f4ng preload n\u00f3&#8230;T\u01b0\u01a1ng t\u1ef1 c\u00e1c file preload c\u0169ng c\u1ea7n c\u00e1ch nhau b\u1edfi d\u1ea5u ph\u1ea9y v\u00e0 c\u00f3 \u0111\u1ea7y \u0111\u1ee7 \u0111\u01b0\u1eddng d\u1eabn.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"b\u01b0\u1edbc-3-s\u1eed-d\u1ee5ng-insert-headers-and-footers-d\u1ec3-them-dns-prefetch\"><strong>B\u01b0\u1edbc 3: S\u1eed d\u1ee5ng Insert Headers and Footers \u0111\u1ec3 th\u00eam dns-prefetch<\/strong><\/h3>\n\n\n\n<p>V\u00ec Autoptimze kh\u00f4ng h\u1ed7 tr\u1ee3 dns-prefetch n\u00ean b\u1ea1n c\u1ea7n s\u1eed d\u1ee5ng plugin t\u00f4i v\u1eeba \u0111\u1ec1 c\u1eadp \u1edf tr\u00ean. V\u00ed d\u1ee5:<\/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\/header-dns-fetch.png\" alt=\"header dns-prefetch\" class=\"wp-image-14847\"\/><\/figure><\/div>\n\n\n<p>B\u1ea1n l\u01b0u \u00fd l\u00e0 \u0111o\u1ea1n m\u00e3 dns-prefetch \u1edf tr\u00ean ph\u1ea3i \u0111\u01b0\u1ee3c \u0111\u1eb7t trong ph\u1ea7n Header v\u00e0 tr\u01b0\u1edbc c\u00e1c \u0111o\u1ea1n m\u00e3 m\u00e0 b\u1ea1n mu\u1ed1n prefetch. Ngo\u00e0i ra kh\u00f4ng c\u1ea7n th\u00eam http hay https tr\u01b0\u1edbc t\u00ean mi\u1ec1n c\u1ea7n t\u00ecm n\u1ea1p DNS (v\u00ec n\u00f3 kh\u00f4ng c\u00f3 nhi\u1ec7m v\u1ee5 thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt, \u1edf \u0111\u00e2y n\u00f3 ch\u1ec9 th\u1ef1c hi\u1ec7n t\u00ecm ki\u1ebfm DNS m\u00e0 th\u00f4i).<\/p>\n\n\n\n<p>V\u00ec dns-prefetch ch\u1ec9 th\u1ef1c hi\u1ec7n t\u00ecm ki\u1ebfm DNS n\u00ean n\u00f3 s\u1ebd kh\u00f4ng hi\u1ec7u qu\u1ea3 b\u1eb1ng preconnect, v\u00ec preconnect c\u00f2n th\u1ef1c hi\u1ec7n thao t\u00e1c k\u1ebft n\u1ed1i https n\u1ebfu t\u00e0i nguy\u00ean b\u00ean th\u1ee9 ba c\u00f3 s\u1eed d\u1ee5ng k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt (v\u00e0 n\u00f3i chung t\u00e0i nguy\u00ean b\u00ean th\u1ee9 ba th\u01b0\u1eddng s\u1eed d\u1ee5ng k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt).<\/p>\n\n\n\n<p>V\u1eady th\u00ec t\u1ea1i sao ng\u01b0\u1eddi ta v\u1eabn s\u1eed d\u1ee5ng dns-prefetch?<\/p>\n\n\n\n<p>L\u00fd do c\u00f3 th\u1ec3 l\u00e0 v\u00ec ng\u00e0y x\u01b0a dns-prefetch \u0111\u01b0\u1ee3c nhi\u1ec1u tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 h\u01a1n preconnect (tuy nhi\u00ean hi\u1ec7n nay m\u1ee9c \u0111\u1ed9 h\u1ed7 tr\u1ee3 preconnect \u0111\u00e3 r\u1ea5t cao, t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 bi\u1ebfn nh\u1ea5t c\u00f9ng nhi\u1ec1u phi\u00ean b\u1ea3n tr\u00ean di \u0111\u1ed9ng c\u1ee7a ch\u00fang \u0111\u00e3 h\u1ed7 tr\u1ee3 preconnect r\u1ed3i, n\u00ean t\u00ednh t\u01b0\u01a1ng th\u00edch c\u1ee7a n\u00f3 l\u00e0 \u0111i\u1ec1u b\u1ea1n kh\u00f4ng c\u1ea7n lo l\u1eafng).<\/p>\n\n\n\n<p>Ngo\u00e0i l\u00fd do tr\u00ean th\u00ec t\u00f4i v\u1eabn kh\u00f4ng r\u00f5 v\u00ec sao \u0111\u00f4i khi ng\u01b0\u1eddi ta v\u1eabn th\u00edch d\u00f9ng dns-prefetch h\u01a1n.<\/p>\n\n\n\n<p>Sau khi ho\u00e0n th\u00e0nh v\u00e0 nh\u1ea5n l\u01b0u m\u1ecdi th\u1ee9, b\u1ea1n ti\u1ebfn h\u00e0nh ki\u1ec3m tra m\u00e3 ngu\u1ed3n c\u1ee7a website (l\u01b0u \u00fd x\u00f3a cache ho\u1eb7c\/v\u00e0 t\u1ea3i l\u1ea1i trang c\u1ea7n ki\u1ec3m tra v\u00e0i l\u1ea7n), n\u1ebfu th\u1ea5y c\u00e1c thu\u1ed9c t\u00ednh &#8216;pre&#8217; \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng l\u00ean t\u00e0i nguy\u00ean nh\u01b0 b\u1ea1n mong mu\u1ed1n th\u00ec b\u1ea1n \u0111\u00e3 th\u00e0nh c\u00f4ng r\u1ed3i.<\/p>\n\n\n\n<p>S\u1eafp t\u1edbi t\u00f4i s\u1ebd t\u00ecm hi\u1ec3u th\u00eam c\u00f3 plugin n\u00e0o chuy\u00ean s\u00e2u l\u00e0m c\u00e1c nhi\u1ec7m v\u1ee5 pre* n\u00e0y hay kh\u00f4ng. B\u1edfi v\u00ec Autoptimize n\u00f3 v\u1eabn c\u00f3 \u0111i\u1ec3m y\u1ebfu l\u00e0 kh\u00f4ng t\u00f9y bi\u1ebfn \u0111\u01b0\u1ee3c v\u1edbi t\u1eebng b\u00e0i vi\u1ebft c\u1ee5 th\u1ec3, ch\u1eb3ng h\u1ea1n v\u1edbi c\u00e1c b\u00e0i vi\u1ebft c\u00f3 video YouTube t\u00f4i s\u1ebd mu\u1ed1n <a href=\"https:\/\/kiencang.net\/preconnect-youtube\/\" target=\"_blank\" rel=\"noreferrer noopener\">preconnect t\u1edbi YouTube v\u00e0 m\u1ed9t s\u1ed1 ngu\u1ed3n ph\u1ee5 kh\u00e1c li\u00ean quan \u0111\u1ebfn n\u00f3<\/a>, trong khi c\u00e1c b\u00e0i vi\u1ebft kh\u00e1c kh\u00f4ng s\u1eed d\u1ee5ng video th\u00ec ho\u00e0n to\u00e0n kh\u00f4ng c\u1ea7n. Hi\u1ec7n Autoptimize \u00e1p d\u1ee5ng l\u00ean t\u1ea5t c\u1ea3 c\u00e1c b\u00e0i vi\u1ebft, v\u00e0 g\u00e2y l\u00e3ng ph\u00ed tr\u00ean nh\u1eefng trang kh\u00f4ng d\u00f9ng.<\/p>\n\n\n\n<p>P\/S 1: t\u00f4i v\u1eeba ph\u00e1t hi\u1ec7n <a href=\"https:\/\/wordpress.org\/plugins\/pre-party-browser-hints\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Pre* Party Resource Hints<\/a> chuy\u00ean d\u00f9ng \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c k\u1ebft n\u1ed1i tr\u01b0\u1edbc n\u00e0y. \u01afu \u0111i\u1ec3m l\u00e0 n\u00f3 c\u00f3 c\u1ea3 prefetch, preconnect, preload l\u1eabn dns-prefetch v\u1edbi \u0111\u1ea7y \u0111\u1ee7 c\u00e1c t\u00f9y ch\u1ecdn. Tuy nhi\u00ean th\u00ec n\u00f3 hi\u1ec7n v\u1eabn kh\u00f4ng c\u00f3 t\u00ednh n\u0103ng t\u00f9y ch\u1ec9nh tr\u00ean t\u1eebng trang.<\/p>\n\n\n\n<p>P\/S 2: cu\u1ed1i c\u00f9ng t\u00f4i c\u0169ng t\u00ecm \u0111\u01b0\u1ee3c <a href=\"https:\/\/wordpress.org\/plugins\/oh-add-script-header-footer\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin c\u00f3 t\u00ean SOGO<\/a> c\u00f3 kh\u1ea3 n\u0103ng t\u00f9y bi\u1ebfn header, footer tr\u00ean t\u1eebng trang v\u00e0 s\u1ebd kh\u1eafc ph\u1ee5c \u0111\u01b0\u1ee3c v\u1ea5n \u0111\u1ec1 t\u1ed1i \u01b0u s\u00e2u tr\u00ean nh\u1eefng trang c\u00f3 k\u1ebft n\u1ed1i kh\u00e1c c\u00e1c trang th\u00f4ng th\u01b0\u1eddng.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ed9 ba nguy\u00ean t\u1eed n\u00e0y s\u1ebd gi\u00fap ch\u00fang ta c\u1ea3i thi\u1ec7n v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 website nhi\u1ec1u khi \u0111\u00e1ng kinh ng\u1ea1c m\u00e0 kh\u00f4ng t\u1ed1n \u0111\u1ed3ng xu c\u1eafc b\u1ea1c n\u00e0o. D\u00f9 cho n\u00f3 c\u00f3 v\u1ebb &#8220;high tech&#8221; th\u00ec t\u1ea5t c\u1ea3 nh\u1eefng \u0111i\u1ec1u b\u1ea1n c\u1ea7n n\u1eafm b\u1eaft l\u00e0 \u00fd t\u01b0\u1edfng c\u01a1 b\u1ea3n, &hellip;<\/p>\n","protected":false},"author":1,"featured_media":21353,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[291],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"description\" content=\"Preload, prefetch v\u00e0 preconnect l\u00e0 c\u00e1c c\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 website. Th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3 n\u1ebfu b\u1ea1n l\u00e0m kh\u00e9o l\u00e9o.\" \/>\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\/preload-prefetch-preconnect\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Preload, prefetch v\u00e0 preconnect l\u00e0 c\u00e1c c\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 website. Th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3 n\u1ebfu b\u1ea1n l\u00e0m kh\u00e9o l\u00e9o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/preload-prefetch-preconnect\/\" \/>\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=\"2022-01-06T03:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-20T14:24:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/01\/tai-nguyen-tai-uu-tien.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"21 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress &#8226; Ki\u1ebfn c\u00e0ng","description":"Preload, prefetch v\u00e0 preconnect l\u00e0 c\u00e1c c\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 website. Th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3 n\u1ebfu b\u1ea1n l\u00e0m kh\u00e9o l\u00e9o.","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\/preload-prefetch-preconnect\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Preload, prefetch v\u00e0 preconnect l\u00e0 c\u00e1c c\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 website. Th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3 n\u1ebfu b\u1ea1n l\u00e0m kh\u00e9o l\u00e9o.","og_url":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2022-01-06T03:59:00+00:00","article_modified_time":"2022-08-20T14:24:32+00:00","og_image":[{"width":640,"height":430,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/01\/tai-nguyen-tai-uu-tien.jpg","type":"image\/jpeg"}],"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":"21 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/","url":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/","name":"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2022-01-06T03:59:00+00:00","dateModified":"2022-08-20T14:24:32+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"description":"Preload, prefetch v\u00e0 preconnect l\u00e0 c\u00e1c c\u00e1ch \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 website. Th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3 n\u1ebfu b\u1ea1n l\u00e0m kh\u00e9o l\u00e9o.","breadcrumb":{"@id":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/preload-prefetch-preconnect\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/preload-prefetch-preconnect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"T\u00ecm hi\u1ec3u preload, prefetch v\u00e0 preconnect, c\u0169ng nh\u01b0 c\u00e1ch t\u00edch h\u1ee3p ch\u00fang v\u00e0o WordPress"}]},{"@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\/16846"}],"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=16846"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16846\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/21353"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}