{"id":16859,"date":"2020-03-13T17:47:28","date_gmt":"2020-03-13T10:47:28","guid":{"rendered":"https:\/\/kiencang.net\/?p=15154"},"modified":"2020-03-13T17:47:28","modified_gmt":"2020-03-13T10:47:28","slug":"giam-thoi-gian-thuc-thi-javascript","status":"publish","type":"post","link":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/","title":{"rendered":"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript"},"content":{"rendered":"\n<p>Khi JavaScript m\u1ea5t nhi\u1ec1u th\u1eddi gian th\u1ef1c thi, n\u00f3 s\u1ebd l\u00e0m ch\u1eadm hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 c\u1ee7a trang theo m\u1ed9t s\u1ed1 c\u00e1ch:<\/p>\n\n\n<ul><li><strong>M\u1ea1ng<\/strong>: Nhi\u1ec1u byte h\u01a1n \u0111\u1ed3ng ngh\u0129a v\u1edbi th\u1eddi gian t\u1ea3i d\u00e0i h\u01a1n.<\/li><li><strong>Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch<\/strong>: Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch di\u1ec5n ra trong <a href=\"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/\" target=\"_blank\" rel=\"noreferrer noopener\">lu\u1ed3ng ch\u00ednh<\/a>. Khi lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n, trang kh\u00f4ng th\u1ec3 ph\u1ea3n h\u1ed3i \u0111\u1ea7u v\u00e0o c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/li><li><strong>Th\u1ef1c thi<\/strong>: JavaScript c\u0169ng \u0111\u01b0\u1ee3c th\u1ef1c thi trong lu\u1ed3ng ch\u00ednh. N\u1ebfu trang c\u1ee7a b\u1ea1n ch\u1ea1y r\u1ea5t nhi\u1ec1u m\u00e3 tr\u01b0\u1edbc khi n\u00f3 th\u1ef1c s\u1ef1 c\u1ea7n, \u0111i\u1ec1u \u0111\u1ea5y l\u00e0m tr\u00ec ho\u00e3n <a href=\"https:\/\/kiencang.net\/time-to-interactive-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Time To Interactive<\/a>, \u0111\u00e2y l\u00e0 m\u1ed9t trong c\u00e1c ch\u1ec9 s\u1ed1 quan tr\u1ecdng li\u00ean quan \u0111\u1ebfn c\u00e1ch ng\u01b0\u1eddi d\u00f9ng nh\u1eadn th\u1ee9c t\u1ed1c \u0111\u1ed9 trang c\u1ee7a b\u1ea1n.<\/li><li><strong>B\u1ed9 nh\u1edb<\/strong>: N\u1ebfu JavaScript c\u1ee7a b\u1ea1n c\u1ea7n nhi\u1ec1u tham chi\u1ebfu, n\u00f3 c\u00f3 kh\u1ea3 n\u0103ng s\u1ebd ti\u00eau th\u1ee5 nhi\u1ec1u b\u1ed9 nh\u1edb. Trang s\u1ebd b\u1ecb janky v\u00e0 ch\u1eadm khi ch\u00fang ti\u00eau th\u1ee5 nhi\u1ec1u b\u1ed9 nh\u1edb. B\u1ed9 nh\u1edb b\u1ecb leak (r\u00f2 r\u1ec9) c\u00f3 th\u1ec3 l\u00e0 nguy\u00ean nh\u00e2n khi\u1ebfn trang c\u1ee7a b\u1ea1n b\u1ecb \u0111\u01a1 (freeze) ho\u00e0n to\u00e0n.<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">C\u00e1ch Lighthouse ki\u1ec3m tra th\u1eddi gian th\u1ef1c thi JavaScript qu\u00e1 d\u00e0i<\/h2>\n\n\n<p>Lighthouse hi\u1ec3n th\u1ecb c\u1ea3nh b\u00e1o khi th\u1eddi gian th\u1ef1c thi JavaScript nhi\u1ec1u h\u01a1n 2 gi\u00e2y. Ki\u1ec3m tra ph\u00e1t hi\u1ec7n l\u1ed7i n\u1ebfu n\u00f3 th\u1ea5y th\u1eddi gian th\u1ef1c thi nhi\u1ec1u h\u01a1n 3,5 gi\u00e2y.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/giam-thoi-gian-thuc-thi-JS.png\" alt=\"gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript\" class=\"wp-image-15156\"\/><\/figure>\n\n\n<p>\u0110\u1ec3 gi\u00fap b\u1ea1n <a href=\"https:\/\/kiencang.net\/xac-dinh-javascript-ben-thu-ba-cham-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">x\u00e1c \u0111\u1ecbnh th\u00e0nh ph\u1ea7n n\u00e0o \u0111\u00f3ng g\u00f3p nhi\u1ec1u nh\u1ea5t trong v\u1ea5n \u0111\u1ec1 th\u1eddi gian th\u1ef1c thi<\/a>, Lighthouse b\u00e1o c\u00e1o th\u1eddi gian th\u1ef1c thi, \u0111\u00e1nh gi\u00e1 v\u00e0 ph\u00e2n t\u00edch t\u1eebng file JavaScript m\u00e0 trang b\u1ea1n t\u1ea3i.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">C\u00e1ch t\u0103ng t\u1ed1c th\u1ef1c thi JavaScript<\/h2>\n\n\n<ul><li>Ch\u1ec9 g\u1eedi c\u00e1c m\u00e3 m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n c\u1ea7n b\u1eb1ng c\u00e1ch tri\u1ec3n khai t\u00e1ch m\u00e3 (code-splitting).<\/li><li>T\u1ed1i thi\u1ec3u h\u00f3a (minify) v\u00e0 n\u00e9n m\u00e3 (gzip \/ brotli) c\u1ee7a b\u1ea1n.<\/li><li>Lo\u1ea1i b\u1ecf c\u00e1c m\u00e3 kh\u00f4ng s\u1eed d\u1ee5ng (\u0111i\u1ec1u n\u00e0y trong th\u1ef1c t\u1ebf l\u00e0 c\u1ef1c k\u1ef3 kh\u00f3 kh\u0103n tr\u00ean c\u00e1c trang web nh\u01b0 WordPress).<\/li><li>Gi\u1ea3m c\u00e1c v\u00f2ng m\u1ea1ng b\u1eb1ng c\u00e1ch caching m\u00e3 c\u1ee7a b\u1ea1n v\u1edbi m\u1eabu PRPL.<\/li><\/ul>\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft Reduce JavaScript excution time, trang web[.]dev)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Khi JavaScript m\u1ea5t nhi\u1ec1u th\u1eddi gian th\u1ef1c thi, n\u00f3 s\u1ebd l\u00e0m ch\u1eadm hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 c\u1ee7a trang theo m\u1ed9t s\u1ed1 c\u00e1ch: M\u1ea1ng: Nhi\u1ec1u byte h\u01a1n \u0111\u1ed3ng ngh\u0129a v\u1edbi th\u1eddi gian t\u1ea3i d\u00e0i h\u01a1n. Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch: Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch di\u1ec5n ra trong lu\u1ed3ng ch\u00ednh. Khi lu\u1ed3ng &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[272],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Khi JavaScript m\u1ea5t nhi\u1ec1u th\u1eddi gian th\u1ef1c thi, n\u00f3 s\u1ebd l\u00e0m ch\u1eadm hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 c\u1ee7a trang theo m\u1ed9t s\u1ed1 c\u00e1ch: M\u1ea1ng: Nhi\u1ec1u byte h\u01a1n \u0111\u1ed3ng ngh\u0129a v\u1edbi th\u1eddi gian t\u1ea3i d\u00e0i h\u01a1n. Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch: Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch di\u1ec5n ra trong lu\u1ed3ng ch\u00ednh. Khi lu\u1ed3ng &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/\" \/>\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-13T10:47:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/giam-thoi-gian-thuc-thi-JS.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=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/","og_locale":"vi_VN","og_type":"article","og_title":"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Khi JavaScript m\u1ea5t nhi\u1ec1u th\u1eddi gian th\u1ef1c thi, n\u00f3 s\u1ebd l\u00e0m ch\u1eadm hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 c\u1ee7a trang theo m\u1ed9t s\u1ed1 c\u00e1ch: M\u1ea1ng: Nhi\u1ec1u byte h\u01a1n \u0111\u1ed3ng ngh\u0129a v\u1edbi th\u1eddi gian t\u1ea3i d\u00e0i h\u01a1n. Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch: Ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 bi\u00ean d\u1ecbch di\u1ec5n ra trong lu\u1ed3ng ch\u00ednh. Khi lu\u1ed3ng &hellip;","og_url":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-13T10:47:28+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/giam-thoi-gian-thuc-thi-JS.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":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/","url":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/","name":"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-13T10:47:28+00:00","dateModified":"2020-03-13T10:47:28+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Gi\u1ea3m th\u1eddi gian th\u1ef1c thi JavaScript"}]},{"@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\/16859"}],"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=16859"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16859\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}