{"id":14031,"date":"2019-12-15T16:35:07","date_gmt":"2019-12-15T16:35:07","guid":{"rendered":"https:\/\/kiencang.net\/?p=14031"},"modified":"2019-12-15T16:35:07","modified_gmt":"2019-12-15T16:35:07","slug":"plugin-async-javascript","status":"publish","type":"post","link":"https:\/\/kiencang.net\/plugin-async-javascript\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress"},"content":{"rendered":"\n<p>T\u00e1c gi\u1ea3 <a href=\"https:\/\/profiles.wordpress.org\/futtta\/\">Frank Goossens (futtta)<\/a> c\u00f3 nhi\u1ec1u plugin h\u1ed7 tr\u1ee3 <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\">t\u0103ng t\u1ed1c WordPress<\/a>, trong \u0111\u00f3 n\u1ed5i ti\u1ebfng nh\u1ea5t c\u00f3 l\u1ebd l\u00e0 <a href=\"https:\/\/kiencang.net\/plugin-autoptimize\/\">Autoptimize<\/a> (c\u00f3 th\u1ec3 b\u1ea1n c\u0169ng \u0111ang d\u00f9ng \u0111\u1ea5y \u1ea1!). Nh\u01b0ng ch\u1ec9 d\u00f9ng m\u1ed7i plugin \u0111\u00f3 th\u00ec h\u01a1i ph\u00ed, \u00f4ng c\u00f2n nhi\u1ec1u plugin kh\u00e1c r\u1ea5t th\u00fa v\u1ecb, l\u00e0m c\u00e1c nhi\u1ec7m v\u1ee5 chuy\u00ean s\u00e2u h\u01a1n n\u1eefa trong v\u1ea5n \u0111\u1ec1 c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 trang. V\u00e0 h\u00f4m nay ch\u00fang ta s\u1ebd l\u00e0m quen v\u1edbi m\u1ed9t trong c\u00e1c plugin nh\u01b0 v\u1eady, n\u00f3 c\u00f3 t\u00ean <a href=\"https:\/\/wordpress.org\/plugins\/async-javascript\/\">Async JavaScript<\/a>, \u0111\u1ec3 bi\u1ebft c\u00e1ch <a href=\"https:\/\/kiencang.net\/tai-javascript-defer-async\/\">tr\u00ec ho\u00e3n v\u00e0\/ho\u1eb7c t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 JS<\/a>.<\/p>\n\n\n<p>B\u1ea3n th\u00e2n plugin Autoptimize tuy c\u0169ng c\u00f3 ch\u1ee9c n\u0103ng gi\u00fap async (t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9) JS, nh\u01b0ng n\u00f3 kh\u00f4ng h\u1ed7 tr\u1ee3 defer (tr\u00ec ho\u00e3n), v\u00e0 c\u00e1c c\u00e0i \u0111\u1eb7t chuy\u00ean s\u00e2u v\u1edbi JS v\u00e0 jQuery:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/async-autoptimze.png\" alt=\"Autoptimize kh\u00f4ng h\u1ed7 tr\u1ee3 defer\" class=\"wp-image-14052\"\/><\/figure><\/div>\n\n\n<p>N\u00f3i v\u1ec1 &#8220;tr\u00ec ho\u00e3n\/t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9&#8221; JS, \u0111\u00e2y l\u00e0 m\u1ed9t trong c\u00e1c bi\u1ec7n ph\u00e1p c\u0103n b\u1ea3n c\u00f9ng v\u1edbi <a href=\"https:\/\/kiencang.net\/critical-css-wordpress\/\">critical CSS<\/a> v\u00e0 <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\">lazy load \u1ea3nh<\/a> gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 website c\u1ef1c k\u1ef3 hi\u1ec7u qu\u1ea3 (m\u1ed9t \u01b0u \u0111i\u1ec3m n\u1eefa l\u00e0 ch\u00fang \u0111\u1ec1u c\u00f3 gi\u1ea3i ph\u00e1p mi\u1ec5n ph\u00ed ch\u1ea5t l\u01b0\u1ee3ng cao). V\u1ec1 c\u01a1 b\u1ea3n nh\u1eefng \u1ee9ng d\u1ee5ng ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 website nh\u01b0 <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=vi\">Google PageSpeed Insights<\/a> d\u1ef1a r\u1ea5t nhi\u1ec1u v\u00e0o c\u00e1c th\u00f4ng s\u1ed1 n\u00e0y \u0111\u1ec3 \u0111\u00e1nh gi\u00e1 t\u1ed1c \u0111\u1ed9 trang. N\u00f3i c\u00e1ch kh\u00e1c t\u1ed1c \u0111\u1ed9 website c\u1ee7a b\u1ea1n \u0111\u1ed1i v\u1edbi Google l\u00e0 <strong>t\u1ed1c \u0111\u1ed9 load d\u00e0nh cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean (above the fold) ch\u1ee9 kh\u00f4ng ph\u1ea3i to\u00e0n b\u1ed9 trang<\/strong>.<\/p>\n\n\n<div class=\"wp-block-stevehenty-drop-shadow-box dropshadowboxes-container\" style=\"width:auto\"><div class=\"dropshadowboxes-drop-shadow dropshadowboxes-lifted-both dropshadowboxes-rounded-corners dropshadowboxes-inside-and-outside-shadow\" style=\"background-color:#ffffff;border-style:solid;border-width:2px;border-color:#dddddd;width:;padding:10px\"><div><\/div><\/div><\/div>\n\n\n<p>OK, gi\u1edd ch\u00fang ta \u0111i v\u00e0o ph\u1ea7n ch\u00ednh.<\/p>\n\n\n<p>Chuy\u1ec7n c\u00e0i \u0111\u1eb7t plugin t\u00f4i s\u1ebd b\u1ecf qua, v\u00ec r\u1ea5t d\u1ec5 d\u00e0ng. T\u00f4i s\u1ebd v\u00e0o th\u1eb3ng ph\u1ea7n ch\u1ee9c n\u0103ng c\u1ee7a plugin.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/bat-async-JavaScript.png\" alt=\"b\u1eadt async cho JS\" class=\"wp-image-14033\"\/><\/figure><\/div>\n\n\n<ul><li><strong>Enable Async JavaScript?<\/strong> ngh\u0129a l\u00e0 b\u1ea1n b\u1eadt plugin Async JavaScript (danh t\u1eeb)<\/li><li><strong>Also enable Async JavaScript for logged in user?<\/strong> ngh\u0129a l\u00e0 b\u1ea1n b\u1eadt plugin n\u00e0y cho ng\u01b0\u1eddi d\u00f9ng \u0111\u0103ng nh\u1eadp, bao g\u1ed3m c\u1ea3 Admin<\/li><li><strong>Also enable Async JavaScript on cart\/ checkout pages?<\/strong> ngh\u0129a l\u00e0 b\u1ea1n b\u1eadt plugin n\u00e0y tr\u00ean c\u1ea3 trang gi\u1ecf h\u00e0ng (cart) v\u00e0 trang thanh to\u00e1n (checkout). N\u00f3i chung, trong ph\u1ea7n l\u1edbn tr\u01b0\u1eddng h\u1ee3p vi\u1ec7c n\u00e0y c\u00f3 nhi\u1ec1u r\u1ee7i ro, v\u00ec kh\u00f4ng ng\u01b0\u1eddi b\u00e1n h\u00e0ng online n\u00e0o mu\u1ed1n x\u1ea3y ra \u0111i\u1ec1u g\u00ec b\u1ea5t th\u01b0\u1eddng khi kh\u00e1ch h\u00e0ng ti\u1ebfn \u0111\u1ebfn nh\u1eefng b\u01b0\u1edbc cu\u1ed1i c\u00f9ng \u0111\u01b0a ti\u1ec1n v\u00e0o t\u00e0i kho\u1ea3n c\u1ee7a m\u00ecnh c\u1ea3. Do v\u1eady t\u00f4i khuy\u00ean b\u1ea1n kh\u00f4ng n\u00ean tick ch\u1ecdn t\u00ednh n\u0103ng n\u00e0y, tr\u1eeb khi c\u1ef1c k\u1ef3 ch\u1eafc ch\u1eafn<\/li><\/ul>\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-6577d6cc81f2f\" ><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-6577d6cc81f2f\"  type=\"checkbox\" id=\"item-6577d6cc81f2f\"><\/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\/plugin-async-javascript\/#1_Cai_dat_nhanh\" title=\"1. C\u00e0i \u0111\u1eb7t nhanh\">1. C\u00e0i \u0111\u1eb7t nhanh<\/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\/plugin-async-javascript\/#2_Lua_chon_phuong_thuc\" title=\"2. L\u1ef1a ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c\">2. L\u1ef1a ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c<\/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\/plugin-async-javascript\/#3_Xu_ly_rieng_voi_jQuery_%E2%80%93_mot_file_JS_dac_biet_va_quan_trong\" title=\"3. X\u1eed l\u00fd ri\u00eang v\u1edbi jQuery &#8211; m\u1ed9t file JS \u0111\u1eb7c bi\u1ec7t v\u00e0 quan tr\u1ecdng\">3. X\u1eed l\u00fd ri\u00eang v\u1edbi jQuery &#8211; m\u1ed9t file JS \u0111\u1eb7c bi\u1ec7t v\u00e0 quan tr\u1ecdng<\/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\/plugin-async-javascript\/#4_Tai_khong_dong_bo_JavaScript\" title=\"4. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 JavaScript\">4. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 JavaScript<\/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\/plugin-async-javascript\/#5_Tri_hoan_tai_JavaScript\" title=\"5. Tr\u00ec ho\u00e3n t\u1ea3i JavaScript\">5. Tr\u00ec ho\u00e3n t\u1ea3i JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#6_Loai_tru_cac_file_JavaScript_%E2%80%9Ckhong_can_tri_hoan_tai%E2%80%9D_cung_nhu_%E2%80%9Ckhong_tai_khong_dong_bo%E2%80%9D\" title=\"6. Lo\u1ea1i tr\u1eeb c\u00e1c file JavaScript &#8220;kh\u00f4ng c\u1ea7n tr\u00ec ho\u00e3n t\u1ea3i&#8221; c\u0169ng nh\u01b0 &#8220;kh\u00f4ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9&#8221;\">6. Lo\u1ea1i tr\u1eeb c\u00e1c file JavaScript &#8220;kh\u00f4ng c\u1ea7n tr\u00ec ho\u00e3n t\u1ea3i&#8221; c\u0169ng nh\u01b0 &#8220;kh\u00f4ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#7_Loai_tru_plugin\" title=\"7. Lo\u1ea1i tr\u1eeb plugin\">7. Lo\u1ea1i tr\u1eeb plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#8_Loai_tru_giao_dien\" title=\"8. Lo\u1ea1i tr\u1eeb giao di\u1ec7n\">8. Lo\u1ea1i tr\u1eeb giao di\u1ec7n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#9_Tai_khong_dong_bo_cho_plugin\" title=\"9. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 cho plugin\">9. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 cho plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#10_Phoi_hop_voi_Autoptimize\" title=\"10. Ph\u1ed1i h\u1ee3p v\u1edbi Autoptimize\">10. Ph\u1ed1i h\u1ee3p v\u1edbi Autoptimize<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#11_Khac_phuc_hien_tuong_defer_jQuery_lam_hong_chuc_nang_mot_so_trang\" title=\"11. Kh\u1eafc ph\u1ee5c hi\u1ec7n t\u01b0\u1ee3ng defer jQuery l\u00e0m h\u1ecfng ch\u1ee9c n\u0103ng m\u1ed9t s\u1ed1 trang\">11. Kh\u1eafc ph\u1ee5c hi\u1ec7n t\u01b0\u1ee3ng defer jQuery l\u00e0m h\u1ecfng ch\u1ee9c n\u0103ng m\u1ed9t s\u1ed1 trang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#Neu_huong_dan_nay_van_lam_ban_cam_thay_mu_mo\" title=\"N\u1ebfu h\u01b0\u1edbng d\u1eabn n\u00e0y v\u1eabn l\u00e0m b\u1ea1n c\u1ea3m th\u1ea5y m\u00f9 m\u1edd?\">N\u1ebfu h\u01b0\u1edbng d\u1eabn n\u00e0y v\u1eabn l\u00e0m b\u1ea1n c\u1ea3m th\u1ea5y m\u00f9 m\u1edd?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/kiencang.net\/plugin-async-javascript\/#Cach_kiem_tra_file_JS_cua_ban_dang_defer_hay_async\" title=\"C\u00e1ch ki\u1ec3m tra file JS c\u1ee7a b\u1ea1n \u0111ang defer hay async\">C\u00e1ch ki\u1ec3m tra file JS c\u1ee7a b\u1ea1n \u0111ang defer hay async<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Cai_dat_nhanh\"><\/span>1. C\u00e0i \u0111\u1eb7t nhanh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/cai-dat-nhanh.png\" alt=\"c\u00e0i \u0111\u1eb7t nhanh JS\" class=\"wp-image-14034\"\/><\/figure><\/div>\n\n\n<p>\u0110\u00e2y l\u00e0 ph\u1ea7n c\u00e0i \u0111\u1eb7t nhanh, \u1edf \u0111\u00e2y b\u1ea1n c\u00f3 4 l\u1ef1a ch\u1ecdn sau:<\/p>\n\n\n<ul><li><strong>Apply Async<\/strong>: \u00e1p d\u1ee5ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c file JS, bao g\u1ed3m c\u1ea3 jQuery<\/li><li><strong>Apply Defer<\/strong>: \u00e1p d\u1ee5ng tr\u00ec ho\u00e3n t\u1ea3i tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c file JS, bao g\u1ed3m c\u1ea3 jQuery<\/li><li><strong>Apply Async (jQuery excluded): <\/strong>\u00e1p d\u1ee5ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 v\u1edbi t\u1ea5t c\u1ea3 file JS tr\u00ean trang, ngo\u1ea1i tr\u1eeb jQuery<\/li><li><strong>Apply Defer (jQuery excluded): <\/strong>\u00e1p d\u1ee5ng t\u1ea3i tr\u00ec ho\u00e3n t\u1ea3i v\u1edbi t\u1ea5t c\u1ea3 file JS tr\u00ean trang, ngo\u1ea1i tr\u1eeb jQuery<\/li><\/ul>\n\n\n<p>L\u01b0u \u00fd: Khi s\u1eed d\u1ee5ng c\u00e1c t\u00f9y ch\u1ecdn n\u00f3 s\u1ebd ghi \u0111\u00e8 l\u00ean c\u00e1c thi\u1ebft l\u1eadp hi\u1ec7n c\u00f3 v\u1edbi Async JavaScript.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Lua_chon_phuong_thuc\"><\/span>2. L\u1ef1a ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/lua-chon-phuong-thuc.png\" alt=\"l\u1ef1a ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c tr\u00ec ho\u00e3n t\u1ea3i JavaScript\" class=\"wp-image-14035\"\/><\/figure><\/div>\n\n\n<p>\u1ede \u0111\u00e2y b\u1ea1n s\u1ebd ch\u1ee7 \u0111\u1ed9ng ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c x\u1eed l\u00fd v\u1edbi JavaScript l\u00e0 tr\u00ec ho\u00e3n t\u1ea3i ho\u1eb7c t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Xu_ly_rieng_voi_jQuery_%E2%80%93_mot_file_JS_dac_biet_va_quan_trong\"><\/span>3. X\u1eed l\u00fd ri\u00eang v\u1edbi jQuery &#8211; m\u1ed9t file JS \u0111\u1eb7c bi\u1ec7t v\u00e0 quan tr\u1ecdng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/xu-ly-jQuery.png\" alt=\"x\u1eed l\u00fd jQuery\" class=\"wp-image-14036\"\/><\/figure><\/div>\n\n\n<p>\u1ede \u0111\u00e2y t\u00e1c gi\u1ea3 n\u00f3i r\u1eb1ng:<\/p>\n\n\n<blockquote class=\"wp-block-quote\"><p>Th\u01b0\u1eddng th\u00ec n\u1ebfu jQuery t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 (async) ho\u1eb7c tr\u00ec ho\u00e3n (defer) n\u00f3 c\u00f3 th\u1ec3 ph\u00e1 v\u1ee1 m\u1ed9t s\u1ed1 h\u00e0m c\u1ee7a jQuery, \u0111\u1eb7c bi\u1ec7t l\u00e0 v\u1edbi c\u00e1c \u0111o\u1ea1n m\u00e3 n\u1ed9i tuy\u1ebfn (inline) y\u00eau c\u1ea7u jQuery t\u1ea3i tr\u01b0\u1edbc khi m\u00e3 n\u1ed9i tuy\u1ebfn \u0111\u00f3 kh\u1edfi ch\u1ea1y. <strong>\u0110\u00f4i khi<\/strong> vi\u1ec7c l\u1ef1a ch\u1ecdn <strong>async<\/strong> ho\u1eb7c <strong>defer <\/strong>s\u1ebd v\u1eabn ho\u1ea1t \u0111\u1ed9ng b\u00ecnh th\u01b0\u1eddng<strong>,&nbsp;<\/strong>nh\u01b0ng v\u1edbi c\u00e1c tr\u01b0\u1eddng h\u1ee3p kh\u00e1c b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n ph\u1ea3i lo\u1ea1i tr\u1eeb jQuery kh\u1ecfi c\u00e0i \u0111\u1eb7t async v\u00e0 defer.<\/p><\/blockquote>\n\n\n<p>\u1ede \u0111\u00e2y b\u1ea1n c\u00f3 3 l\u1ef1a ch\u1ecdn:<\/p>\n\n\n<ul><li>T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 jQuery \/ Async<\/li><li>Tr\u00ec ho\u00e3n t\u1ea3i jQuery \/ Defer<\/li><li>T\u1ea3i jQuery theo c\u00e1ch b\u00ecnh th\u01b0\u1eddng (t\u1ee9c l\u00e0 kh\u00f4ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9, c\u0169ng nh\u01b0 kh\u00f4ng tr\u00ec ho\u00e3n t\u1ea3i) \/ Exclude \/ lo\u1ea1i tr\u1eeb<\/li><\/ul>\n\n\n<div class=\"wp-block-stevehenty-drop-shadow-box dropshadowboxes-container\" style=\"width:auto\"><div class=\"dropshadowboxes-drop-shadow dropshadowboxes-lifted-both dropshadowboxes-rounded-corners dropshadowboxes-inside-and-outside-shadow\" style=\"background-color:#ffffff;border-style:solid;border-width:2px;border-color:#dddddd;width:;padding:10px\"><div><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Tai_khong_dong_bo_JavaScript\"><\/span>4. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/tai-khong-dong-bo-JS.png\" alt=\"t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 JavaScript\" class=\"wp-image-14037\"\/><\/figure><\/div>\n\n\n<p>\u1ede \u0111\u00e2y b\u1ea1n <strong>c\u00f3 quy\u1ec1n l\u1ef1a ch\u1ecdn \u0111\u00edch danh, c\u1ee5 th\u1ec3 t\u1eebng file JavaScript<\/strong> m\u00e0 b\u1ea1n mu\u1ed1n t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 (async). N\u1ebfu c\u00f3 nhi\u1ec1u file, b\u1ea1n ng\u0103n c\u00e1ch n\u00f3 b\u1eb1ng d\u1ea5u ph\u1ea9y. V\u00ed d\u1ee5 jquery.js,jquery-ui.js<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Tri_hoan_tai_JavaScript\"><\/span>5. Tr\u00ec ho\u00e3n t\u1ea3i JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/tai-JS-kieu-tri-hoan.png\" alt=\"tr\u00ec ho\u00e3n t\u1ea3i JavaScript\" class=\"wp-image-14038\"\/><\/figure><\/div>\n\n\n<p>T\u01b0\u01a1ng t\u1ef1 nh\u01b0 \u1edf ph\u1ea7n tr\u00ean. \u1ede \u0111\u00e2y b\u1ea1n c\u00f3 quy\u1ec1n l\u1ef1a ch\u1ecdn \u0111\u00edch danh c\u00e1c file JavaScript m\u00e0 b\u1ea1n mu\u1ed1n tr\u00ec ho\u00e3n t\u1ea3i (defer). N\u1ebfu c\u00f3 nhi\u1ec1u file, b\u1ea1n ng\u0103n c\u00e1ch n\u00f3 b\u1eb1ng d\u1ea5u ph\u1ea9y. V\u00ed d\u1ee5 jquery.js,jquery-ui.js<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Loai_tru_cac_file_JavaScript_%E2%80%9Ckhong_can_tri_hoan_tai%E2%80%9D_cung_nhu_%E2%80%9Ckhong_tai_khong_dong_bo%E2%80%9D\"><\/span>6. Lo\u1ea1i tr\u1eeb c\u00e1c file JavaScript &#8220;kh\u00f4ng c\u1ea7n tr\u00ec ho\u00e3n t\u1ea3i&#8221; c\u0169ng nh\u01b0 &#8220;kh\u00f4ng t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/loai-tru-js.png\" alt=\"file JavaScript c\u1ea7n lo\u1ea1i tr\u1eeb\" class=\"wp-image-14039\"\/><\/figure><\/div>\n\n\n<p>\u1ede \u0111\u00e2y b\u1ea1n c\u00f3 quy\u1ec1n l\u1ef1a ch\u1ecdn \u0111\u00edch danh c\u00e1c file JavaScript m\u00e0 b\u1ea1n kh\u00f4ng mu\u1ed1n tr\u00ec ho\u00e3n t\u1ea3i (defer) c\u0169ng nh\u01b0 kh\u00f4ng mu\u1ed1n t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 (async) \/ t\u1ee9c l\u00e0 file JS t\u1ea3i theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng. N\u1ebfu c\u00f3 nhi\u1ec1u file, b\u1ea1n ng\u0103n c\u00e1ch n\u00f3 b\u1eb1ng d\u1ea5u ph\u1ea9y. V\u00ed d\u1ee5 jquery.js,jquery-ui.js<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Loai_tru_plugin\"><\/span>7. Lo\u1ea1i tr\u1eeb plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/loai-tru-plugin.png\" alt=\"lo\u1ea1i tr\u1eeb plugin\" class=\"wp-image-14040\"\/><\/figure><\/div>\n\n\n<p>Ch\u1ee9c n\u0103ng n\u00e0y gi\u00fap b\u1ea1n lo\u1ea1i b\u1ecf c\u00e1c <strong>file JS c\u1ee7a plugin<\/strong> kh\u00f4ng \u0111\u01b0\u1ee3c defer, c\u0169ng nh\u01b0 kh\u00f4ng \u0111\u01b0\u1ee3c async. B\u1ea1n c\u00f3 kh\u1ea3 n\u0103ng ch\u1ecdn nhi\u1ec1u plugin c\u00f9ng l\u00fac.<\/p>\n\n\n<p>L\u01b0u \u00fd l\u00e0 ch\u1ec9 c\u00e1c file JS n\u1eb1m trong plugin l\u00e0 s\u1ebd \u0111\u01b0\u1ee3c lo\u1ea1i tr\u1eeb trong ph\u1ea7n n\u00e0y, c\u00f2n c\u00e1c file JS t\u1ea3i t\u1eeb b\u00ean ngo\u00e0i s\u1ebd kh\u00f4ng b\u1ecb \u1ea3nh h\u01b0\u1edfng. V\u00ed d\u1ee5: n\u1ebfu plugin \u0111\u01b0\u1ee3c c\u00e0i \u0111\u1eb7t \u1edf \u0111\u01b0\u1eddng d\u1eabn <strong>\/wp-content\/plugins\/some-plugin\/ <\/strong>th\u1ebf th\u00ec file JS n\u1eb1m trong \u0111\u01b0\u1eddng d\u1eabn n\u00e0y s\u1ebd \u0111\u01b0\u1ee3c lo\u1ea1i tr\u1eeb. N\u1ebfu plugin t\u1ea3i JS t\u1eeb nh\u1eefng n\u01a1i kh\u00e1c th\u00ec ph\u01b0\u01a1ng th\u1ee9c to\u00e0n c\u1ee5c (global method) s\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng cho file JS t\u1ea3i b\u00ean ngo\u00e0i \u0111\u00f3 (v\u00ed d\u1ee5 async ho\u1eb7c defer).<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"8_Loai_tru_giao_dien\"><\/span>8. Lo\u1ea1i tr\u1eeb giao di\u1ec7n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/loai-tru-theme.png\" alt=\"lo\u1ea1i tr\u1eeb giao di\u1ec7n\" class=\"wp-image-14041\"\/><\/figure><\/div>\n\n\n<p>\u1ede \u0111\u00e2y cho ph\u00e9p b\u1ea1n lo\u1ea1i tr\u1eeb c\u00e1c \u0111o\u1ea1n m\u00e3 JS trong giao di\u1ec7n nh\u1ea5t \u0111\u1ecbnh kh\u00f4ng t\u1ea3i theo c\u1ea3 2 ki\u1ec3u async v\u00e0 defer.<\/p>\n\n\n<p>T\u01b0\u01a1ng t\u1ef1 nh\u01b0 plugin, ch\u1ec9 c\u00e1c file JS n\u1eb1m trong ph\u1ea7n c\u00e0i \u0111\u1eb7t theme \u1edf <strong>\/wp-content\/themes\/some-theme\/<\/strong> m\u1edbi b\u1ecb \u1ea3nh h\u01b0\u1edfng. N\u1ebfu giao di\u1ec7n t\u1ea3i file JS \u1edf b\u00ean ngo\u00e0i th\u01b0 m\u1ee5c tr\u00ean (nh\u01b0ng v\u1eabn thu\u1ed9c hosting c\u1ee7a b\u1ea1n) th\u00ec c\u00e1c c\u00e0i \u0111\u1eb7t to\u00e0n c\u1ee5c s\u1ebd \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng cho file JS \u0111\u00f3.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"9_Tai_khong_dong_bo_cho_plugin\"><\/span>9. T\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 cho plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/tai-khong-dong-bo-cho-plugin.png\" alt=\"t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 cho plugin\" class=\"wp-image-14042\"\/><\/figure><\/div>\n\n\n<p>M\u1eb7c d\u00f9 kh\u00f4ng \u0111\u01b0\u1ee3c khuy\u1ebfn kh\u00edch, m\u1ed9t s\u1ed1 theme v\u00e0 plugin c\u00f3 th\u1ec3 t\u1ea3i file JavaScript m\u00e0 kh\u00f4ng s\u1eed d\u1ee5ng h\u00e0m <strong><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/wp_enqueue_scripts\" target=\"_blank\" rel=\"noopener noreferrer\">wp_enqueue_script<\/a>. <\/strong>Trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p \u0111\u00e2y l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft cho ch\u1ee9c n\u0103ng c\u1ee7a theme v\u00e0 plugin.<\/p>\n\n\n<p>N\u1ebfu c\u00e1c giao di\u1ec7n \/ plugin n\u00e0y cung c\u1ea5p m\u1ed9t hook c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 thao t\u00e1c c\u00e1ch t\u1ea3i t\u1ec7p JavaScript th\u00ec Async Javascript c\u00f3 th\u1ec3 cung c\u1ea5p h\u1ed7 tr\u1ee3 cho c\u00e1c giao di\u1ec7n \/ plugin n\u00e0y.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n c\u00f3 b\u1ea5t k\u1ef3 giao di\u1ec7n \/ plugin n\u00e0o m\u00e0 Async JavaScript h\u1ed7 tr\u1ee3 th\u00ec n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea b\u00ean d\u01b0\u1edbi.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"10_Phoi_hop_voi_Autoptimize\"><\/span>10. Ph\u1ed1i h\u1ee3p v\u1edbi Autoptimize<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/phoi-hop-autoptimize.png\" alt=\"ph\u1ed1i h\u1ee3p v\u1edbi Autoptimize\" class=\"wp-image-14053\"\/><\/figure><\/div>\n\n\n<p>Ri\u00eang khung \u1edf cu\u1ed1i (h\u00ecnh tr\u00ean) li\u00ean quan \u0111\u1ebfn chuy\u1ec7n ph\u1ed1i h\u1ee3p gi\u1eefa plugin Async JavaScript v\u00e0 Autoptimize. N\u1ebfu b\u1ea1n d\u00f9ng c\u1ea3 hai plugin th\u00ec b\u1ea1n n\u00ean tick ch\u1ecdn <em>Enable Autoptimize Support,&nbsp;<\/em>ph\u1ea7n jQuery ch\u1ecdn Defer, t\u00e1c gi\u1ea3 n\u00f3i r\u1eb1ng l\u1ef1a ch\u1ecdn nh\u01b0 v\u1eady s\u1ebd t\u1ed1t h\u01a1n.<\/p>\n\n\n<p>L\u01b0u \u00fd: n\u1ebfu t\u00ednh n\u0103ng 10 g\u1eb7p v\u1ea5n \u0111\u1ec1 (ch\u1eb3ng h\u1ea1n b\u1ea1n mu\u1ed1n defer jQuery nh\u01b0ng ki\u1ec3m tra tr\u00ean m\u00e3 th\u00ec kh\u00f4ng th\u1ea5y thu\u1ed9c t\u00ednh n\u00e0y) th\u00ec kh\u1ea3 n\u0103ng cao do m\u1ee5c 1 b\u1ea1n kh\u00f4ng nh\u1ea5n b\u1eadt (enable) plugin Async JavaScript.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"11_Khac_phuc_hien_tuong_defer_jQuery_lam_hong_chuc_nang_mot_so_trang\"><\/span>11. Kh\u1eafc ph\u1ee5c hi\u1ec7n t\u01b0\u1ee3ng defer jQuery l\u00e0m h\u1ecfng ch\u1ee9c n\u0103ng m\u1ed9t s\u1ed1 trang<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>T\u00f4i nh\u1eadn th\u1ea5y vi\u1ec7c defer jQuery g\u00e2y \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn ch\u1ee9c n\u0103ng c\u1ee7a m\u1ed9t s\u1ed1 trang m\u00e0 c\u1ea7n t\u1ea3i jQuery theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng. Gi\u1edd ch\u00fang ta ph\u1ea3i l\u00e0m th\u1ebf n\u00e0o? V\u00ec n\u1ebfu b\u1ecf defer th\u00ec l\u1ea1i \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t. C\u00e1ch l\u00e0m l\u00e0:<\/p>\n\n\n<blockquote class=\"wp-block-quote\"><p>B\u1ecf defer tr\u00ean nh\u1eefng trang c\u1ea7n t\u1ea3i jQuery theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng c\u00f2n nh\u1eefng trang c\u00f2n l\u1ea1i v\u1eabn \u00e1p d\u1ee5ng defer.<\/p><\/blockquote>\n\n\n<p>C\u00e1ch l\u00e0m \u0111\u00f3 l\u00e0 ch\u00fang ta s\u1ebd v\u00f4 hi\u1ec7u h\u00f3a plugin Async JavaScript tr\u00ean nh\u1eefng trang c\u1ea7n t\u1ea3i theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng, c\u00f2n nh\u1eefng trang kh\u00e1c th\u00ec v\u1eabn k\u00edch ho\u1ea1t. Plugin gi\u00fap b\u1ea1n l\u00e0m vi\u1ec7c n\u00e0y c\u00f3 t\u00ean: <a href=\"https:\/\/vi.wordpress.org\/plugins\/plugin-organizer\/\">Plugin Organizer<\/a>, b\u1ea1n v\u00e0o s\u1eeda trang c\u1ea7n v\u00f4 hi\u1ec7u h\u00f3a Async JavaScript, k\u00e9o xu\u1ed1ng ph\u00eda d\u01b0\u1edbi v\u00e0 l\u1ef1a ch\u1ecdn nh\u01b0 sau:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/vo-hieu-hoa-plugin.png\" alt=\"v\u00f4 hi\u1ec7u h\u00f3a plugin tr\u00ean trang c\u1ee5 th\u1ec3\" class=\"wp-image-14523\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Neu_huong_dan_nay_van_lam_ban_cam_thay_mu_mo\"><\/span>N\u1ebfu h\u01b0\u1edbng d\u1eabn n\u00e0y v\u1eabn l\u00e0m b\u1ea1n c\u1ea3m th\u1ea5y m\u00f9 m\u1edd?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>OK, t\u00f4i r\u1ea5t hi\u1ec3u chuy\u1ec7n \u0111\u00f3, v\u1edbi nh\u1eefng ai ch\u01b0a t\u1eebng h\u1ecdc qua v\u1ec1 web, n\u1ed9i dung \u1edf tr\u00ean ch\u1eafc ch\u1eafn kh\u00f4ng d\u1ec5 ti\u00eau h\u00f3a.<\/p>\n\n\n<p>Th\u1ef1c ra th\u00ec t\u00e1c gi\u1ea3 c\u0169ng r\u1ea5t kh\u00e9o khi thi\u1ebft k\u1ebf plugin n\u00e0y cho nhi\u1ec1u c\u1ea5p \u0111\u1ed9 ng\u01b0\u1eddi d\u00f9ng. N\u1ebfu b\u1ea1n kh\u00f4ng hi\u1ec3u r\u00f5 v\u1ec1 c\u01a1 ch\u1ebf, \u0111\u01a1n gi\u1ea3n ch\u1ec9 c\u1ea7n t\u1eadp trung v\u00e0o t\u00f9y ch\u1ecdn \u1edf ph\u1ea7n <strong>Quick Settings \/ C\u00e0i \u0111\u1eb7t nhanh <\/strong>v\u1edbi 4 l\u1ef1a ch\u1ecdn m\u00e0 t\u00f4i \u0111\u00e3 n\u00eau \u1edf ph\u1ea7n tr\u00ean.<\/p>\n\n\n<p>V\u1ec1 v\u1ea5n \u0111\u1ec1 hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9:<\/p>\n\n\n<ul><li>Defer t\u1ea5t c\u1ea3, g\u1ed3m c\u1ea3 jQuery n\u1ebfu kh\u00f4ng \u1ea3nh h\u01b0\u1edfng g\u00ec \u0111\u1ebfn ch\u1ee9c n\u0103ng, giao di\u1ec7n s\u1ebd cho k\u1ebft qu\u1ea3 t\u1ed1t nh\u1ea5t v\u1ec1 m\u1eb7t th\u1eddi gian t\u1ea3i trang<\/li><li>Tuy nhi\u00ean lo\u1ea1i tr\u1eeb jQuery s\u1ebd l\u00e0 l\u1ef1a ch\u1ecdn hay h\u01a1n trong nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p, nh\u1ea5t l\u00e0 v\u1edbi c\u00e1c trang c\u00f3 giao di\u1ec7n ph\u1ee9c t\u1ea1p s\u1eed d\u1ee5ng JS n\u1ed9i tuy\u1ebfn trong qu\u00e1 tr\u00ecnh t\u1ea3i<\/li><li>An to\u00e0n nh\u1ea5t l\u00e0 l\u1ef1a ch\u1ecdn Async v\u1edbi vi\u1ec7c t\u1ea3i jQuery b\u00ecnh th\u01b0\u1eddng (l\u1ef1a ch\u1ecdn <strong>Apply Async (jQuery excluded)<\/strong>). Tuy nhi\u00ean n\u1ebfu v\u1eady th\u00ec b\u1ea1n kh\u00f4ng c\u1ea7n d\u00f9ng plugin n\u00e0y v\u00ec Autoptimize l\u00e0 \u0111\u1ee7 r\u1ed3i!<\/li><\/ul>\n\n\n<p>V\u1edbi nh\u1eefng ai hi\u1ec3u bi\u1ebft s\u00e2u h\u01a1n, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c t\u00f9y ch\u1ecdn n\u00e2ng cao b\u00ean d\u01b0\u1edbi. C\u00e1c trang c\u00f3 thi\u1ebft k\u1ebf, ch\u1ee9c n\u0103ng ph\u1ee9c t\u1ea1p ch\u1eafc ch\u1eafn c\u1ea7n \u0111\u1ebfn c\u00e1c t\u00f9y ch\u1ecdn n\u00e0y. Nh\u1eefng trang \u0111\u01a1n gi\u1ea3n ki\u1ec3u blog (nh\u01b0 trang Ki\u1ebfn c\u00e0ng) c\u00f3 th\u1ec3 ch\u1ec9 c\u1ea7n l\u1ef1a ch\u1ecdn \u0111\u01a1n gi\u1ea3n t\u1eeb c\u00e0i \u0111\u1eb7t nhanh.<\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cach_kiem_tra_file_JS_cua_ban_dang_defer_hay_async\"><\/span>C\u00e1ch ki\u1ec3m tra file JS c\u1ee7a b\u1ea1n \u0111ang defer hay async<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, b\u1ea1n v\u00e0o b\u00e0i vi\u1ebft n\u00e0o \u0111\u00f3 tr\u00ean website (\u1edf tr\u1ea1ng th\u00e1i kh\u00f4ng \u0111\u0103ng nh\u1eadp), r\u1ed3i chu\u1ed9t ph\u1ea3i ch\u1ecdn xem ngu\u1ed3n trang. N\u00f3 s\u1ebd m\u1edf m\u1ed9t tab m\u1edbi ch\u1ee9a \u0111\u1ea7y \u0111\u1ee7 m\u00e3 website c\u1ee7a b\u1ea1n. Ti\u1ebfp b\u1ea1n nh\u1ea5n t\u1ed5 h\u1ee3p ph\u00edm Ctrl + F v\u00e0 g\u00f5 .js v\u00e0o, n\u00f3 s\u1ebd hightlight nh\u1eefng file JS, \u0111\u1ec3 b\u1ea1n ki\u1ec3m tra thu\u1ed9c t\u00ednh:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/defer1.png\" alt=\"defer file JS 2\" class=\"wp-image-14048\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/defer2.png\" alt=\"defer file JS 1\" class=\"wp-image-14049\"\/><\/figure><\/div>\n\n\n<p>Nh\u01b0 \u1edf tr\u00ean t\u00f4i \u0111\u00e3 defer c\u1ea3 file JS t\u1ed5ng h\u1ee3p do Autoptimize (<em>&#8230;946391.js<\/em>) t\u1ea1o ra, c\u0169ng nh\u01b0 file jQuery (<em>jquery.js<\/em>).<\/p>\n\n\n<p>Ngo\u00e0i ra b\u1ea1n c\u00f3 th\u1ec3 nh\u1eadn th\u1ea5y file m\u00e0 plugin kh\u00f4ng t\u00e1c \u0111\u1ed9ng \u0111\u01b0\u1ee3c (d\u00f9 b\u1ea1n c\u00f3 ch\u1ecdn defer hay async th\u00ec n\u00f3 v\u1eabn t\u1ea3i theo c\u00e1ch b\u00ecnh th\u01b0\u1eddng), th\u00ed d\u1ee5 nh\u01b0 file sau \u0111\u00e2y c\u1ee7a theme:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/khong-can-thiep-duoc.png\" alt=\"file JS kh\u00f4ng can thi\u1ec7p \u0111\u01b0\u1ee3c\" class=\"wp-image-14050\"\/><\/figure><\/div>\n\n\n<p>Cu\u1ed1i c\u00f9ng, d\u00f9 ch\u1ecdn b\u1ea5t c\u1ee9 c\u00e0i \u0111\u1eb7t n\u00e0o, sau khi nh\u1ea5n Save, b\u1ea1n n\u00ean x\u00f3a cache plugin, r\u1ed3i x\u00f3a cache tr\u00ecnh duy\u1ec7t \u0111\u1ec3 ki\u1ec3m tra l\u1ea1i website th\u1eadt k\u1ef9. Can thi\u1ec7p v\u00e0o c\u00e1ch t\u1ea3i JS tr\u00ean trang c\u00f3 ch\u1ee9c n\u0103ng phong ph\u00fa c\u00f3 th\u1ec3 c\u00f3 nh\u1eefng \u1ea3nh h\u01b0\u1edfng kh\u00f3 l\u01b0\u1eddng.<\/p>\n\n\n<p>Xin ch\u00e0o, v\u00e0 h\u1eb9n g\u1eb7p l\u1ea1i b\u1ea1n \u1edf b\u00e0i vi\u1ebft kh\u00e1c m\u00e0 t\u00f4i d\u1ef1 \u0111\u1ecbnh d\u1ecbch, gi\u1ea3i th\u00edch r\u00f5 r\u00e0ng h\u01a1n c\u00e2u chuy\u1ec7n: <strong>V\u1eady r\u1ed1t c\u1ee5c <a href=\"https:\/\/kiencang.net\/tai-javascript-defer-async\/\">t\u1ea3i kh\u00f4ng \u0111\u1ed3ng b\u1ed9 v\u00e0 tr\u00ec ho\u00e3n t\u1ea3i l\u00e0 nh\u01b0 th\u1ebf n\u00e0o? Gi\u1ed1ng v\u00e0 kh\u00e1c nhau ra sao?<\/a><\/strong> R\u1ea5t h\u1ea5p d\u1eabn n\u1ebfu b\u1ea1n mu\u1ed1n hi\u1ec3u s\u00e2u v\u1ec1 v\u1ea5n \u0111\u1ec1 t\u1ea3i JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e1c gi\u1ea3 Frank Goossens (futtta) c\u00f3 nhi\u1ec1u plugin h\u1ed7 tr\u1ee3 t\u0103ng t\u1ed1c WordPress, trong \u0111\u00f3 n\u1ed5i ti\u1ebfng nh\u1ea5t c\u00f3 l\u1ebd l\u00e0 Autoptimize (c\u00f3 th\u1ec3 b\u1ea1n c\u0169ng \u0111ang d\u00f9ng \u0111\u1ea5y \u1ea1!). Nh\u01b0ng ch\u1ec9 d\u00f9ng m\u1ed7i plugin \u0111\u00f3 th\u00ec h\u01a1i ph\u00ed, \u00f4ng c\u00f2n nhi\u1ec1u plugin kh\u00e1c r\u1ea5t th\u00fa v\u1ecb, l\u00e0m c\u00e1c nhi\u1ec7m v\u1ee5 chuy\u00ean s\u00e2u h\u01a1n n\u1eefa &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>H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress &#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\/plugin-async-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u00e1c gi\u1ea3 Frank Goossens (futtta) c\u00f3 nhi\u1ec1u plugin h\u1ed7 tr\u1ee3 t\u0103ng t\u1ed1c WordPress, trong \u0111\u00f3 n\u1ed5i ti\u1ebfng nh\u1ea5t c\u00f3 l\u1ebd l\u00e0 Autoptimize (c\u00f3 th\u1ec3 b\u1ea1n c\u0169ng \u0111ang d\u00f9ng \u0111\u1ea5y \u1ea1!). Nh\u01b0ng ch\u1ec9 d\u00f9ng m\u1ed7i plugin \u0111\u00f3 th\u00ec h\u01a1i ph\u00ed, \u00f4ng c\u00f2n nhi\u1ec1u plugin kh\u00e1c r\u1ea5t th\u00fa v\u1ecb, l\u00e0m c\u00e1c nhi\u1ec7m v\u1ee5 chuy\u00ean s\u00e2u h\u01a1n n\u1eefa &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/plugin-async-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=\"2019-12-15T16:35:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/async-autoptimze.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=\"14 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress &#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\/plugin-async-javascript\/","og_locale":"vi_VN","og_type":"article","og_title":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u00e1c gi\u1ea3 Frank Goossens (futtta) c\u00f3 nhi\u1ec1u plugin h\u1ed7 tr\u1ee3 t\u0103ng t\u1ed1c WordPress, trong \u0111\u00f3 n\u1ed5i ti\u1ebfng nh\u1ea5t c\u00f3 l\u1ebd l\u00e0 Autoptimize (c\u00f3 th\u1ec3 b\u1ea1n c\u0169ng \u0111ang d\u00f9ng \u0111\u1ea5y \u1ea1!). Nh\u01b0ng ch\u1ec9 d\u00f9ng m\u1ed7i plugin \u0111\u00f3 th\u00ec h\u01a1i ph\u00ed, \u00f4ng c\u00f2n nhi\u1ec1u plugin kh\u00e1c r\u1ea5t th\u00fa v\u1ecb, l\u00e0m c\u00e1c nhi\u1ec7m v\u1ee5 chuy\u00ean s\u00e2u h\u01a1n n\u1eefa &hellip;","og_url":"https:\/\/kiencang.net\/plugin-async-javascript\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2019-12-15T16:35:07+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/async-autoptimze.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":"14 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/plugin-async-javascript\/","url":"https:\/\/kiencang.net\/plugin-async-javascript\/","name":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2019-12-15T16:35:07+00:00","dateModified":"2019-12-15T16:35:07+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/plugin-async-javascript\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/plugin-async-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/plugin-async-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng plugin Async JavaScript \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JS trong 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\/14031"}],"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=14031"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/14031\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=14031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=14031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=14031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}