{"id":16848,"date":"2020-03-06T22:18:20","date_gmt":"2020-03-06T15:18:20","guid":{"rendered":"https:\/\/kiencang.net\/?p=14834"},"modified":"2020-03-06T22:18:20","modified_gmt":"2020-03-06T15:18:20","slug":"su-dung-preconnect","status":"publish","type":"post","link":"https:\/\/kiencang.net\/su-dung-preconnect\/","title":{"rendered":"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i"},"content":{"rendered":"\n

Khu v\u1ef1c b\u00e1o c\u00e1o opportunites (c\u01a1 h\u1ed9i) c\u1ee7a Lighthouse li\u1ec7t k\u00ea t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u (request) quan tr\u1ecdng nh\u1ea5t m\u00e0 hi\u1ec7n v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u00ecm n\u1ea1p v\u1edbi th\u1ebb <link rel=preconnect><\/em>: <\/p>\n\n\n

\"\"<\/figure>\n\n\n

Nguy\u00ean v\u0103n: Y\u00eau c\u1ea7u preconnect t\u1edbi m\u00e1y ch\u1ee7 b\u00ean ngo\u00e0i (kh\u00f4ng ph\u1ea3i t\u00e0i nguy\u00ean thu\u1ed9c hosting g\u1ed1c c\u1ee7a b\u1ea1n).<\/p>\n\n\n

Xem x\u00e9t th\u00eam g\u1ee3i \u00fd t\u00e0i nguy\u00ean ki\u1ec3u ‘preconnect’ ho\u1eb7c ‘dns-prefetch’ \u0111\u1ec3 s\u1edbm thi\u1ebft l\u1eadp c\u00e1c k\u1ebft n\u1ed1i<\/a> quan tr\u1ecdng v\u1edbi t\u00e0i nguy\u00ean c\u1ee7a b\u00ean th\u1ee9 ba<\/a> (third-party).<\/p>\n\n\n

URL: ch\u1ec9 \u0111\u1ebfn t\u00e0i nguy\u00ean c\u1ee7a b\u00ean th\u1ee9 ba.<\/p>\n\n\n

Potentical Saving: ch\u1ec9 \u0111\u1ebfn l\u01b0\u1ee3ng th\u1eddi gian c\u00f3 kh\u1ea3 n\u0103ng<\/em> ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c n\u1ebfu b\u1ea1n tri\u1ec3n khai ‘preconnect’.<\/p>\n\n\n

C\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang b\u1eb1ng preconnect<\/h2>\n\n\n

B\u1ea1n n\u00ean c\u00e2n nh\u1eafc th\u00eam g\u1ee3i \u00fd t\u00e0i nguy\u00ean b\u1eb1ng preconnect<\/em> ho\u1eb7c dns-prefetch<\/a><\/em> \u0111\u1ec3 thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i s\u1edbm \u0111\u1ed1i v\u1edbi c\u00e1c m\u00e1y ch\u1ee7 g\u1ed1c quan tr\u1ecdng c\u1ee7a b\u00ean th\u1ee9 ba (third-party).<\/p>\n\n\n

<link rel=”preconnect”> <\/em>th\u00f4ng b\u00e1o cho tr\u00ecnh duy\u1ec7t bi\u1ebft trang c\u1ee7a b\u1ea1n d\u1ef1 \u0111\u1ecbnh thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i v\u1edbi m\u00e1y ch\u1ee7 kh\u00e1c v\u1edbi m\u00e1y ch\u1ee7 g\u1ed1c c\u1ee7a b\u1ea1n<\/a><\/em>, v\u00e0 b\u1ea1n mu\u1ed1n b\u1eaft \u0111\u1ea7u x\u1eed l\u00fd v\u1ea5n \u0111\u1ec1 n\u00e0y c\u00e0ng s\u1edbm c\u00e0ng t\u1ed1t.<\/p>\n\n\n

Thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i th\u01b0\u1eddng tr\u1edf th\u00e0nh v\u1ea5n \u0111\u1ec1 th\u1eddi gian \u0111\u00e1ng k\u1ec3 tr\u00ean c\u00e1c m\u1ea1ng ch\u1eadm (slow networks), \u0111\u1eb7c bi\u1ec7t khi n\u00f3 l\u00e0 c\u00e1c k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt (https), v\u00ec n\u00f3 c\u00f3 th\u1ec3 li\u00ean quan \u0111\u1ebfn t\u00ecm ki\u1ebfm DNS<\/a>, chuy\u1ec3n h\u01b0\u1edbng, v\u00e0 m\u1ed9t s\u1ed1 v\u00f2ng kh\u1ee9 h\u1ed3i (round trips) \u0111\u1ebfn m\u00e1y ch\u1ee7 cu\u1ed1i c\u00f9ng \u0111\u1ec3 x\u1eed l\u00fd y\u00eau c\u1ea7u c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n

Khi b\u1ea1n \u0111\u1ec3 \u00fd tr\u01b0\u1edbc \u0111\u1ebfn t\u1ea5t c\u1ea3 nh\u1eefng \u0111i\u1ec1u n\u00e0y, n\u00f3 c\u00f3 th\u1ec3 l\u00e0m cho \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n g\u1ecdn g\u00e0ng h\u01a1n v\u1edbi ng\u01b0\u1eddi d\u00f9ng m\u00e0 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng ti\u00eau c\u1ef1c \u0111\u1ebfn vi\u1ec7c s\u1eed d\u1ee5ng b\u0103ng th\u00f4ng (bandwidth). H\u1ea7u h\u1ebft th\u1eddi gian trong vi\u1ec7c thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i l\u00e0 d\u00e0nh cho ch\u1edd \u0111\u1ee3i, thay v\u00ec \u0111\u1ec3 trao \u0111\u1ed5i d\u1eef li\u1ec7u.<\/p>\n\n\n

Th\u00f4ng b\u00e1o v\u1edbi tr\u00ecnh duy\u1ec7t \u00fd \u0111\u1ecbnh c\u1ee7a trang b\u1eb1ng c\u00e1ch \u0111\u01a1n gi\u1ea3n th\u00eam th\u1ebb link v\u00e0o trang c\u1ee7a b\u1ea1n nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y. B\u1ea1n n\u00ean \u0111\u1ec3 n\u00f3 v\u00e0o tr\u01b0\u1edbc th\u1ebb \u0111\u00f3ng <\/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:<\/p>\n\n\n

<link rel=\"preconnect\" href=\"https:\/\/example.com\"><\/code><\/pre>\n\n\n

\u0110i\u1ec1u n\u00e0y gi\u00fap tr\u00ecnh duy\u1ec7t bi\u1ebft \u00fd \u0111\u1ecbnh c\u1ee7a trang mong mu\u1ed1n k\u1ebft n\u1ed1i v\u1edbi t\u00ean mi\u1ec1n example.com<\/em> v\u00e0 l\u1ea5y n\u1ed9i dung t\u1eeb \u0111\u00f3.<\/p>\n\n\n

C\u1ea7n ph\u1ea3i l\u01b0u \u00fd l\u00e0, m\u1eb7c d\u00f9 <link rel=”preconnect”><\/em> kh\u00e1 \u0111\u01a1n gi\u1ea3n, n\u00f3 c\u00f3 th\u1ec3 v\u1eabn l\u00e0m t\u0103ng th\u1eddi gian s\u1eed d\u1ee5ng CPU, \u0111\u1eb7c bi\u1ec7t l\u00e0 v\u1edbi c\u00e1c k\u1ebft n\u1ed1i b\u1ea3o m\u1eadt (secure connections). \u0110i\u1ec1u n\u00e0y s\u1ebd r\u1ea5t t\u1ec7 n\u1ebfu k\u1ebft n\u1ed1i kh\u00f4ng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong v\u00f2ng 10 gi\u00e2y, v\u00ec tr\u00ecnh duy\u1ec7t s\u1ebd \u0111\u00f3ng n\u00f3 l\u1ea1i, h\u1ec7 qu\u1ea3: g\u00e2y l\u00e3ng ph\u00ed vi\u1ec7c k\u1ebft n\u1ed1i s\u1edbm.<\/p>\n\n\n

Nh\u00ecn chung, b\u1ea1n h\u00e3y th\u1eed s\u1eed d\u1ee5ng <link rel=”preload”><\/em>, v\u00ec n\u00f3 l\u00e0 m\u1ed9t tinh ch\u1ec9nh hi\u1ec7u su\u1ea5t to\u00e0n di\u1ec7n h\u01a1n \/ comprehensive performance tweak<\/em>, tuy nhi\u00ean v\u1eabn s\u1eb5n s\u00e0ng s\u1eed d\u1ee5ng <link rel=”preconnect”><\/em> khi ph\u00f9 h\u1ee3p h\u01a1n.<\/p>\n\n\n

<link rel=\"dns-prefetch\"><\/code> l\u00e0 ki\u1ec3u <link><\/code> kh\u00e1c li\u00ean quan \u0111\u1ebfn k\u1ebft n\u1ed1i. N\u00f3 ch\u1ec9 x\u1eed l\u00fd t\u00ecm ki\u1ebfm DNS, nh\u01b0ng n\u00f3 \u0111\u01b0\u1ee3c nhi\u1ec1u tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 h\u01a1n<\/a>, v\u00ec th\u1ebf dns-prefetch c\u00f3 th\u1ec3 ph\u1ee5c v\u1ee5 d\u01b0\u1edbi d\u1ea1ng m\u1ed9t d\u1ef1 ph\u00f2ng t\u01b0\u01a1ng \u0111\u1ed1i \u1ed5n th\u1ecfa. C\u00f4ng th\u1ee9c ch\u00ednh x\u00e1c c\u1ee7a n\u00f3 nh\u01b0 sau:<\/p>\n\n\n

<link rel=\"dns-prefetch\" href=\"https:\/\/example.com\"><\/code><\/pre>\n\n\n

(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft Preconnect to required origins, trang web[.]dev<\/em>)<\/p>\n","protected":false},"excerpt":{"rendered":"

Khu v\u1ef1c b\u00e1o c\u00e1o opportunites (c\u01a1 h\u1ed9i) c\u1ee7a Lighthouse li\u1ec7t k\u00ea t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u (request) quan tr\u1ecdng nh\u1ea5t m\u00e0 hi\u1ec7n v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u00ecm n\u1ea1p v\u1edbi th\u1ebb <link rel=preconnect>: Nguy\u00ean v\u0103n: Y\u00eau c\u1ea7u preconnect t\u1edbi m\u00e1y ch\u1ee7 b\u00ean ngo\u00e0i (kh\u00f4ng ph\u1ea3i t\u00e0i nguy\u00ean thu\u1ed9c hosting g\u1ed1c c\u1ee7a b\u1ea1n). Xem x\u00e9t th\u00eam …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[282,291],"tags":[],"yoast_head":"\nS\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i • 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\/su-dung-preconnect\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i • Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Khu v\u1ef1c b\u00e1o c\u00e1o opportunites (c\u01a1 h\u1ed9i) c\u1ee7a Lighthouse li\u1ec7t k\u00ea t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u (request) quan tr\u1ecdng nh\u1ea5t m\u00e0 hi\u1ec7n v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u00ecm n\u1ea1p v\u1edbi th\u1ebb <link rel=preconnect>: Nguy\u00ean v\u0103n: Y\u00eau c\u1ea7u preconnect t\u1edbi m\u00e1y ch\u1ee7 b\u00ean ngo\u00e0i (kh\u00f4ng ph\u1ea3i t\u00e0i nguy\u00ean thu\u1ed9c hosting g\u1ed1c c\u1ee7a b\u1ea1n). Xem x\u00e9t th\u00eam …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/su-dung-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=\"2020-03-06T15:18:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/su-dung-rel-preconnect.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=\"3 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i • 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\/su-dung-preconnect\/","og_locale":"vi_VN","og_type":"article","og_title":"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i • Ki\u1ebfn c\u00e0ng","og_description":"Khu v\u1ef1c b\u00e1o c\u00e1o opportunites (c\u01a1 h\u1ed9i) c\u1ee7a Lighthouse li\u1ec7t k\u00ea t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u (request) quan tr\u1ecdng nh\u1ea5t m\u00e0 hi\u1ec7n v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u00ecm n\u1ea1p v\u1edbi th\u1ebb <link rel=preconnect>: Nguy\u00ean v\u0103n: Y\u00eau c\u1ea7u preconnect t\u1edbi m\u00e1y ch\u1ee7 b\u00ean ngo\u00e0i (kh\u00f4ng ph\u1ea3i t\u00e0i nguy\u00ean thu\u1ed9c hosting g\u1ed1c c\u1ee7a b\u1ea1n). Xem x\u00e9t th\u00eam …","og_url":"https:\/\/kiencang.net\/su-dung-preconnect\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-06T15:18:20+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/su-dung-rel-preconnect.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":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/su-dung-preconnect\/","url":"https:\/\/kiencang.net\/su-dung-preconnect\/","name":"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-06T15:18:20+00:00","dateModified":"2020-03-06T15:18:20+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/su-dung-preconnect\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/su-dung-preconnect\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/su-dung-preconnect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"S\u1eed d\u1ee5ng preconnect \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u tr\u01b0\u1edbc cho server g\u1ed1c b\u00ean ngo\u00e0i"}]},{"@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\/16848"}],"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=16848"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16848\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}