{"id":16847,"date":"2020-03-06T16:21:11","date_gmt":"2020-03-06T09:21:11","guid":{"rendered":"https:\/\/kiencang.net\/?p=14822"},"modified":"2020-03-06T16:21:11","modified_gmt":"2020-03-06T09:21:11","slug":"giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van","status":"publish","type":"post","link":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/","title":{"rendered":"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n)"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote\"><p>V\u1edbi g\u1ee3i \u00fd t\u00e0i nguy\u00ean c\u1ee7a preconnect, b\u1ea1n c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u1ed9 tr\u1ec5 y\u00eau c\u1ea7u v\u00e0 l\u00e0m website t\u1ea3i nhanh h\u01a1n.<\/p><cite>Jeremy Frank<\/cite><\/blockquote>\n\n\n<p>Y\u00eau c\u1ea7u m\u1ed9t t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i website ho\u1eb7c \u1ee9ng d\u1ee5ng l\u00e0m ph\u00e1t sinh m\u1ed9t s\u1ed1 v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i (round-trips) tr\u01b0\u1edbc khi tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 th\u1ef1c s\u1ef1 t\u1ea3i t\u00e0i nguy\u00ean \u0111\u00f3 v\u1ec1. C\u00e1c v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i n\u00e0y bao g\u1ed3m <a href=\"https:\/\/kiencang.net\/toi-thieu-thoi-gian-tra-cuu-dns\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00ecm ki\u1ebfm DNS<\/a>, TCP handshake, v\u00e0 \u0111\u00e0m ph\u00e1n TLS (n\u1ebfu SSL- t\u1ee9c li\u00ean k\u1ebft b\u1ea3o m\u1eadt \u0111\u01b0\u1ee3c d\u00f9ng).<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-1.png\" alt=\"t\u00ecm ki\u1ebfm DNS, TCP handshake v\u00e0 \u0111\u00e0m ph\u00e1n TLS\" class=\"wp-image-14823\"\/><\/figure>\n\n\n<p>Ph\u1ee5 thu\u1ed9c v\u00e0o t\u00ecnh hu\u1ed1ng c\u1ee5 th\u1ec3 c\u1ee7a trang v\u00e0 \u0111i\u1ec1u ki\u1ec7n m\u1ea1ng, c\u00e1c v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i n\u00e0y c\u00f3 th\u1ec3 b\u1ed5 sung h\u00e0ng tr\u0103m mili gi\u00e2y \u0111\u1ed9 tr\u1ec5, th\u1eadm ch\u00ed c\u00f2n h\u01a1n n\u1eefa. N\u1ebfu b\u1ea1n y\u00eau c\u1ea7u c\u00e1c t\u00e0i nguy\u00ean t\u1eeb v\u00e0i host kh\u00e1c nhau, con s\u1ed1 n\u00e0y c\u00f3 th\u1ec3 t\u0103ng l\u00ean nhanh ch\u00f3ng, v\u00e0 b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y trang t\u1ea3i ch\u1eadm h\u01a1n, \u0111\u1eb7c bi\u1ec7t tr\u00ean k\u1ebft n\u1ed1i di \u0111\u1ed9ng, m\u1ea1ng wifi kh\u00f4ng \u1ed5n \u0111\u1ecbnh, ho\u1eb7c khi ngh\u1ebdn m\u1ea1ng.<\/p>\n\n\n<p>M\u1ed9t trong c\u00e1c c\u00e1ch d\u1ec5 d\u00e0ng nh\u1ea5t \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u0103ng t\u1ed1c website<\/a> ho\u1eb7c \u1ee9ng d\u1ee5ng \u0111\u00f3 l\u00e0 <strong>th\u00eam g\u1ee3i \u00fd preconnect<\/strong> cho b\u1ea5t c\u1ee9 host n\u00e0o m\u00e0 b\u1ea1n s\u1ebd y\u00eau c\u1ea7u t\u1ea3i t\u00e0i nguy\u00ean t\u1eeb n\u00f3 (*). C\u00e1c g\u1ee3i \u00fd n\u00e0y v\u1ec1 b\u1ea3n ch\u1ea5t n\u00f3i cho tr\u00ecnh duy\u1ec7t bi\u1ebft host g\u1ed1c n\u01a1i ch\u1ee9a c\u00e1c t\u00e0i nguy\u00ean, v\u00ec th\u1ebf n\u00f3 c\u00f3 th\u1ec3 <em>chu\u1ea9n b\u1ecb m\u1ecdi th\u1ee9 b\u1eb1ng c\u00e1ch thi\u1ebft l\u1eadp m\u1ecdi k\u1ebft n\u1ed1i c\u1ea7n thi\u1ebft<\/em> cho c\u00e1c t\u00e0i nguy\u00ean \u0111\u00f3.<\/p>\n\n\n<p>B\u00ean d\u01b0\u1edbi l\u00e0 m\u1ed9t v\u00e0i t\u00ecnh hu\u1ed1ng khi m\u00e0 vi\u1ec7c b\u1ed5 sung g\u1ee3i \u00fd preconnect c\u00f3 th\u1ec3 l\u00e0m m\u1ecdi th\u1ee9 t\u1ea3i nhanh h\u01a1n.<\/p>\n\n\n<p>(*)- Ch\u00fa th\u00edch c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: <a href=\"https:\/\/kiencang.net\/trai-nghiem-link-preconnect\/\">preconnect \u0111\u1ebfn m\u1ecdi t\u00e0i nguy\u00ean c\u1ee7a b\u00ean th\u1ee9 ba \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh l\u00e0 c\u00f3 th\u1ec3 l\u00e0m website hi\u1ec3n th\u1ecb ch\u1eadm \u0111i<\/a> so v\u1edbi vi\u1ec7c preconnect c\u1ea9n th\u1eadn, c\u00f3 ch\u1ecdn l\u1ecdc.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Hi\u1ec3n th\u1ecb Google font nhanh h\u01a1n<\/h2>\n\n\n<p>Google font c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng t\u1ed1t. \u0110\u00e2y l\u00e0 d\u1ecbch v\u1ee5 \u0111\u00e1ng tin c\u1eady v\u00e0 c\u00f3 t\u1ed1c \u0111\u1ed9 cao do s\u1eed d\u1ee5ng m\u1ea1ng CDN to\u00e0n c\u1ea7u c\u1ee7a \u00f4ng l\u1edbn Google. Tuy nhi\u00ean, v\u00ec <a href=\"https:\/\/kiencang.net\/nhung-font-web-font-face\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c ch\u1ec9 d\u1eabn @font-face<\/a> tr\u01b0\u1edbc h\u1ebft ph\u1ea3i \u0111\u01b0\u1ee3c t\u00ecm th\u1ea5y trong file CSS tr\u01b0\u1edbc khi tr\u00ecnh duy\u1ec7t th\u1ef1c hi\u1ec7n c\u00e1c y\u00eau c\u1ea7u v\u1ec1 font cho web,  \u0111i\u1ec1u n\u00e0y th\u01b0\u1eddng c\u00f3 th\u1ec3 <a href=\"https:\/\/kiencang.net\/dam-bao-van-ban-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">g\u00e2y \u0111\u1ed9 tr\u1ec5 hi\u1ec3n th\u1ecb<\/a> (hi\u1ec7n t\u01b0\u1ee3ng FOIT) \u0111\u00e1ng ch\u00fa \u00fd <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">trong khi trang render<\/a>. Ch\u00fang ta c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u00e1ng k\u1ec3 \u0111\u1ed9 tr\u1ec5 n\u00e0y b\u1eb1ng c\u00e1ch th\u00eam g\u1ee3i \u00fd preconnect nh\u01b0 b\u00ean d\u01b0\u1edbi \u0111\u00e2y!<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><\/code><\/pre>\n\n\n<p>Sau khi l\u00e0m \u0111i\u1ec1u \u0111\u00f3, b\u1ea1n s\u1ebd d\u1ec5 d\u00e0ng nh\u1eadn ra s\u1ef1 kh\u00e1c bi\u1ec7t trong <a href=\"https:\/\/kiencang.net\/waterfall-toc-do-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">b\u1ea3ng waterfall<\/a> b\u00ean d\u01b0\u1edbi. Vi\u1ec7c th\u00eam preconnect lo\u1ea1i b\u1ecf ba v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i t\u1eeb <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 c\u1eaft b\u1ecf h\u01a1n 0,5 gi\u00e2y \u0111\u1ed9 tr\u1ec5.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-2.png\" alt=\"c\u1eaft gi\u1ea3m 0,5 gi\u00e2y \u0111\u1ed9 tr\u1ec5 v\u1edbi preconnect\" class=\"wp-image-14824\"\/><figcaption>C\u1eaft gi\u1ea3m h\u01a1n 0,5 gi\u00e2y \u0111\u1ed9 tr\u1ec5 v\u1edbi preconnect<\/figcaption><\/figure>\n\n\n<p>Preconnect \u00e1p d\u1ee5ng cho tr\u01b0\u1eddng h\u1ee3p c\u1ee5 th\u1ec3 n\u00e0y cho l\u1ee3i \u00edch r\u00f5 r\u00e0ng nh\u1ea5t, n\u00f3 gi\u00fap gi\u1ea3m ch\u1eb7n hi\u1ec3n th\u1ecb v\u00e0 c\u1ea3i thi\u1ec7n th\u1eddi gian hi\u1ec3n th\u1ecb website.<\/p>\n\n\n<p><em>L\u01b0u \u00fd r\u1eb1ng \u0111\u1eb7c t\u1ea3 font-face y\u00eau c\u1ea7u font \u0111\u01b0\u1ee3c t\u1ea3i trong &#8220;ch\u1ebf \u0111\u1ed9 \u1ea9n danh\/anonymous mode&#8221;, \u0111i\u1ec1u \u0111\u00f3 gi\u1ea3i th\u00edch t\u1ea1i sao thu\u1ed9c t\u00ednh crossorigrin l\u00e0 c\u1ea7n thi\u1ebft trong g\u1ee3i \u00fd preconnect.<\/em><\/p>\n\n\n<h2 class=\"wp-block-heading\">Hi\u1ec3n th\u1ecb video nhanh h\u01a1n<\/h2>\n\n\n<p>N\u1ebfu b\u1ea1n c\u00f3 video trong khung nh\u00ecn thi\u1ebft b\u1ecb khi t\u1ea3i trang, ho\u1eb7c n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng t\u00ednh n\u0103ng <a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">lazy load c\u00e1c video n\u1eb1m b\u00ean d\u01b0\u1edbi<\/a>, th\u1ebf th\u00ec b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng preconnect \u0111\u1ec3 gi\u00fap c\u00e1c t\u00e0i nguy\u00ean c\u1ea7n cho tr\u00ecnh ph\u00e1t (player) v\u00e0 \u1ea3nh \u0111\u1ea1i di\u1ec7n (thumbnail) hi\u1ec3n th\u1ecb nhanh h\u01a1n m\u1ed9t ch\u00fat. V\u1edbi <a href=\"https:\/\/kiencang.net\/preconnect-youtube\/\" target=\"_blank\" rel=\"noreferrer noopener\">video YouTube, b\u1ea1n s\u1eed d\u1ee5ng c\u00e1c g\u1ee3i \u00fd preconnect sau<\/a>:<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\n&lt;link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\n&lt;link rel=\"preconnect\" href=\"https:\/\/i9.ytimg.com\">\n&lt;link rel=\"preconnect\" href=\"https:\/\/s.ytimg.com\"><\/code><\/pre>\n\n\n<p>Roboto hi\u1ec7n l\u00e0 font \u0111\u01b0\u1ee3c d\u00f9ng trong tr\u00ecnh ph\u00e1t c\u1ee7a YouTube, v\u00ec th\u1ebf b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 mu\u1ed1n preconnect t\u1edbi host c\u1ee7a Google font n\u1ebfu b\u1ea1n v\u1eabn ch\u01b0a th\u1ef1c hi\u1ec7n.<\/p>\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><\/code><\/pre>\n\n\n<p>C\u1ea5u tr\u00fac t\u01b0\u01a1ng t\u1ef1 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng cho c\u00e1c d\u1ecbch v\u1ee5 video kh\u00e1c, ch\u1eb3ng h\u1ea1n nh\u01b0 Vimeo- n\u01a1i m\u00e0 ch\u1ec9 c\u00f3 hai host \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0: vimeo.com v\u00e0 vimeocdn.com<\/p>\n\n\n<p>P\/S:  <\/p>\n\n\n<ul><li>B\u1ea1n n\u00ean \u0111\u1ec3 preconnect v\u00e0o tr\u01b0\u1edbc th\u1ebb \u0111\u00f3ng <em>&lt;\/head><\/em> v\u00e0 tr\u01b0\u1edbc b\u1ea5t k\u1ef3 \u0111o\u1ea1n m\u00e3 n\u00e0o m\u00e0 n\u00f3 ch\u1ee9a t\u00ean mi\u1ec1n c\u1ea7n k\u1ebft n\u1ed1i tr\u01b0\u1edbc, v\u00ec n\u1ebfu \u0111\u1ec3 sau s\u1ebd kh\u00f4ng c\u00f3 t\u00e1c d\u1ee5ng.<\/li><li>N\u1ebfu b\u1ea1n mu\u1ed1n ph\u00e1t hi\u1ec7n <a href=\"https:\/\/kiencang.net\/tai-nguyen-ben-thu-ba-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">website \u0111ang s\u1eed d\u1ee5ng t\u00e0i nguy\u00ean c\u1ee7a b\u00ean th\u1ee9 ba n\u00e0o<\/a>, c\u0169ng nh\u01b0 s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i, dung l\u01b0\u1ee3ng t\u1ea3i v\u1ec1, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">tools.pingdom.com<\/a><\/li><li>Trong \u0111o\u1ea1n m\u00e3 d\u00e0nh cho YouTube \u1edf ph\u00eda tr\u00ean, ch\u1ec9 duy nh\u1ea5t www.youtube.com l\u00e0 ch\u1eafc ch\u1eafn \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng. C\u00f2n c\u00e1c c\u00e1i kh\u00e1c b\u1ea1n n\u00ean ki\u1ec3m tra l\u1ea1i tr\u00ean trang c\u1ee7a b\u1ea1n xem n\u00f3 c\u00f3 s\u1eed d\u1ee5ng kh\u00f4ng, trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p n\u00f3 s\u1ebd s\u1eed d\u1ee5ng url kh\u00e1c. \u0110\u00e2y c\u0169ng l\u00e0 nguy\u00ean nh\u00e2n m\u00e0 sau m\u1ed9t kho\u1ea3ng th\u1eddi gian b\u1ea1n n\u00ean ki\u1ec3m tra l\u1ea1i website hi\u1ec7n \u0111ang s\u1eed d\u1ee5ng URL c\u1ee5 th\u1ec3 c\u1ee7a t\u00e0i nguy\u00ean b\u00ean th\u1ee9 ba n\u00e0o, v\u00ec m\u1eb7c d\u00f9 d\u1ecbch v\u1ee5 ch\u00ednh kh\u00f4ng thay \u0111\u1ed5i, c\u00e1c t\u00ean mi\u1ec1n h\u1ed7 tr\u1ee3 cho n\u00f3 c\u00f3 th\u1ec3 thay \u0111\u1ed5i.<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Preconect c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 trang<\/h2>\n\n\n<p>\u1ede tr\u00ean ch\u1ec9 l\u00e0 v\u00e0i v\u00ed d\u1ee5 v\u1ec1 c\u00e1ch preconnect \u0111\u01b0\u1ee3c d\u00f9ng. Nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y, n\u00f3 l\u00e0 c\u1ea3i thi\u1ec7n r\u1ea5t \u0111\u01a1n gi\u1ea3n b\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n \u0111\u1ec3 c\u1eaft gi\u1ea3m c\u00e1c v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i ra kh\u1ecfi \u0111\u01b0\u1eddng d\u1eabn y\u00eau c\u1ea7u. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 tri\u1ec3n khai ch\u00fang th\u00f4ng qua HTTP Link header ho\u1eb7c g\u1ecdi ch\u00fang th\u00f4ng qua JavaScript. H\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t l\u1edbn \u0111\u1ec1u \u0111\u00e3 h\u1ed7 tr\u1ee3 t\u00ednh n\u0103ng n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-trinh-duyet-ho-tro.png\" alt=\"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\">R\u1ea5t nhi\u1ec1u tr\u00ecnh duy\u1ec7t l\u1edbn \u0111\u00e3 h\u1ed7 tr\u1ee3 preconnect<\/a>, v\u00e0 theo b\u00e1o c\u00e1o c\u1ee7a CanIUse, t\u00ednh n\u0103ng n\u00e0y c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c tr\u00ean 91,49% tr\u00ecnh duy\u1ec7t c\u1ee7a ng\u01b0\u1eddi d\u00f9ng<\/figcaption><\/figure><\/div>\n\n\n<p>H\u00e3y s\u1eed d\u1ee5ng n\u00f3 m\u1ed9t c\u00e1ch kh\u00f4n ngoan. Ch\u1ec9 preconnect t\u1edbi c\u00e1c host m\u00e0 b\u1ea1n ch\u1eafc ch\u1eafn r\u1eb1ng t\u00e0i nguy\u00ean s\u1ebd \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u t\u1eeb \u0111\u00f3 (n\u1ebfu d\u00f9ng WordPress b\u1ea1n h\u00e3y d\u00f9ng <a href=\"https:\/\/vi.wordpress.org\/plugins\/oh-add-script-header-footer\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin SOGO<\/a> \u0111\u1ec3 t\u00f9y bi\u1ebfn preconnect tr\u00ean trang c\u1ee5 th\u1ec3 thay v\u00ec th\u1ef1c hi\u1ec7n k\u1ebft n\u1ed1i tr\u01b0\u1edbc tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c trang). C\u0169ng v\u1eady, h\u00e3y ghi nh\u1edb trong \u0111\u1ea7u r\u1eb1ng, \u0111\u00e2y ch\u1ec9 l\u00e0 t\u1ed1i \u01b0u h\u00f3a &#8220;c\u00e1c g\u1ee3i \u00fd\/hints&#8221; cho tr\u00ecnh duy\u1ec7t, v\u00e0 v\u00ec v\u1eady c\u00f3 th\u1ec3 <em>kh\u00f4ng \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n v\u00e0o m\u1ecdi l\u1ea7n v\u00e0o t\u1ea5t c\u1ea3 th\u1eddi \u0111i\u1ec3m<\/em>. N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng preconnect cho c\u00e1c tr\u01b0\u1eddng h\u1ee3p kh\u00e1c v\u00e0 th\u1ea5y hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n, h\u00e3y cho t\u00f4i bi\u1ebft trong b\u00ecnh lu\u1eadn b\u00ean d\u01b0\u1edbi nh\u00e9!<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n tham kh\u1ea3o c\u00e1c bi\u1ec7n ph\u00e1p kh\u00e1c s\u1eed d\u1ee5ng bi\u1ec7n ph\u00e1p t\u1ea3i tr\u01b0\u1edbc, h\u00e3y tham kh\u1ea3o b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/preload-prefetch-preconnect\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00ecm hi\u1ec3u preload, preconnect v\u00e0 prefetch<\/a>.<\/p>\n\n\n<p>Cu\u1ed1i c\u00f9ng, d\u00f9 kh\u00f4ng b\u1eaft bu\u1ed9c, b\u1ea1n n\u00ean <a href=\"https:\/\/kiencang.net\/trai-nghiem-link-preconnect\/\" target=\"_blank\" rel=\"noreferrer noopener\">ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 th\u1ef1c t\u1ebf thay \u0111\u1ed5i th\u1ebf n\u00e0o sau khi tri\u1ec3n khai preconnect<\/a>.<\/p>\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: Make Your Site Faster with Preconnect Hints, t\u00e1c gi\u1ea3: Jeremy Frank)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u1edbi g\u1ee3i \u00fd t\u00e0i nguy\u00ean c\u1ee7a preconnect, b\u1ea1n c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u1ed9 tr\u1ec5 y\u00eau c\u1ea7u v\u00e0 l\u00e0m website t\u1ea3i nhanh h\u01a1n. Jeremy Frank Y\u00eau c\u1ea7u m\u1ed9t t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i website ho\u1eb7c \u1ee9ng d\u1ee5ng l\u00e0m ph\u00e1t sinh m\u1ed9t s\u1ed1 v\u00f2ng l\u1eb7p kh\u1ee9 h\u1ed3i (round-trips) tr\u01b0\u1edbc khi tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 th\u1ef1c s\u1ef1 t\u1ea3i t\u00e0i nguy\u00ean &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"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>Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n) &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"description\" content=\"K\u1ebft n\u1ed1i s\u1edbm (preconnect) v\u1edbi t\u00e0i nguy\u00ean quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website \u0111\u00e1ng k\u1ec3, trong khi k\u1ef9 thu\u1eadt n\u00e0y l\u1ea1i r\u1ea5t d\u1ec5 tri\u1ec3n khai.\" \/>\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\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n) &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"K\u1ebft n\u1ed1i s\u1edbm (preconnect) v\u1edbi t\u00e0i nguy\u00ean quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website \u0111\u00e1ng k\u1ec3, trong khi k\u1ef9 thu\u1eadt n\u00e0y l\u1ea1i r\u1ea5t d\u1ec5 tri\u1ec3n khai.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-06T09:21:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-1.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=\"9 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n) &#8226; Ki\u1ebfn c\u00e0ng","description":"K\u1ebft n\u1ed1i s\u1edbm (preconnect) v\u1edbi t\u00e0i nguy\u00ean quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website \u0111\u00e1ng k\u1ec3, trong khi k\u1ef9 thu\u1eadt n\u00e0y l\u1ea1i r\u1ea5t d\u1ec5 tri\u1ec3n khai.","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\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/","og_locale":"vi_VN","og_type":"article","og_title":"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n) &#8226; Ki\u1ebfn c\u00e0ng","og_description":"K\u1ebft n\u1ed1i s\u1edbm (preconnect) v\u1edbi t\u00e0i nguy\u00ean quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website \u0111\u00e1ng k\u1ec3, trong khi k\u1ef9 thu\u1eadt n\u00e0y l\u1ea1i r\u1ea5t d\u1ec5 tri\u1ec3n khai.","og_url":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-06T09:21:11+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/preconnect-1.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":"9 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/","url":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/","name":"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n) &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-06T09:21:11+00:00","dateModified":"2020-03-06T09:21:11+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"description":"K\u1ebft n\u1ed1i s\u1edbm (preconnect) v\u1edbi t\u00e0i nguy\u00ean quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website \u0111\u00e1ng k\u1ec3, trong khi k\u1ef9 thu\u1eadt n\u00e0y l\u1ea1i r\u1ea5t d\u1ec5 tri\u1ec3n khai.","breadcrumb":{"@id":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/giup-website-tai-nhanh-hon-voi-preconnect-tang-toc-video-font-van-van\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Gi\u00fap website t\u1ea3i nhanh h\u01a1n v\u1edbi preconnect (t\u0103ng t\u1ed1c video, font, v\u00e2n v\u00e2n)"}]},{"@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\/16847"}],"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=16847"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16847\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}