{"id":15292,"date":"2020-03-17T20:58:44","date_gmt":"2020-03-17T13:58:44","guid":{"rendered":"https:\/\/kiencang.net\/?p=15292"},"modified":"2020-03-17T20:58:44","modified_gmt":"2020-03-17T13:58:44","slug":"toi-thieu-cong-viec-luong-chinh","status":"publish","type":"post","link":"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/","title":{"rendered":"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh"},"content":{"rendered":"\n<p><a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qu\u00e1 tr\u00ecnh k\u1ebft xu\u1ea5t c\u1ee7a tr\u00ecnh duy\u1ec7t<\/a> s\u1ebd chuy\u1ec3n m\u00e3 c\u1ee7a b\u1ea1n th\u00e0nh trang web m\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1ebd t\u01b0\u01a1ng t\u00e1c (interact). Theo m\u1eb7c \u0111\u1ecbnh, qu\u00e1 tr\u00ecnh k\u1ebft xu\u1ea5t c\u1ee7a lu\u1ed3ng ch\u00ednh (main thread) th\u01b0\u1eddng x\u1eed l\u00fd ph\u1ea7n l\u1edbn m\u00e3: n\u00f3 ph\u00e2n t\u00edch c\u00fa ph\u00e1p HTML v\u00e0 <a href=\"https:\/\/kiencang.net\/dom-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">x\u00e2y d\u1ef1ng DOM<\/a>, ph\u00e2n t\u00edch c\u00fa ph\u00e1p CSS v\u00e0 \u00e1p d\u1ee5ng c\u00e1c style c\u1ee5 th\u1ec3, v\u00e0 ph\u00e2n t\u00edch c\u00fa ph\u00e1p (parse), \u0111\u00e1nh gi\u00e1 (evaluate) c\u0169ng nh\u01b0 th\u1ef1c thi (excute) JavaScript.<\/p>\n\n\n<p>Lu\u1ed3ng ch\u00ednh c\u0169ng x\u1eed l\u00fd c\u00e1c s\u1ef1 ki\u1ec7n ng\u01b0\u1eddi d\u00f9ng (user events). V\u00ec th\u1ebf, b\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 <a href=\"https:\/\/kiencang.net\/first-input-delay\/\" target=\"_blank\" rel=\"noreferrer noopener\">kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng<\/a>, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ec7 h\u1ea1i.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">C\u00e1ch Lighthouse ki\u1ec3m tra c\u00f4ng vi\u1ec7c lu\u1ed3ng ch\u00ednh c\u00f3 v\u1ea5n \u0111\u1ec1<\/h2>\n\n\n<p>Lighthouse b\u1eadt c\u1edd c\u1ea3nh b\u00e1o v\u1edbi c\u00e1c trang m\u00e0 c\u00f3 lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n d\u00e0i h\u01a1n 4 gi\u00e2y trong qu\u00e1 tr\u00ecnh t\u1ea3i:<\/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\/cong-viec-luong-chinh.png\" alt=\"c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh\" class=\"wp-image-15293\"\/><\/figure><\/div>\n\n\n<p>\u0110\u1ec3 gi\u00fap b\u1ea1n x\u00e1c \u0111\u1ecbnh c\u00e1c ngu\u1ed3n t\u1ea3i c\u1ee7a lu\u1ed3ng ch\u00ednh, Lighthouse hi\u1ec3n th\u1ecb th\u1eddi gian CPU ph\u1ea3i d\u00f9ng m\u1ed9t c\u00e1ch ri\u00eang r\u1ebd khi tr\u00ecnh duy\u1ec7t t\u1ea3i trang c\u1ee7a b\u1ea1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">C\u00e1ch gi\u1ea3m t\u1ea3i cho c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh<\/h2>\n\n\n<p>Nhi\u1ec1u ho\u1ea1t \u0111\u1ed9ng, ch\u1eb3ng h\u1ea1n nh\u01b0 ph\u00e2n t\u00edch c\u00fa ph\u00e1p CSS v\u00e0 l\u00ean layout trang c\u00f3 th\u1ec3 l\u00e0m cho lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n. D\u00f9 v\u1eady, ph\u00e2n t\u00edch c\u00fa ph\u00e1p, bi\u00ean d\u1ecbch, v\u00e0 <a href=\"https:\/\/kiencang.net\/giam-thoi-gian-thuc-thi-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u1ef1c thi JavaScript m\u1edbi th\u01b0\u1eddng l\u00e0 g\u00e1nh n\u1eb7ng l\u1edbn nh\u1ea5t tr\u00ean lu\u1ed3ng ch\u00ednh<\/a>.<\/p>\n\n\n<p>B\u1ea1n n\u00ean c\u00e2n nh\u1eafc c\u00e1c chi\u1ebfn thu\u1eadt sau \u0111\u1ec3 c\u1ea3i thi\u1ec7n hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 JavaScript trong su\u1ed1t qu\u00e1 tr\u00ecnh t\u1ea3i trang:<\/p>\n\n\n<ul><li>Ch\u1ec9 g\u1eedi c\u00e1c \u0111o\u1ea1n 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 v\u00e0 n\u00e9n m\u00e3 c\u1ee7a b\u1ea1n;<\/li><li>Lo\u1ea1i b\u1ecf m\u00e3 kh\u00f4ng s\u1eed d\u1ee5ng;<\/li><li>Gi\u1ea3m c\u00e1c v\u00f2ng m\u1ea1ng b\u1eb1ng c\u00e1ch cache m\u00e3 c\u1ee7a b\u1ea1n b\u1eb1ng m\u00f4 h\u00ecnh PRPL.<\/li><\/ul>\n\n\n<p>V\u1edbi nh\u1eefng c\u00e1ch c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 trang kh\u00e1c, b\u1ea1n h\u00e3y tham kh\u1ea3o c\u00e1c b\u00e0i vi\u1ebft v\u1ec1 ki\u1ec3m tra hi\u1ec7u su\u1ea5t.<\/p>\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft Minimize main thread work, trang web[.]dev)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e1 tr\u00ecnh k\u1ebft xu\u1ea5t c\u1ee7a tr\u00ecnh duy\u1ec7t s\u1ebd chuy\u1ec3n m\u00e3 c\u1ee7a b\u1ea1n th\u00e0nh trang web m\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1ebd t\u01b0\u01a1ng t\u00e1c (interact). Theo m\u1eb7c \u0111\u1ecbnh, qu\u00e1 tr\u00ecnh k\u1ebft xu\u1ea5t c\u1ee7a lu\u1ed3ng ch\u00ednh (main thread) th\u01b0\u1eddng x\u1eed l\u00fd ph\u1ea7n l\u1edbn m\u00e3: n\u00f3 ph\u00e2n t\u00edch c\u00fa ph\u00e1p HTML v\u00e0 x\u00e2y d\u1ef1ng DOM, ph\u00e2n t\u00edch c\u00fa ph\u00e1p CSS &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[282],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"description\" content=\"B\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ec7 h\u1ea1i.\" \/>\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\/toi-thieu-cong-viec-luong-chinh\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"B\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ec7 h\u1ea1i.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/\" \/>\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-17T13:58:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/cong-viec-luong-chinh.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":"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh &#8226; Ki\u1ebfn c\u00e0ng","description":"B\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ec7 h\u1ea1i.","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\/toi-thieu-cong-viec-luong-chinh\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh &#8226; Ki\u1ebfn c\u00e0ng","og_description":"B\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ec7 h\u1ea1i.","og_url":"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-03-17T13:58:44+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/03\/cong-viec-luong-chinh.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\/toi-thieu-cong-viec-luong-chinh\/","url":"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/","name":"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-03-17T13:58:44+00:00","dateModified":"2020-03-17T13:58:44+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"description":"B\u1ea5t c\u1ee9 khi n\u00e0o lu\u1ed3ng ch\u00ednh b\u1eadn r\u1ed9n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3, trang web c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng ph\u1ea3n h\u1ed3i t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y d\u1eabn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ec7 h\u1ea1i.","breadcrumb":{"@id":"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/toi-thieu-cong-viec-luong-chinh\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"T\u1ed1i thi\u1ec3u c\u00f4ng vi\u1ec7c c\u1ee7a lu\u1ed3ng ch\u00ednh"}]},{"@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\/15292"}],"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=15292"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/15292\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=15292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=15292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=15292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}