{"id":22055,"date":"2022-01-15T23:26:00","date_gmt":"2022-01-15T16:26:00","guid":{"rendered":"https:\/\/speed.family\/?p=13213"},"modified":"2023-08-27T21:15:57","modified_gmt":"2023-08-27T14:15:57","slug":"toi-uu-hoa-toc-do-tai-anh","status":"publish","type":"post","link":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/","title":{"rendered":"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#fffccc\">Trong b\u00e0i vi\u1ebft n\u00e0y t\u00f4i h\u01b0\u1edbng \u0111\u1ebfn m\u1ee5c ti\u00eau <strong>t\u1ed1i \u0111a h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c<\/strong>. \u0110\u00e2y l\u00e0 vi\u1ec7c kh\u00f4ng th\u1ec3 kh\u00f4ng l\u00e0m khi mu\u1ed1n <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u0103ng t\u1ed1c website<\/a>. C\u00e1c trang <a href=\"https:\/\/kiencang.net\/huong-dan-su-dung-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">s\u1eed d\u1ee5ng WordPress<\/a> s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i nhi\u1ec1u nh\u1ea5t, tuy nhi\u00ean c\u00e1c trang web s\u1eed d\u1ee5ng CMS kh\u00e1c c\u0169ng c\u00f3 th\u1ec3 th\u1ea5y c\u00f3 \u00edch v\u00ec <em>b\u1ed9 khung l\u00fd thuy\u1ebft v\u1eabn gi\u1ed1ng h\u1ec7t nhau, ch\u1ec9 c\u00f4ng c\u1ee5 l\u00e0 kh\u00e1c<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\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-6577d6284e62c\" ><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-6577d6284e62c\"  type=\"checkbox\" id=\"item-6577d6284e62c\"><\/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\/toi-uu-hoa-toc-do-tai-anh\/#A_Tai_sao_toi_uu_toc_do_tai_anh_lai_quan_trong\" title=\"A. T\u1ea1i sao t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh l\u1ea1i quan tr\u1ecdng?\">A. T\u1ea1i sao t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh l\u1ea1i quan tr\u1ecdng?<\/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\/toi-uu-hoa-toc-do-tai-anh\/#1_Chon_dinh_dang_anh_thich_hop\" title=\"#1. Ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u00edch h\u1ee3p\">#1. Ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u00edch h\u1ee3p<\/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\/toi-uu-hoa-toc-do-tai-anh\/#2_Up_anh_dung_kich_co\" title=\"#2. Up \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1\">#2. Up \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1<\/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\/toi-uu-hoa-toc-do-tai-anh\/#3_Nen_anh\" title=\"#3. N\u00e9n \u1ea3nh\">#3. N\u00e9n \u1ea3nh<\/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\/toi-uu-hoa-toc-do-tai-anh\/#4_Su_dung_anh_WebP\" title=\"#4. S\u1eed d\u1ee5ng \u1ea3nh WebP\">#4. S\u1eed d\u1ee5ng \u1ea3nh WebP<\/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\/toi-uu-hoa-toc-do-tai-anh\/#5_Tich_hop_CDN\" title=\"#5. T\u00edch h\u1ee3p CDN\">#5. T\u00edch h\u1ee3p CDN<\/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\/toi-uu-hoa-toc-do-tai-anh\/#6_Su_dung_Lazy_load\" title=\"#6. S\u1eed d\u1ee5ng Lazy load\">#6. S\u1eed d\u1ee5ng Lazy load<\/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\/toi-uu-hoa-toc-do-tai-anh\/#7_Su_dung_cache_phia_trinh_duyet_de_luu_anh\" title=\"#7. S\u1eed d\u1ee5ng cache ph\u00eda tr\u00ecnh duy\u1ec7t \u0111\u1ec3 l\u01b0u \u1ea3nh\">#7. S\u1eed d\u1ee5ng cache ph\u00eda tr\u00ecnh duy\u1ec7t \u0111\u1ec3 l\u01b0u \u1ea3nh<\/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\/toi-uu-hoa-toc-do-tai-anh\/#8_Su_dung_anh_Base64\" title=\"#8. S\u1eed d\u1ee5ng \u1ea3nh Base64\">#8. S\u1eed d\u1ee5ng \u1ea3nh Base64<\/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\/toi-uu-hoa-toc-do-tai-anh\/#9_Su_dung_anh_avatar_luu_tai_host_cua_ban\" title=\"#9. S\u1eed d\u1ee5ng \u1ea3nh avatar l\u01b0u t\u1ea1i host c\u1ee7a b\u1ea1n\">#9. S\u1eed d\u1ee5ng \u1ea3nh avatar l\u01b0u t\u1ea1i host c\u1ee7a b\u1ea1n<\/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\/toi-uu-hoa-toc-do-tai-anh\/#Bonus_Toi_uu_anh_dua_tren_vi_tri_muc_do_quan_trong_cua_no\" title=\"Bonus. T\u1ed1i \u01b0u \u1ea3nh d\u1ef1a tr\u00ean v\u1ecb tr\u00ed, m\u1ee9c \u0111\u1ed9 quan tr\u1ecdng c\u1ee7a n\u00f3\">Bonus. T\u1ed1i \u01b0u \u1ea3nh d\u1ef1a tr\u00ean v\u1ecb tr\u00ed, m\u1ee9c \u0111\u1ed9 quan tr\u1ecdng c\u1ee7a n\u00f3<\/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\/toi-uu-hoa-toc-do-tai-anh\/#B_Cac_plugin\" title=\"B. C\u00e1c plugin\">B. C\u00e1c plugin<\/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\/toi-uu-hoa-toc-do-tai-anh\/#D_Van_de_khi_tich_hop_toan_bo_cac_kieu_toi_uu\" title=\"D. V\u1ea5n \u0111\u1ec1 khi t\u00edch h\u1ee3p to\u00e0n b\u1ed9 c\u00e1c ki\u1ec3u t\u1ed1i \u01b0u\">D. V\u1ea5n \u0111\u1ec1 khi t\u00edch h\u1ee3p to\u00e0n b\u1ed9 c\u00e1c ki\u1ec3u t\u1ed1i \u01b0u<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_Tai_sao_toi_uu_toc_do_tai_anh_lai_quan_trong\"><\/span>A. <strong>T\u1ea1i sao t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh l\u1ea1i quan tr\u1ecdng?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ea2nh chi\u1ebfm ph\u1ea7n l\u1edbn dung l\u01b0\u1ee3ng c\u1ee7a trang web, v\u1edbi m\u1ee9c \u0111\u1ed9 dao \u0111\u1ed9ng t\u00f9y t\u1eebng website, v\u00e0 t\u1eebng trang c\u1ee5 th\u1ec3 trong ch\u00ednh website \u0111\u00f3, v\u00e0 c\u00f3 th\u1ec3 l\u00ean \u0111\u1ebfn 60 &#8211; 70% dung l\u01b0\u1ee3ng to\u00e0n trang. (M\u1ed9t th\u1ed1ng k\u00ea cho th\u1ea5y, n\u00f3i chung, t\u00ednh trung b\u00ecnh- \u1ea3nh chi\u1ebfm kho\u1ea3ng 45% dung l\u01b0\u1ee3ng website).<\/p>\n\n\n\n<p>\u1ea2nh tr\u00ean web c\u00f3 m\u1eb7t \u1edf nhi\u1ec1u v\u1ecb tr\u00ed kh\u00e1c nhau, kh\u00f4ng ch\u1ec9 \u1ea3nh minh h\u1ecda \u0111\u1ea7u b\u00e0i (featured image) v\u00e0 b\u00ean trong b\u00e0i c\u1ee5 th\u1ec3, n\u00f3 c\u00f2n c\u00f3 c\u00e1c vai tr\u00f2 &amp; \u1edf c\u00e1c v\u1ecb tr\u00ed th\u01b0\u1eddng g\u1eb7p kh\u00e1c nh\u01b0:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/anh-logo-qua-to\/\" target=\"_blank\" rel=\"noreferrer noopener\">Logo c\u1ee7a trang web<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/banner-full-cham-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Banner c\u1ee7a trang web<\/a>;<\/li>\n\n\n\n<li>\u1ea2nh n\u1ec1n (background);<\/li>\n\n\n\n<li>Avatar c\u1ee7a ng\u01b0\u1eddi b\u00ecnh lu\u1eadn;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/iconfinder-com-noi-chua-hon-300-ngan-icon-mien-phi-va-tra-phi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Icon<\/a>;<\/li>\n\n\n\n<li>V\u00e2n v\u00e2n.<\/li>\n<\/ul>\n\n\n\n<p>T\u1ea5t c\u1ea3 nh\u1eefng \u1ea3nh n\u00e0y \u0111\u1ec1u l\u00e0m gia t\u0103ng dung l\u01b0\u1ee3ng v\u00e0 s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i (request), h\u1ec7 qu\u1ea3 l\u00e0 l\u00e0m t\u0103ng th\u1eddi gian t\u1ea3i trang.<\/p>\n\n\n\n<p>Nh\u1eefng trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed c\u0169ng th\u01b0\u1eddng s\u1eed d\u1ee5ng nhi\u1ec1u \u1ea3nh c\u00f3 dung l\u01b0\u1ee3ng l\u1edbn do ph\u1ea3i \u0111\u00e1p \u1ee9ng nhu c\u1ea7u ng\u01b0\u1eddi mua xem \u0111\u01b0\u1ee3c \u1ea3nh c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao \u1edf nhi\u1ec1u g\u00f3c nh\u00ecn kh\u00e1c nhau (<a href=\"https:\/\/kiencang.net\/su-tin-cay-trong-thiet-ke-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">y\u00eau c\u1ea7u thi\u1ebft k\u1ebf<\/a>).<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fffccc\">Xem th\u00eam: <a href=\"https:\/\/kiencang.net\/ban-quyen-hinh-anh\/\" target=\"_blank\" rel=\"noreferrer noopener\">l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 kh\u00f4ng vi ph\u1ea1m b\u1ea3n quy\u1ec1n li\u00ean quan \u0111\u1ebfn h\u00ecnh \u1ea3nh<\/a>.<\/p>\n\n\n\n<p><strong>V\u1eady l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ed1i \u01b0u \u1ea3nh trong WordPress?<\/strong><\/p>\n\n\n\n<p>\u0110\u1ec3 t\u1ed1i \u01b0u h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh, hi\u1ec7n c\u00e1c bi\u1ec7n ph\u00e1p sau \u0111\u01b0\u1ee3c \u0111\u1ed3ng th\u1eddi s\u1eed d\u1ee5ng:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-ch\u1ecdn-d\u1ecbnh-d\u1ea1ng-\u1ea3nh-thich-h\u1ee3p\"><span class=\"ez-toc-section\" id=\"1_Chon_dinh_dang_anh_thich_hop\"><\/span>#1. Ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u00edch h\u1ee3p<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nguy c\u01a1 m\u1eafc l\u1ed7i ch\u1ecdn sai \u0111\u1ecbnh d\u1ea1ng: hi\u1ebfm, th\u01b0\u1eddng ng\u01b0\u1eddi m\u1edbi d\u00f9ng, ho\u1eb7c v\u00f4 t\u00ecnh t\u1ea3i \u1ea3nh sai \u0111\u1ecbnh d\u1ea1ng v\u1ec1 r\u1ed3i kh\u00f4ng \u0111\u1ec3 \u00fd m\u1edbi g\u1eb7p l\u1ed7i n\u00e0y.<\/p>\n\n\n\n<p>C\u00f3 nhi\u1ec1u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh kh\u00e1c nhau nh\u01b0 <a href=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/\" target=\"_blank\" rel=\"noreferrer noopener\">jpg, png, gif v\u00e0 svg<\/a>, v\u00e2n v\u00e2n. Trong \u0111\u00f3 ph\u1ed5 bi\u1ebfn nh\u1ea5t l\u00e0 jpg v\u00e0 png.<\/p>\n\n\n\n<p>\u1ea2nh tr\u00ean website c\u00f3 nhi\u1ec1u ki\u1ec3u, nh\u01b0ng t\u1ef1u trung l\u1ea1i c\u00f3 th\u1ec3 ph\u00e2n l\u00e0m hai l\u00e0 <em>\u1ea3nh th\u1ef1c<\/em> v\u00e0 <em>\u1ea3nh nh\u00e2n t\u1ea1o<\/em>.<\/p>\n\n\n\n<p>\u1ea2nh th\u1ef1c n\u00f3i n\u00f4m na l\u00e0 c\u00e1c \u1ea3nh b\u1ea1n ch\u1ee5p b\u1eb1ng m\u00e1y \u1ea3nh hay \u0111i\u1ec7n tho\u1ea1i, ch\u00fang l\u00e0 nh\u1eefng \u1ea3nh \u0111\u1eddi s\u1ed1ng, nhi\u1ec1u m\u00e0u s\u1eafc. C\u00f2n \u1ea3nh nh\u00e2n t\u1ea1o t\u1ee9c l\u00e0 c\u00e1c \u1ea3nh \u0111\u01b0\u1ee3c d\u1ef1ng t\u1eeb m\u00e1y t\u00ednh, ch\u1eb3ng h\u1ea1n nh\u01b0 c\u00e1c icon, \u1ea3nh ch\u1ee5p m\u00e0n h\u00ecnh, c\u00e1c \u1ea3nh n\u00e0y th\u01b0\u1eddng \u00edt m\u00e0u s\u1eafc h\u01a1n v\u00e0 kh\u00f4ng ph\u1ea3i l\u00e0 \u1ea3nh \u0111\u1eddi s\u1ed1ng.<\/p>\n\n\n\n<p>Nh\u00ecn chung \u1ea3nh th\u1ef1c l\u01b0u d\u01b0\u1edbi \u0111\u1ecbnh d\u1ea1ng jpg th\u00ec ti\u1ebft ki\u1ec7m dung l\u01b0\u1ee3ng h\u01a1n nhi\u1ec1u so v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng kh\u00e1c, c\u00f2n c\u00e1c \u1ea3nh do m\u00e1y t\u00ednh t\u1ea1o v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng nh\u01b0 png, svg th\u01b0\u1eddng t\u1ed1t h\u01a1n.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>\u1ea2nh JPG (61KB, ch\u01b0a n\u00e9n)<\/strong><\/td><td><strong>\u1ea2nh PNG (347KB, ch\u01b0a n\u00e9n)<\/strong><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13230 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.jpg\" alt=\"\u1ea3nh m\u00e8o JPG\" width=\"640\" height=\"640\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.jpg 640w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-300x300.jpg 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-150x150.jpg 150w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-120x120.jpg 120w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/td><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13231 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.png\" alt=\"\u1ea3nh m\u00e8o PNG\" width=\"640\" height=\"640\"><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">So s\u00e1nh 2 \u0111\u1ecbnh d\u1ea1ng JPG v\u00e0 PNG v\u1edbi \u1ea3nh \u0111\u1eddi s\u1ed1ng.<\/figcaption><\/figure>\n\n\n\n<p>P\/S: N\u1ebfu ch\u1eb3ng may b\u1ea1n c\u00f3 \u1ea3nh kh\u00f4ng \u0111\u00fang \u0111\u1ecbnh d\u1ea1ng l\u00e0m cho \u1ea3nh c\u00f3 dung l\u01b0\u1ee3ng l\u1edbn b\u1ea5t th\u01b0\u1eddng, c\u00f3 nhi\u1ec1u c\u00f4ng c\u1ee5 online gi\u00fap b\u1ea1n chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng. Ch\u1ec9 c\u1ea7n tra c\u1ee5m t\u1eeb kh\u00f3a ki\u1ec3u nh\u01b0 &#8220;convert png to jpg&#8221; (chuy\u1ec3n \u1ea3nh png sang jpg). N\u1ebfu b\u1ea1n c\u00f3 s\u1ed1 l\u01b0\u1ee3ng \u1ea3nh l\u1edbn c\u1ea7n chuy\u1ec3n th\u00ec plugin l\u00e0 gi\u1ea3i ph\u00e1p hay h\u01a1n (v\u00ec \u0111\u1ee1 m\u1ea5t c\u00f4ng chuy\u1ec3n th\u1ee7 c\u00f4ng), v\u00e0 khi d\u00f9ng nh\u1edb ki\u1ec3m tra demo tr\u01b0\u1edbc khi chuy\u1ec3n to\u00e0n b\u1ed9 s\u1ed1 \u1ea3nh tr\u00ean website sang \u0111\u1ecbnh d\u1ea1ng kh\u00e1c (\u0111\u1ec3 tr\u00e1nh vi\u1ec7c chuy\u1ec3n v\u1edbi c\u00e1c c\u00e0i \u0111\u1eb7t kh\u00f4ng th\u00edch h\u1ee3p l\u00e0m suy gi\u1ea3m nghi\u00eam tr\u1ecdng ch\u1ea5t l\u01b0\u1ee3ng).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-up-\u1ea3nh-dung-kich-c\u1ee1\"><span class=\"ez-toc-section\" id=\"2_Up_anh_dung_kich_co\"><\/span>#2. Up \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nguy c\u01a1 m\u1eafc l\u1ed7i n\u00e0y: r\u1ea5t cao, k\u1ec3 c\u1ea3 d\u00f9ng m\u1ed9t th\u1eddi gian d\u00e0i b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 l\u01a1 \u0111\u00e3ng v\u1ee5 up \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1. Tuy nhi\u00ean c\u0169ng kh\u00f4ng n\u00ean tuy\u1ec7t \u0111\u1ed1i qu\u00e1 v\u1ea5n \u0111\u1ec1 n\u00e0y, v\u00ec up \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1 \u0111\u00f2i h\u1ecfi b\u1ea1n ph\u1ea3i thao t\u00e1c ngay tr\u00ean m\u00e1y c\u1ee7a m\u00ecnh r\u1ed3i m\u1edbi up l\u00ean website. V\u00e0 m\u1ed9t s\u1ed1 h\u00ecnh th\u1ee9c vi\u1ebft content c\u00f3 th\u1ec3 khi\u1ebfn c\u00f4ng vi\u1ec7c n\u00e0y r\u1ea5t m\u1ec7t m\u1ecfi (v\u00ed d\u1ee5 h\u01b0\u1edbng d\u1eabn c\u00e1ch s\u1eed d\u1ee5ng ph\u1ea7n m\u1ec1m c\u00f3 th\u1ec3 c\u1ea7n r\u1ea5t nhi\u1ec1u \u1ea3nh, c\u00f3 kh\u1ea3 n\u0103ng l\u00ean t\u1edbi 20 &#8211; 30 t\u1ea5m). Ngo\u00e0i ra m\u1ed9t v\u00e0i ki\u1ec3u n\u1ed9i dung n\u00ean c\u00f3 \u1ea3nh d\u01b0 th\u1eeba k\u00edch c\u1ee1, v\u00ed d\u1ee5 \u1ea3nh s\u1ea3n ph\u1ea9m to, n\u00e9t \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng nh\u00ecn r\u00f5 tr\u01b0\u1edbc khi mua (h\u1ecd th\u01b0\u1eddng s\u1ebd click v\u00e0o h\u00ecnh nh\u1ecf \u0111\u1ec3 n\u00f3 to ra cho m\u1ee5c \u0111\u00edch nh\u00ecn r\u00f5 h\u01a1n \/ plugin l\u00e0m c\u00f4ng vi\u1ec7c n\u00e0y g\u1ecdi chung l\u00e0 lightbox).<\/p>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/kich-thuoc-anh-toi-uu\/\" target=\"_blank\" rel=\"noreferrer noopener\">S\u1eed d\u1ee5ng \u1ea3nh \u0111\u00fang k\u00edch c\u1ee1<\/a> l\u00e0 m\u1ed9t trong c\u00e1c bi\u1ec7n ph\u00e1p gi\u00fap t\u0103ng t\u1ed1c \u0111\u01a1n gi\u1ea3n nh\u1ea5t m\u00e0 l\u1ea1i v\u00f4 c\u00f9ng hi\u1ec7u qu\u1ea3.<\/p>\n\n\n\n<p>Gi\u1ed1ng nh\u01b0 c\u00e2u t\u1ee5c ng\u1eef &#8220;gi.\u1ebft g\u00e0 d\u00f9ng dao m\u1ed5 tr\u00e2u&#8221; \u00fd ch\u1ec9 nh\u1eefng vi\u1ec7c \u0111\u01a1n gi\u1ea3n nh\u01b0ng l\u1ea1i huy \u0111\u1ed9ng ngu\u1ed3n l\u1ef1c qu\u00e1 l\u1edbn, g\u00e2y ph\u00ed ph\u1ea1m. C\u00f3 nhi\u1ec1u ng\u01b0\u1eddi c\u00f3 th\u00f3i quen (\u0111\u00fang h\u01a1n l\u00e0 v\u00f4 t\u00ecnh) up c\u00e1c \u1ea3nh l\u1edbn l\u00ean trang, trong khi k\u00edch th\u01b0\u1edbc \u1ea3nh th\u1ef1c s\u1ef1 s\u1eed d\u1ee5ng l\u1ea1i nh\u1ecf h\u01a1n nhi\u1ec1u.<\/p>\n\n\n\n<p>PS: kh\u00f4ng c\u00f3 \u00fd ph\u00e2n bi\u1ec7t gi\u1edbi, nh\u01b0ng t\u00f4i nh\u1eadn th\u1ea5y c\u00e1c ch\u1ecb em \u0111\u1eb7c bi\u1ec7t th\u01b0\u1eddng qu\u00ean c\u00e1i n\u00e0y!<\/p>\n\n\n\n<p>Ch\u1eb3ng h\u1ea1n giao di\u1ec7n ch\u1ec9 c\u1ea7n \u1ea3nh 800px nh\u01b0ng l\u1ea1i up \u1ea3nh c\u00f3 k\u00edch c\u1ee1 l\u00ean \u0111\u1ebfn 2000px. Tuy r\u1eb1ng c\u00f3 nh\u1eefng tr\u01b0\u1eddng h\u1ee3p ngo\u1ea1i l\u1ec7 th\u00ec b\u1ea1n v\u1eabn ph\u1ea3i s\u1eed d\u1ee5ng \u1ea3nh k\u00edch c\u1ee1 l\u1edbn, th\u00ed d\u1ee5 nh\u01b0 \u1ea3nh s\u1ea3n ph\u1ea9m \u0111\u1ec3 ng\u01b0\u1eddi mua h\u00e0ng click v\u00e0o xem cho r\u00f5, nh\u01b0ng trong ph\u1ea7n l\u1edbn tr\u01b0\u1eddng h\u1ee3p th\u00ec kh\u00f4ng c\u1ea7n nh\u01b0 v\u1eady, \u1ea3nh ch\u1ec9 n\u00ean c\u00f3 k\u00edch c\u1ee1 ph\u00f9 h\u1ee3p v\u1edbi viewport (khung nh\u00ecn tr\u00ecnh duy\u1ec7t) m\u00e0 th\u00f4i.<\/p>\n\n\n\n<p>Ch\u1ec9 c\u1ea7n gi\u1ea3m m\u1ed9t n\u1eeda k\u00edch c\u1ee1 \u1ea3nh, dung l\u01b0\u1ee3ng c\u00f3 th\u1ec3 gi\u1ea3m \u0111i \u0111\u1ebfn b\u1ed1n l\u1ea7n. Hai \u1ea3nh b\u00ean d\u01b0\u1edbi gi\u1ed1ng nhau, nh\u01b0ng k\u00edch c\u1ee1 kh\u00e1c nhau l\u00e0m dung l\u01b0\u1ee3ng ch\u00eanh l\u1ec7ch r\u1ea5t l\u1edbn.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>\u1ea2nh nh\u1ecf (109KB &#8211; chi\u1ec1u r\u1ed9ng 640px)<\/strong><\/td><td><strong>\u1ea2nh l\u1edbn (409KB &#8211; chi\u1ec1u r\u1ed9ng 1280px)<\/strong><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13232 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-nho.jpg\" alt=\"\u1ea3nh nh\u1ecf nh\u1eb9 h\u01a1n\" width=\"640\" height=\"426\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-nho.jpg 640w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-nho-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/td><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13233 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-lon.jpg\" alt=\"\u1ea3nh l\u1edbn\" width=\"1280\" height=\"853\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>V\u1edbi \u1ea3nh k\u00edch c\u1ee1 t\u1ed1i \u01b0u ch\u1ec9 c\u00f3 dung l\u01b0\u1ee3ng 21KB (ch\u01b0a n\u00e9n) &#8211; chi\u1ec1u r\u1ed9ng 300px:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/07\/anh-kich-co-toi-uu-300x200-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/07\/anh-kich-co-toi-uu-300x200-1.jpg\" alt=\"\u1ea3nh t\u1ed1i \u01b0u k\u00edch c\u1ee1\" class=\"wp-image-22418\"\/><\/a><figcaption class=\"wp-element-caption\">C\u00f9ng m\u1ed9t b\u1ee9c h\u00ecnh, c\u00f9ng m\u1ed9t \u0111\u1ecbnh d\u1ea1ng v\u00e0 ch\u1ea5t l\u01b0\u1ee3ng th\u00ec k\u00edch c\u1ee1 nh\u1ecf h\u01a1n s\u1ebd gi\u00fap dung l\u01b0\u1ee3ng gi\u1ea3m \u0111i<\/figcaption><\/figure><\/div>\n\n\n<p>Plugin t\u1ed1t n\u1ebfu b\u1ea1n mu\u1ed1n thay \u0111\u1ed5i k\u00edch c\u1ee1 \u1ea3nh tr\u00ean c\u00e1c trang \u0111\u00e3 t\u1ea3i l\u00ean r\u1ea5t nhi\u1ec1u \u1ea3nh kh\u00f4ng \u0111\u00fang k\u00edch c\u1ee1 l\u00e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/resize-image-after-upload\/\" target=\"_blank\">Resize Image After Upload<\/a> (c\u00e1i t\u00ean \u0111\u00e3 n\u00f3i l\u00ean t\u1ea5t c\u1ea3 r\u1ed3i).<\/p>\n\n\n\n<p>C\u1eadp nh\u1eadt: t\u00f4i m\u1edbi t\u00ecm \u0111\u01b0\u1ee3c <a href=\"https:\/\/kiencang.net\/kich-co-anh-phu-hop-imsantiny\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin kh\u00e1c kh\u00e1 hay \u0111\u1ec3 t\u1ed1i \u01b0u k\u00edch c\u1ee1 c\u00e1c \u1ea3nh c\u0169 tr\u00ean website, t\u00ean n\u00f3 l\u00e0 Imsanity<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-nen-\u1ea3nh\"><span class=\"ez-toc-section\" id=\"3_Nen_anh\"><\/span>#3. N\u00e9n \u1ea3nh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1c \u1ea3nh jpg, png, gif, v\u00e2n v\u00e2n c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c n\u00e9n \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. C\u00f3 hai ki\u1ec3u n\u00e9n l\u00e0 n\u00e9n <em>kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng (lossless)<\/em> v\u00e0 <em>c\u00f3 m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng (lossy)<\/em>.<\/p>\n\n\n\n<p>N\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng gi\u1ea3m \u0111\u01b0\u1ee3c nhi\u1ec1u dung l\u01b0\u1ee3ng h\u01a1n nh\u01b0ng c\u00e1i gi\u00e1 ph\u1ea3i tr\u1ea3 l\u00e0 ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh b\u1ecb suy gi\u1ea3m trong m\u1ed9t s\u1ed1 c\u00e0i \u0111\u1eb7t l\u00e0 r\u1ea5t \u0111\u00e1ng k\u1ec3. <\/p>\n\n\n\n<p>Trong ph\u1ea7n l\u1edbn tr\u01b0\u1eddng h\u1ee3p t\u00f4i khuy\u00ean c\u00e1c b\u1ea1n ch\u1ec9 s\u1eed d\u1ee5ng bi\u1ec7n ph\u00e1p n\u00e9n \u1ea3nh kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o t\u00ednh th\u1ea9m m\u1ef9, v\u00e0 tr\u00e1nh tr\u01b0\u1eddng h\u1ee3p &#8220;l\u1ee1 tay&#8221; gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/anh-meo.jpg\" alt=\"\u1ea3nh t\u1ed1i \u01b0u dung l\u01b0\u1ee3ng qu\u00e1 s\u00e2u l\u00e0m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn ch\u1ea5t l\u01b0\u1ee3ng\" class=\"wp-image-19174\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh b\u00ean ph\u1ea3i c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p v\u00ec t\u1ed1i \u01b0u dung l\u01b0\u1ee3ng qu\u00e1 s\u00e2u theo ki\u1ec3u m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng<\/figcaption><\/figure><\/div>\n\n\n<p>N\u1ebfu b\u1ea1n th\u00edch si\u00eau n\u00e9n, h\u00e3y th\u1eed nghi\u1ec7m ng\u1eabu nhi\u00ean v\u00e0i ch\u1ee5c b\u1ee9c \u1ea3nh \u0111\u1ec3 <strong>t\u00ecm \u0111\u01b0\u1ee3c \u0111i\u1ec3m c\u00e2n b\u1eb1ng gi\u1eefa ch\u1ea5t l\u01b0\u1ee3ng suy gi\u1ea3m v\u00e0 dung l\u01b0\u1ee3ng ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c<\/strong>. Ngo\u00e0i ra khi s\u1eed d\u1ee5ng c\u00e1c ki\u1ec3u n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng n\u00ean t\u00ecm c\u00e1c <em>plugin c\u00f3 kh\u1ea3 n\u0103ng backup<\/em> \u0111\u1ec3 c\u00f3 th\u1ec3 kh\u00f4i ph\u1ee5c l\u1ea1i \u1ea3nh g\u1ed1c khi c\u1ea7n.<\/p>\n\n\n\n<p>N\u1ebfu d\u00f9ng WordPress, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c plugin chuy\u00ean n\u00e9n \u1ea3nh<\/a> \u0111\u1ec3 ch\u1ecdn plugin ph\u00f9 h\u1ee3p. C\u1ea7n m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi nhanh th\u00ec <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener\">ShortPixel l\u00e0 plugin t\u00f4i \u01b0a th\u00edch nh\u1ea5t<\/a> (nh\u01b0ng c\u00f3 ph\u00ed, c\u00e1ch r\u1ebb h\u01a1n l\u00e0 b\u1ea1n d\u00f9ng <a href=\"https:\/\/kiencang.net\/toi-uu-anh-litespeed\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00ednh n\u0103ng n\u00e9n \u1ea3nh trong plugin si\u00eau t\u1ed1t c\u00f3 t\u00ean LiteSpeed cache<\/a>).<\/p>\n\n\n\n<p>PS: n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o c\u0169ng l\u00e0 vi\u1ec7c t\u1ec7 h\u1ea1i, nh\u1ea5t l\u00e0 khi b\u1ea1n kh\u00f4ng ti\u1ebfn h\u00e0nh l\u00e0m \u0111i\u1ec1u \u0111\u00f3 \u0111\u1ed3ng lo\u1ea1t, thi\u1ebfu ki\u1ec3m so\u00e1t. Tr\u00ean nh\u1eefng b\u00e0i vi\u1ebft tr\u1ecdng \u0111i\u1ec3m, c\u1ea7n t\u1ed1i \u01b0u s\u00e2u, t\u00f4i s\u1ebd th\u1eed nghi\u1ec7m nhi\u1ec1u m\u1ee9c \u0111\u1ed9 n\u00e9n kh\u00e1c nhau cho b\u1ee9c \u1ea3nh. K\u1ec3 c\u1ea3 m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng nh\u01b0ng v\u1eabn \u0111\u1ee7 t\u1ed1t th\u00ec t\u1ea1i sao l\u1ea1i kh\u00f4ng d\u00f9ng c\u01a1 ch\u1ee9.<\/p>\n\n\n\n<p>C\u1eadp nh\u1eadt: l\u1ed7i n\u00e9n \u1ea3nh l\u00e0m gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng qu\u00e1 s\u00e2u t\u00f4i th\u1ea5y g\u1eb7p ngay c\u1ea3 tr\u00ean nh\u1eefng ng\u01b0\u1eddi d\u00f9ng chuy\u00ean nghi\u1ec7p ho\u1eb7c c\u00e1c website l\u00e2u n\u0103m! Th\u1eadt k\u1ef3 l\u1ea1. C\u00f3 l\u1ebd \u00e1p l\u1ef1c v\u1ec1 \u0111i\u1ec3m s\u1ed1 t\u1ed1i \u01b0u, ho\u1eb7c qu\u00e1 \u0111\u1ea1i kh\u00e1i v\u1ec1 m\u1eb7t th\u1ea9m m\u1ef9 v\u1ec1 h\u00ecnh \u1ea3nh g\u00e2y ra c\u00e1c h\u1ec7 qu\u1ea3 nh\u01b0 v\u1eady. R\u1ea5t nhi\u1ec1u h\u00ecnh d\u1ea1ng h\u01b0\u1edbng d\u1eabn c\u1ea7n nh\u00ecn \u1edf m\u1ee9c \u0111\u1ed9 chi ti\u1ebft cao nh\u01b0ng kh\u00f4ng th\u1ec3 th\u1ea5y, c\u00e1c h\u00ecnh n\u00e0y v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 kh\u00e1c bi\u1ec7t v\u1edbi c\u00e1c h\u00ecnh m\u00e0 ch\u1ec9 c\u1ea7n nh\u00ecn t\u1ed5ng th\u1ec3 (\u1ea3nh \u0111\u01a1n thu\u1ea7n ch\u1ec9 c\u00f3 t\u00ednh minh h\u1ecda). \u0110\u1ebfn t\u1eadn b\u00e2y gi\u1edd ch\u01b0a bao gi\u1edd t\u00f4i s\u1eed d\u1ee5ng n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng l\u00e0m t\u00f9y ch\u1ecdn m\u1eb7c \u0111\u1ecbnh. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-s\u1eed-d\u1ee5ng-\u1ea3nh-webp\"><span class=\"ez-toc-section\" id=\"4_Su_dung_anh_WebP\"><\/span>#4. S\u1eed d\u1ee5ng \u1ea3nh WebP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea2nh WebP<\/a> l\u00e0 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh m\u1edbi do Google ph\u00e1t tri\u1ec3n t\u1eeb qu\u00e3ng n\u0103m 2011, b\u1ea3n th\u00e2n n\u00f3 c\u0169ng l\u00e0 m\u1ed9t d\u1ea1ng \u1ea3nh n\u00e9n r\u1ed3i. WebP l\u00e0 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh c\u00f3 kh\u1ea3 n\u0103ng ti\u1ebft ki\u1ec7m dung l\u01b0\u1ee3ng t\u1ed1t nh\u1ea5t hi\u1ec7n nay v\u1edbi kh\u1ea3 n\u0103ng n\u00e9n cao h\u01a1n c\u00e1c ph\u01b0\u01a1ng ph\u00e1p hi\u1ec7n c\u00f3 \u0111\u1ebfn 20 &#8211; 30% (nh\u01b0ng v\u1eabn cho ch\u1ea5t l\u01b0\u1ee3ng t\u01b0\u01a1ng \u0111\u01b0\u01a1ng). <\/p>\n\n\n\n<p>Tuy nhi\u00ean nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 kh\u00f4ng s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c tr\u00ean m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t, th\u00ed d\u1ee5 nh\u01b0 Safari (tr\u00ecnh duy\u1ec7t c\u1ee7a m\u1eb7c \u0111\u1ecbnh c\u1ee7a iPhone, trong khi s\u1ea3n ph\u1ea9m n\u00e0y l\u1ea1i r\u1ea5t ph\u1ed5 bi\u1ebfn) n\u00ean d\u1eabn \u0111\u1ebfn h\u1ec7 qu\u1ea3 l\u00e0 ng\u01b0\u1eddi ta ph\u1ea3i s\u1eed d\u1ee5ng song song c\u1ea3 hai \u0111\u1ecbnh d\u1ea1ng \u1ea3nh (c\u00e1i n\u00e0y ng\u01b0\u1eddi ta g\u1ecdi l\u00e0 fallback \/ d\u1ef1 ph\u00f2ng). <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>\u1ea2nh JPG (58KB, \u0111\u00e3 n\u00e9n)<\/strong><\/td><td><strong>\u1ea2nh WebP (37KB)<\/strong><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13230 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.jpg\" alt=\"\u1ea3nh m\u00e8o JPG\" width=\"640\" height=\"640\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.jpg 640w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-300x300.jpg 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-150x150.jpg 150w, https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo-120x120.jpg 120w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/td><td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13230 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/02\/anh-meo.webp\" alt=\"\u1ea3nh m\u00e8o WebP\" width=\"640\" height=\"640\"><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">So s\u00e1nh \u1ea3nh JPG v\u00e0 WebP<\/figcaption><\/figure>\n\n\n\n<p>C\u1eadp nh\u1eadt: <a href=\"https:\/\/caniuse.com\/webp\" target=\"_blank\" rel=\"noreferrer noopener\">\u1edf th\u1eddi \u0111i\u1ec3m hi\u1ec7n t\u1ea1i h\u1ea7u h\u1ebft tr\u00ecnh duy\u1ec7t l\u1edbn nh\u1ecf \u0111\u00e3 h\u1ed7 tr\u1ee3 WebP<\/a> &amp; vi\u1ec7c t\u00edch h\u1ee3p n\u00f3 v\u00e0o WordPress \u0111\u00e3 d\u1ec5 d\u00e0ng h\u01a1n r\u1ea5t nhi\u1ec1u, tuy nhi\u00ean v\u00ec tr\u00ecnh duy\u1ec7t l\u1edbn l\u00e0 Safari ch\u01b0a h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7, d\u1eabn \u0111\u1ebfn vi\u1ec7c ng\u01b0\u1eddi qu\u1ea3n tr\u1ecb web v\u1eabn ph\u1ea3i d\u00f9ng song song c\u1ea3 hai \u0111\u1ecbnh d\u1ea1ng. S\u1eed d\u1ee5ng c\u00f9ng l\u00fac c\u1ea3 hai \u0111\u1ecbnh d\u1ea1ng c\u00f3 th\u1ec3 l\u00e0 c\u1ea3n tr\u1edf l\u1edbn tr\u00ean c\u00e1c hosting c\u00f3 dung l\u01b0\u1ee3ng l\u01b0u tr\u1eef nh\u1ecf (\u0111i\u1ec3n h\u00ecnh l\u00e0 c\u00e1c g\u00f3i shared hosting, c\u00f2n VPS th\u00ec tho\u1ea3i m\u00e1i h\u01a1n nhi\u1ec1u).<\/p>\n\n\n\n<p>Quan \u0111i\u1ec3m c\u00e1 nh\u00e2n: m\u1eb7c d\u00f9 m\u1edbi \u0111\u1ea7u r\u1ea5t h\u00e0o h\u1ee9ng v\u1edbi \u0111\u1ecbnh d\u1ea1ng \u1ea3nh WebP, sau n\u00e0y g\u1ea7n nh\u01b0 t\u00f4i kh\u00f4ng d\u00f9ng n\u00f3 v\u00ec m\u1ed9t s\u1ed1 l\u00fd do sau:<\/p>\n\n\n\n<ul>\n<li>Trung b\u00ecnh m\u1ed7i trang tr\u00ean website c\u1ee7a t\u00f4i kh\u00f4ng c\u00f3 qu\u00e1 nhi\u1ec1u \u1ea3nh.<\/li>\n\n\n\n<li>Vi\u1ec7c s\u1eed d\u1ee5ng WebP b\u1eaft bu\u1ed9c t\u00f4i ph\u1ea3i d\u00f9ng song song nhi\u1ec1u \u0111\u1ecbnh d\u1ea1ng, khi\u1ebfn dung l\u01b0\u1ee3ng \u1ed5 SSD t\u0103ng l\u00ean r\u1ea5t nhi\u1ec1u, k\u1ebft h\u1ee3p v\u1edbi backup n\u00f3 c\u00f3 th\u1ec3 khi\u1ebfn dung l\u01b0\u1ee3ng ph\u00ecnh to g\u1ea5p 3 l\u1ea7n.<\/li>\n\n\n\n<li>T\u00f4i s\u1eed d\u1ee5ng CDN v\u00e0 Lazy load \u1ea3nh, khi\u1ebfn cho vi\u1ec7c \u1ea3nh t\u1ea3i nhanh (m\u1ee5c \u0111\u00edch d\u00f9ng WebP c\u0169ng l\u00e0 \u0111\u1ec3 \u1ea3nh t\u1ea3i nhanh h\u01a1n), \u00edt \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn m\u00e1y ch\u1ee7 g\u1ed1c.<\/li>\n\n\n\n<li>Vi\u1ec7c t\u00edch h\u1ee3p WebP gi\u1edd d\u1ec5 h\u01a1n x\u01b0a nhi\u1ec1u, nh\u01b0ng c\u0169ng t\u00f9y plugin, nh\u00ecn chung n\u00f3 v\u1eabn kh\u00f4ng ph\u1ea3i l\u00e0 t\u00e1c v\u1ee5 \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 g\u00e2y kh\u00f3 v\u1edbi nhi\u1ec1u ng\u01b0\u1eddi.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-tich-h\u1ee3p-cdn\"><span class=\"ez-toc-section\" id=\"5_Tich_hop_CDN\"><\/span>#5. T\u00edch h\u1ee3p CDN<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/cdn-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">M\u1ea1ng CDN<\/a> gi\u00fap t\u1ea3i \u1ea3nh cho ng\u01b0\u1eddi d\u00f9ng t\u1eeb m\u00e1y ch\u1ee7 g\u1ea7n nh\u1ea5t, qua \u0111\u00f3 l\u00e0m gi\u1ea3m r\u1ea5t nhi\u1ec1u \u0111\u1ed9 tr\u1ec5. \u1ea2nh l\u01b0u \u1edf host g\u1ed1c t\u1ea1i Hoa K\u1ef3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u1ea3i qua CDN c\u00f3 PoP ngay t\u1ea1i Vi\u1ec7t Nam, ho\u1eb7c \u00edt nh\u1ea5t c\u0169ng \u1edf Sing ho\u1eb7c HongKong. T\u1ed1c \u0111\u1ed9 nh\u1edd v\u1eady gia t\u0103ng \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n\n<p>M\u1ed9t s\u1ed1 <a href=\"https:\/\/kiencang.net\/cdn-toi-uu-anh\/\" target=\"_blank\" rel=\"noreferrer noopener\">d\u1ecbch v\u1ee5 CDN \u1ea3nh chuy\u00ean d\u1ee5ng<\/a> c\u00f2n t\u00edch h\u1ee3p nhi\u1ec1u t\u00ednh n\u0103ng nh\u01b0 n\u00e9n, thay \u0111\u1ed5i k\u00edch c\u1ee1, \u0111\u1ecbnh d\u1ea1ng, hi\u1ec7u \u1ee9ng, \u0111\u00f3ng d\u1ea5u b\u1ea3n quy\u1ec1n, v\u00e2n v\u00e2n.<\/p>\n\n\n\n<p>CDN l\u00e0 m\u1ed9t trong nh\u1eefng c\u1ed9t tr\u1ee5 quan tr\u1ecdng nh\u1ea5t kh\u00f4ng ch\u1ec9 cho vi\u1ec7c t\u1ea3i \u1ea3nh, m\u00e0 c\u00f2n l\u00e0 c\u00e1c n\u1ed9i dung t\u0129nh kh\u00e1c nh\u01b0 CSS v\u00e0 JS. \u0110\u00f3ng g\u00f3p c\u1ee7a CDN trong vi\u1ec7c t\u0103ng t\u1ed1c \u0111\u1ed9 website n\u00f3i chung l\u00e0 r\u1ea5t quan tr\u1ecdng, \u0111\u1eb7c bi\u1ec7t khi host g\u1ed1c \u1edf xa ng\u01b0\u1eddi d\u00f9ng ho\u1eb7c\/v\u00e0 host y\u1ebfu.<\/p>\n\n\n\n<p>So s\u00e1nh t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh khi kh\u00f4ng c\u00f3 CDN v\u00e0 c\u00f3 CDN:<\/p>\n\n\n\n<figure><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/CGVMgyd-2Ig\" width=\"640\" height=\"460\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/figure>\n\n\n\n<p>PS: CDN m\u00e0 t\u00f4i th\u1ea5y r\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng l\u00e0 Google CDN v\u00e0 CloudFront (c\u1ee7a Amazon). Tuy nhi\u00ean vi\u1ec7c \u0111\u0103ng k\u00fd v\u00e0 s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp t\u01b0\u01a1ng \u0111\u1ed1i ph\u1ee9c t\u1ea1p, n\u00ean b\u1ea1n ph\u1ea3i d\u00f9ng \u1ee9ng d\u1ee5ng c\u1ee7a b\u00ean th\u1ee9 ba. Ch\u1eb3ng h\u1ea1n \u0111\u1ec3 d\u00f9ng Google CDN vs Google Cloud, t\u00f4i s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/gioi-thieu-closte\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting c\u1ee7a Closte<\/a>. C\u00e1c d\u1ecbch v\u1ee5 CDN kh\u00e1c c\u0169ng r\u1ea5t t\u1ed1t, gi\u00e1 r\u1ebb \u0111\u1ebfn trung b\u00ecnh v\u00e0 d\u1ec5 d\u00f9ng h\u01a1n nhi\u1ec1u bao g\u1ed3m:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/gioi-thieu-bunnycdn\/\" target=\"_blank\" rel=\"noreferrer noopener\">BunnyCDN<\/a> (gi\u00e1 r\u1ebb, ch\u1ea5t l\u01b0\u1ee3ng t\u1ed1t, c\u00f3 PoP \u1edf Vi\u1ec7t Nam);<\/li>\n\n\n\n<li><a href=\"https:\/\/www.keycdn.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">KeyCDN<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.stackpath.com\/products\/cdn\/\" target=\"_blank\" rel=\"noreferrer noopener\">StackPath<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/cdn-bizflycloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">BizFly<\/a> (c\u00f3 PoP \u1edf Vi\u1ec7t Nam).<\/li>\n<\/ul>\n\n\n\n<p>Ngo\u00e0i ra, <a href=\"https:\/\/kiencang.net\/webp-cdn\/\" target=\"_blank\" rel=\"noreferrer noopener\">nhi\u1ec1u d\u1ecbch v\u1ee5 CDN gi\u00fap website t\u00edch h\u1ee3p \u1ea3nh \u0111\u1ecbnh d\u1ea1ng WebP d\u1ec5 h\u01a1n<\/a>.<\/p>\n\n\n\n<p>C\u1eadp nh\u1eadt: b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/cdn-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN cho WordPress<\/a> \u0111\u1ec3 c\u00f3 c\u00e1i nh\u00ecn t\u1ed5ng quan t\u1ed1t h\u01a1n v\u1ec1 c\u00e1c d\u1ecbch v\u1ee5.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6-s\u1eed-d\u1ee5ng-lazy-load\"><span class=\"ez-toc-section\" id=\"6_Su_dung_Lazy_load\"><\/span>#6. S\u1eed d\u1ee5ng Lazy load<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u00e2y kh\u00f4ng ph\u1ea3i l\u00e0 bi\u1ec7n ph\u00e1p t\u0103ng t\u1ed1c \u0111\u1ed9 \u1ea3nh v\u1ec1 m\u1eb7t b\u1ea3n ch\u1ea5t, n\u00f3 th\u1ef1c t\u1ebf l\u00e0 vi\u1ec7c ng\u0103n kh\u00f4ng cho t\u1ea3i \u1ea3nh khi \u1ea3nh kh\u00f4ng n\u1eb1m trong khung nh\u00ecn c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>C\u00f3 r\u1ea5t nhi\u1ec1u trang phong ph\u00fa \u1ea3nh, v\u00e0 \u1ea3nh kh\u00f4ng ch\u1ec9 n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean m\u00e0 c\u00f2n c\u00f3 r\u1ea5t nhi\u1ec1u \u1ea3nh b\u00ean d\u01b0\u1edbi. Khi \u0111\u00f3 <a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\">lazy load<\/a> l\u00e0m m\u1ed9t vi\u1ec7c \u0111\u00f3 l\u00e0 <a href=\"https:\/\/kiencang.net\/tri-hoan-tai-anh\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00ec ho\u00e0n t\u1ea3i c\u00e1c \u1ea3nh<\/a> \u1edf b\u00ean d\u01b0\u1edbi \u0111\u00f3 (v\u00ec ng\u01b0\u1eddi d\u00f9ng ch\u01b0a k\u00e9o \u0111\u1ebfn) v\u00e0 <a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u01b0u ti\u00ean hi\u1ec3n th\u1ecb n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a> (above the fold) m\u00e0 th\u00f4i. Ch\u1ec9 khi ng\u01b0\u1eddi xem k\u00e9o t\u1edbi ph\u1ea7n c\u00f3 \u1ea3nh (ho\u1eb7c c\u00e1ch \u0111\u00f3 m\u1ed9t ng\u01b0\u1ee1ng nh\u1ea5t \u0111\u1ecbnh) th\u00ec \u1ea3nh m\u1edbi \u0111\u01b0\u1ee3c t\u1ea3i.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra t\u00ednh n\u0103ng lazy load \u1edf li\u00ean k\u1ebft sau, n\u00f3 c\u00f3 kho\u1ea3ng 50 \u1ea3nh, t\u1ea3i v\u1eabn r\u1ea5t nhanh, v\u00ec trang ch\u1ec9 t\u1ea3i c\u00e1c \u1ea3nh ban \u0111\u1ea7u tr\u01b0\u1edbc, sau khi b\u1ea1n k\u00e9o xu\u1ed1ng n\u00f3 m\u1edbi t\u1ea3i c\u00e1c \u1ea3nh ti\u1ebfp theo: <a rel=\"noopener noreferrer\" href=\"https:\/\/kiencang.net\/check-tinh-nang-lazy-load\/\" target=\"_blank\">https:\/\/kiencang.net\/check-tinh-nang-lazy-load\/<\/a><\/p>\n\n\n\n<p>Ho\u1eb7c b\u1ea1n c\u00f3 th\u1ec3 xem video b\u00ean d\u01b0\u1edbi:<\/p>\n\n\n\n<figure><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ifDlotwVZv0?rel=0\" width=\"640\" height=\"460\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/figure>\n\n\n\n<p>C\u00f3 \u0111i\u1ec3m c\u1ea7n l\u01b0u \u00fd l\u00e0 Lazy load ch\u1ec9 m\u01b0\u1ee3t tr\u00ean m\u1ea1ng k\u1ebft n\u1ed1i \u1ed5n \u0111\u1ecbnh v\u00e0 dung l\u01b0\u1ee3ng m\u1ed9t b\u1ee9c \u1ea3nh kh\u00f4ng qu\u00e1 l\u1edbn (kho\u1ea3ng 100 KB\/b\u1ee9c). C\u00f3 th\u1ec3 <a href=\"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/\" target=\"_blank\" rel=\"noreferrer noopener\">kh\u00f4ng n\u00ean tri\u1ec3n khai lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng<\/a> trong m\u1ed9t s\u1ed1 t\u00ecnh hu\u1ed1ng.<\/p>\n\n\n\n<p>N\u1ebfu m\u1ed9t trong hai \u0111i\u1ec1u ki\u1ec7n tr\u00ean kh\u00f4ng \u0111\u1ea1t \u0111\u01b0\u1ee3c, s\u1ebd x\u1ea3y ra hi\u1ec7n t\u01b0\u1ee3ng &#8220;tr\u1ec5&#8221;, t\u1ee9c l\u00e0 ng\u01b0\u1eddi d\u00f9ng k\u00e9o \u0111\u1ebfn ph\u1ea7n c\u00f3 \u1ea3nh r\u1ed3i m\u00e0 \u1ea3nh v\u1eabn ch\u01b0a t\u1ea3i h\u1ebft v\u00e0 t\u1ea3i r\u1ea5t ch\u1eadm, c\u00f3 kh\u1ea3 n\u0103ng cao l\u00e0m ng\u01b0\u1eddi d\u00f9ng kh\u00f3 ch\u1ecbu (v\u00ec n\u00f3 \u0111\u1ec3 l\u1ea1i m\u1ed9t kho\u1ea3ng tr\u1ed1ng, ho\u1eb7c ch\u01b0a t\u1ea3i h\u1ebft l\u00e0m h\u1ecd ph\u1ea3i ch\u1eddi \u0111\u1ee3i).<\/p>\n\n\n\n<p>2 plugin t\u00f4i \u01b0a th\u00edch \u0111\u1ec3 lazy load \u1ea3nh l\u00e0:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flying Images<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/gioi-thieu-plugin-a3-lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">a3 Lazy Load<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>N\u1ebfu d\u00f9ng plugin cache t\u1ed1t, nh\u01b0 <a href=\"https:\/\/kiencang.net\/category\/litespeed\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache<\/a>, <a href=\"https:\/\/kiencang.net\/category\/flying-press\/\" target=\"_blank\" rel=\"noreferrer noopener\">FlyingPress<\/a>, WP-Rocket, <a href=\"https:\/\/kiencang.net\/category\/swift-performance\/\" target=\"_blank\" rel=\"noreferrer noopener\">Swift Performance<\/a> th\u00ec th\u01b0\u1eddng h\u1ecd \u0111\u00e3 t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng lazy load \u1ea3nh cho b\u1ea1n r\u1ed3i.<\/p>\n\n\n\n<p>C\u1eadp nh\u1eadt: hi\u1ec7n t\u1ea1i c\u00f4ng ngh\u1ec7 lazy load \u1ea3nh \u0111\u00e3 c\u00f3 r\u1ea5t nhi\u1ec1u c\u1ea3i ti\u1ebfn gi\u00fap gi\u1ea3m \u0111\u1ed9 tr\u1ec5, ch\u1ea5t l\u01b0\u1ee3ng m\u1ea1ng di \u0111\u1ed9ng c\u0169ng \u1ed5n n\u00ean bi\u1ec7n ph\u00e1p n\u00e0y c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng tr\u00ean nhi\u1ec1u ki\u1ec3u website, k\u1ec3 c\u1ea3 th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. Th\u1eadm ch\u00ed c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i \u0111\u00e3 h\u1ed7 tr\u1ee3 th\u1ebb <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">lazy load \u1edf c\u1ea5p \u0111\u1ed9 tr\u00ecnh duy\u1ec7t<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-s\u1eed-d\u1ee5ng-cache-phia-trinh-duy\u1ec7t-d\u1ec3-l\u01b0u-\u1ea3nh\"><span class=\"ez-toc-section\" id=\"7_Su_dung_cache_phia_trinh_duyet_de_luu_anh\"><\/span>#7. S\u1eed d\u1ee5ng cache ph\u00eda tr\u00ecnh duy\u1ec7t \u0111\u1ec3 l\u01b0u \u1ea3nh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00f3 nh\u1eefng \u1ea3nh l\u1eb7p l\u1ea1i gi\u1eefa c\u00e1c trang, th\u00ed d\u1ee5 nh\u01b0 \u1ea3nh logo, banner, \u1ea3nh n\u1ec1n, icon. V\u1edbi nh\u1eefng \u1ea3nh \u0111\u00f3 n\u1ebfu th\u1ef1c hi\u1ec7n cache ph\u00eda tr\u00ecnh duy\u1ec7t (hay c\u00f2n g\u1ecdi l\u00e0 <a href=\"https:\/\/kiencang.net\/bo-nho-dem-trinh-duyet\/\" target=\"_blank\" rel=\"noreferrer noopener\">l\u01b0u v\u00e0o b\u1ed9 nh\u1edb \u0111\u1ec7m tr\u00ecnh duy\u1ec7t<\/a>), th\u00ec k\u1ec3 t\u1eeb l\u1ea7n xem sau, ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng ph\u1ea3i t\u1ea3i c\u00e1c \u1ea3nh \u0111\u00f3 n\u1eefa, m\u00e0 s\u1eed d\u1ee5ng \u1ea3nh l\u01b0u t\u1ea1i cache tr\u00ecnh duy\u1ec7t h\u1ecd \u0111ang d\u00f9ng.<\/p>\n\n\n\n<p>Thao t\u00e1c thi\u1ebft l\u1eadp cache tr\u00ecnh duy\u1ec7t r\u1ea5t \u0111\u01a1n gi\u1ea3n, b\u1ea1n xem trong link tr\u00ean l\u00e0 th\u1ea5y. H\u1ea7u h\u1ebft c\u00e1c plugin cache c\u1ee7a WordPress c\u0169ng t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng n\u00e0y.<\/p>\n\n\n\n<p>C\u00e1c \u1ea3nh l\u00e0 t\u00e0i nguy\u00ean t\u0129nh r\u1ea5t \u00edt khi thay \u0111\u1ed5i (\u00edt h\u01a1n nhi\u1ec1u so v\u1edbi CSS &amp; JS). B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ec3 th\u1eddi gian l\u01b0u cache t\u1eeb 6 th\u00e1ng \u0111\u1ebfn t\u1ed1i \u0111a 1 n\u0103m cho \u1ea3nh.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n t\u00ecm hi\u1ec3u s\u00e2u v\u1ec1 v\u1ea5n \u0111\u1ec1 n\u00e0y c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i vi\u1ebft v\u1ec1 <a href=\"https:\/\/kiencang.net\/tim-hieu-http-caching\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTTP caching<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"8-s\u1eed-d\u1ee5ng-\u1ea3nh-base64\"><span class=\"ez-toc-section\" id=\"8_Su_dung_anh_Base64\"><\/span>#8. S\u1eed d\u1ee5ng \u1ea3nh Base64<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEy0lEQVRIS7WWXWxUVRDHZ+4uLdTWlhK7bUGiIiKIgsaY8KwRLVF4QDBCFEXUaAXaxiIhQUtsBTQo8UEhpiuYpqg1VrHVaEgL1ITSF\/TFCGa3C7Y0sWU\/+rW995wZM+fcy7byzCa7595zb+Y3M\/+ZOYtwkz8o9h\/qyTAxAAPA9JUAgJnBrmDWG967\/oxveJZ8vAQN4MGzGS5vqiENCCRfRDHIjAhEAERkQKw1MGlgpey1UqA9jaA0kOcCyJ7nIisNiWgHpgLAyrMZjjTWkhgmxxHLTAgGZDwmNobFAGnNrJQxYkABxPOAtQL2PJS9RHMHplf7EQigLACgw4yONQ4ILCABaANgEsPaGiFPARiAQpR7Ze5Rokk0d2ImAKzwAew4YpTZCYGkS6NcO8CSJ6WRlGYxSMoVb20UngvkEYJn9y3Ag8vRaYAHzmQ40uSnyAcMvrU\/FIjujGU4HL\/IBV2dFEpds\/kmjRIBKw\/Y08iu6CLXfoqinTgaRHC\/ABpriEx6RGQHBusPhILKCUA4NgqlRw8qTI4AkIfkKquLq9BGJhqIyAoS0Z9w7AlfAwGUvbeDGB0mkDQBXN39YUgEjhys115BESerNoSm7liC+X\/0cUlbM5F4bnMO2tUIWgG5HoDyTGSJYz\/jeABYLoCG7ZodEdWKO7j7UEhA5U11WqpU3VIIQzsawjg5BmWNtXp88XIcXf2M4xaXQnh4CPIunOei9hZmbwpZAMd\/yQHuO53h8oZqbXsAQKpoYM\/HRoPIvp1KWs2bUwRDdY1hJzkCpdGP9ND2hpCUdNCEhR1tfOt3x2xlaQX9x3\/FiSCCZQLY+zox+vXPCIPvfGIjeLdaq8IiuLb2eSe7aCnmX+jlcOISp57a5Mzu6+Hiti94av5CDP99kTGTNN4LIN5yCienAyJ7XiMwAjNrBhjc96nRYPr4gPFRuO3wXp2N3I7DL9Y4oZF\/obDjG84\/18WYzaLpA9PNHvS3duUASyWCt7fZThaLCPxP45HrVYTpFMyK\/clFJ0+Qk06Kgzj8ci1OLluB8n5e7C+Yd2AXw0RWRDbV1H+iG7NPzrWz6N7TGa6o3yrtZACiw8D7nzvCKq9\/iczA0wwkc0jeMjOJYXzlI5hauxndeWUw97P9XNBzyvaF0hj\/+gxMzQDUbREbwGbgMQx8EHUEWFH7ggVIKRHJLAKaPQeyC+7EWbFLnNywxRld9SiUtBzhwh+\/Eu9NT8S+\/Q3cALCkO80VNZtZjGs722Dg0JeOrJU7N5GZRSYKG0F6zUZMVa3HQB9JS2TXKxy6EkPTeJ4H8fZzOcA9AnjzOWlc472sVw63omxUVj9Lwbgm0iiAzGPrYOLhVZiNLITw1ctQ3HqU837vQ9BkylRSGW\/vBa\/K12Bxd5or39jIxkuZnqKDUVtS43tv0mMOh9wqmojHJi1kxnXgTKy9F9QMwKvrOfDeGDUnlRw09sAR4\/bQkdXXQmv0x7jZz0VKEPv+POgAcHdXmudvW+cfieKx6GB+TMKswBKZ8RjNvq+H6CIhGyf8k0\/W+A99OcCirjQv2Po0iFFj2P+ae\/\/IFILkX4wHYltwLoW5amOInewDCiK4qyttBZ7WubmD3kRkZ07QJ\/\/\/g2D2bVpndP8aX+Sb+c\/lP62rN1XDqyNiAAAAAElFTkSuQmCC\" alt=\"\">\n\n\n\n<p>V\u00ed d\u1ee5 \u1ea3nh nh\u1ecf \u1edf tr\u00ean l\u00e0 base64 (ngu\u1ed3n <a href=\"https:\/\/www.iconfinder.com\/iconsets\/logos-brands-3\" target=\"_blank\" rel=\"noreferrer noopener\">iconfinder<\/a>).<\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 ki\u1ec3u m\u1eb9o v\u1eb7t, v\u00ec n\u00f3 gi\u00fap b\u1ea1n t\u0103ng t\u1ed1c ch\u1ec9 ch\u00fat x\u00edu th\u00f4i. <a href=\"https:\/\/kiencang.net\/hinh-anh-ma-hoa-base64\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea2nh Base64<\/a> cho ph\u00e9p b\u1ea1n inline (n\u1ed9i tuy\u1ebfn) tr\u1ef1c ti\u1ebfp m\u00e3 v\u00e0o HTML ch\u1ee9 kh\u00f4ng c\u00f2n d\u1ea1ng l\u00e0 link \u1ea3nh ngo\u00e0i n\u1eefa, qua \u0111\u00f3 gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i.<\/p>\n\n\n\n<p>Th\u01b0\u1eddng \u00e1p d\u1ee5ng v\u1edbi icon v\u00e0 logo r\u1ea5t nh\u1ecf, c\u00f2n c\u00e1c \u1ea3nh c\u00f3 k\u00edch c\u1ee1 l\u1edbn kh\u00f4ng n\u00ean \u00e1p d\u1ee5ng v\u00ec k\u00edch th\u01b0\u1edbc \u1ea3nh t\u1ea1o b\u1eb1ng Base64 s\u1ebd l\u1edbn h\u01a1n nhi\u1ec1u v\u00e0 b\u1ea5t l\u1ee3i n\u00e0y kh\u00f4ng b\u00f9 \u0111\u1eafp n\u1ed5i l\u1ee3i \u00edch nh\u1edd gi\u1ea3m \u0111\u01b0\u1ee3c m\u1ed9t (ho\u1eb7c v\u00e0i) k\u1ebft n\u1ed1i.<\/p>\n\n\n\n<p>C\u1eadp nh\u1eadt: hi\u1ec7n\u00a0<a href=\"https:\/\/kiencang.net\/base64-y-tuong-toi\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e3 h\u00f3a \u1ea3nh b\u1eb1ng base64 kh\u00f4ng c\u00f2n l\u00e0 bi\u1ec7n ph\u00e1p t\u1ed1i \u01b0u t\u1ed1t<\/a>\u00a0trong nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9-s\u1eed-d\u1ee5ng-\u1ea3nh-avatar-l\u01b0u-t\u1ea1i-host-c\u1ee7a-b\u1ea1n\"><span class=\"ez-toc-section\" id=\"9_Su_dung_anh_avatar_luu_tai_host_cua_ban\"><\/span>#9. S\u1eed d\u1ee5ng \u1ea3nh avatar l\u01b0u t\u1ea1i host c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"483\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/avatar.png\" alt=\"\u1ea3nh avatar \u0111\u01b0\u1ee3c t\u1ef1 host\" class=\"wp-image-19165\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/avatar.png 663w, https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/avatar-300x219.png 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure><\/div>\n\n\n<p>C\u0169ng l\u00e0 d\u1ea1ng m\u1eb9o v\u1eb7t. Nh\u1eefng trang WordPress c\u00f3 b\u00ecnh lu\u1eadn th\u00ec \u1ea3nh avatar c\u00f3 th\u1ec3 tr\u1edf th\u00e0nh v\u1ea5n \u0111\u1ec1, v\u00ec \u1ea3nh n\u00e0y \u0111\u00f3 th\u01b0\u1eddng l\u01b0u t\u1ea1i m\u00e1y ch\u1ee7 <a href=\"https:\/\/gravatar.com\" target=\"_blank\" rel=\"noreferrer noopener\">gravatar<\/a> (n\u1ebfu ng\u01b0\u1eddi \u0111\u1ea5y c\u00f3 \u0111\u0103ng k\u00fd) v\u00e0 g\u00e2y gia t\u0103ng s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i, c\u0169ng nh\u01b0 dung l\u01b0\u1ee3ng c\u1ea7n t\u1ea3i v\u1ec1 (\u0111\u1eb7c bi\u1ec7t tr\u00ean <a href=\"https:\/\/kiencang.net\/tang-toc-khu-vuc-comment-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c trang c\u00f3 nhi\u1ec1u b\u00ecnh lu\u1eadn<\/a>).<\/p>\n\n\n\n<p>T\u1ea1i sao \u1ea3nh l\u01b0u t\u1ea1i gravatar l\u1ea1i l\u00e0 v\u1ea5n \u0111\u1ec1? C\u00f3 3 nguy\u00ean nh\u00e2n ch\u00ednh:<\/p>\n\n\n\n<ul>\n<li>N\u00f3 l\u00e0 m\u00e1y ch\u1ee7 b\u00ean ngo\u00e0i host c\u1ee7a b\u1ea1n n\u00ean l\u00e0m gia t\u0103ng <a href=\"https:\/\/kiencang.net\/toi-thieu-thoi-gian-tra-cuu-dns\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u1eddi gian t\u00ecm ki\u1ebfm DNS<\/a> v\u00e0 k\u1ebft n\u1ed1i https;<\/li>\n\n\n\n<li>B\u1ea1n kh\u00f4ng l\u00e0m ch\u1ee7 \u0111\u01b0\u1ee3c th\u1eddi gian cache c\u1ee7a \u1ea3nh;<\/li>\n\n\n\n<li>M\u00e1y ch\u1ee7 c\u1ee7a n\u00f3 n\u1eb1m b\u00ean ngo\u00e0i Vi\u1ec7t Nam, n\u00ean m\u1ed7i khi \u0111\u1ee9t c\u00e1p, \u1ea3nh s\u1ebd t\u1ea3i ch\u1eadm h\u01a1n \u0111\u00e1ng k\u1ec3.<\/li>\n<\/ul>\n\n\n\n<p>Bi\u1ec7n ph\u00e1p kh\u1eafc ph\u1ee5c l\u00e0 s\u1eed d\u1ee5ng plugin chuy\u1ec3n \u1ea3nh v\u1ec1 host, ho\u1eb7c s\u1eed d\u1ee5ng chung \u1ea3nh gi\u1eefa nh\u1eefng ng\u01b0\u1eddi b\u00ecnh lu\u1eadn. Ch\u1ec9 c\u1ea7n bi\u1ec3u t\u01b0\u1ee3ng \u0111\u1ec3 cho th\u1ea5y \u0111\u00f3 l\u00e0 kh\u00e1ch b\u00ecnh lu\u1eadn, d\u0129 nhi\u00ean n\u1ebfu l\u00e0m v\u1eady b\u1ea1n ph\u1ea3i hy sinh t\u00ednh \u0111\u1ed9c \u0111\u00e1o c\u1ee7a avatar ri\u00eang cho m\u1ed7i ng\u01b0\u1eddi (do v\u1eady t\u00f4i th\u00edch c\u00e1ch chuy\u1ec3n \u1ea3nh th\u1ef1c v\u1ec1 host h\u01a1n). Plugin c\u00f3 th\u1ec3 l\u00e0m vi\u1ec7c n\u00e0y l\u00e0 <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP User Avatar<\/a>. C\u00e1c plugin cache ch\u1ea5t l\u01b0\u1ee3ng cao c\u0169ng c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m vi\u1ec7c n\u00e0y, v\u00ed d\u1ee5 nh\u01b0 <a href=\"https:\/\/kiencang.net\/hd-plugin-litespeed-cache-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"10-t\u1ed1i-\u01b0u-\u1ea3nh-d\u1ef1a-tren-v\u1ecb-tri-m\u1ee9c-d\u1ed9-quan-tr\u1ecdng-c\u1ee7a-no\"><span class=\"ez-toc-section\" id=\"Bonus_Toi_uu_anh_dua_tren_vi_tri_muc_do_quan_trong_cua_no\"><\/span>Bonus. T\u1ed1i \u01b0u \u1ea3nh d\u1ef1a tr\u00ean v\u1ecb tr\u00ed, m\u1ee9c \u0111\u1ed9 quan tr\u1ecdng c\u1ee7a n\u00f3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ea2nh tr\u00ean trang kh\u00f4ng c\u00f3 vai tr\u00f2 nh\u01b0 nhau, c\u00f3 \u1ea3nh r\u1ea5t quan tr\u1ecdng, c\u00f2n c\u00f3 \u1ea3nh th\u00ec \u0111\u00f3ng g\u00f3p gi\u00e1 tr\u1ecb \u00edt h\u01a1n r\u1ea5t nhi\u1ec1u.<\/p>\n\n\n\n<p>V\u1ecb tr\u00ed c\u1ee7a \u1ea3nh c\u0169ng th\u1ec3 hi\u1ec7n nhi\u1ec1u \u0111i\u1ec1u, th\u01b0\u1eddng c\u00e1c \u1ea3nh \u1edf v\u1ecb tr\u00ed c\u00e0ng g\u1ea7n ph\u1ea7n \u0111\u1ea7u th\u00ec c\u00e0ng quan tr\u1ecdng. Nh\u1eefng \u1ea3nh \u1edf cu\u1ed1i, hay b\u00ean d\u01b0\u1edbi n\u1eefa l\u00e0 n\u01a1i m\u00e0 ng\u01b0\u1eddi d\u00f9ng r\u1ea5t \u00edt khi xem \u0111\u1ebfn.<\/p>\n\n\n\n<p>C\u00e1c th\u00f4ng tin tr\u00ean gi\u00fap g\u00ec cho ch\u00fang ta?<\/p>\n\n\n\n<p>V\u00e2ng, n\u00f3 s\u1ebd gi\u00fap b\u1ea1n \u0111\u01b0a ra quy\u1ebft \u0111\u1ecbnh chu\u1ea9n x\u00e1c h\u01a1n:<\/p>\n\n\n\n<ul>\n<li>N\u1ebfu tri\u1ec3n khai lazy load \u1ea3nh to\u00e0n trang, b\u1ea1n s\u1ebd kh\u00f4ng n\u00ean lazy load \u1ea3nh \u1edf trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean. B\u1ea1n th\u01b0\u1eddng l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u n\u00e0y b\u1eb1ng c\u00e1ch lo\u1ea1i tr\u1eeb th\u00f4ng qua class c\u1ee7a \u1ea3nh \u0111\u1ea7u ti\u00ean (th\u01b0\u1eddng l\u00e0 featured images) ho\u1eb7c d\u1ef1a tr\u00ean kho\u1ea3ng c\u00e1ch gi\u1eefa \u0111\u00e1y viewport v\u00e0 \u1ea3nh (t\u00ednh theo px);<\/li>\n\n\n\n<li>N\u1ebfu b\u00ecnh th\u01b0\u1eddng \u1ea3nh tr\u00ean trang kh\u00f4ng n\u00ean lazy load, th\u00ec b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 n\u00ean c\u00e2n nh\u1eafc s\u1eed d\u1ee5ng t\u00ednh n\u0103ng n\u00e0y \u1edf m\u1ed9t s\u1ed1 \u1ea3nh kh\u00f4ng quan tr\u1ecdng (v\u00ed d\u1ee5 \u1ea3nh \u1edf c\u1ed9t ph\u1ea3i tr\u00ean m\u00e1y b\u00e0n, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng n\u00f3 s\u1ebd \u1edf t\u1eadn v\u1ecb tr\u00ed cu\u1ed1i b\u00e0i, n\u1ebfu ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n ph\u1ea7n \u0111a l\u00e0 di \u0111\u1ed9ng, b\u1ea1n n\u00ean c\u00e2n nh\u1eafc lazy load \u1ea3nh n\u00e0y);<\/li>\n\n\n\n<li>C\u00e1c \u1ea3nh quan tr\u1ecdng n\u00ean \u0111\u01b0\u1ee3c \u01b0u ti\u00ean t\u1ed1i \u01b0u cao h\u01a1n th\u00f4ng th\u01b0\u1eddng (b\u1ea1n s\u1ebd xem x\u00e9t th\u1ee7 c\u00f4ng n\u00f3, thay v\u00ec ch\u1ec9 t\u1ed1i \u01b0u t\u1ef1 \u0111\u1ed9ng) \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 dung l\u01b0\u1ee3ng h\u1ee3p l\u00fd nh\u1ea5t. H\u00e3y th\u1eed nhi\u1ec1u bi\u1ec7n ph\u00e1p, c\u00f4ng c\u1ee5 kh\u00e1c nhau \u0111\u1ec3 \u0111\u01b0a ra \u0111\u01b0\u1ee3c k\u1ebft qu\u1ea3 \u01b0ng \u00fd&#8230;V\u00ed d\u1ee5, \u1ea3nh tr\u00ean c\u00e1c b\u00e0i vi\u1ebft c\u00f3 l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp cao 1000 view \/ th\u00e1ng ch\u1eb3ng h\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e1ng quan t\u00e2m h\u01a1n nhi\u1ec1u \u1ea3nh tr\u00ean b\u00e0i vi\u1ebft ch\u1ec9 c\u00f3 10 view \/ th\u00e1ng- b\u1ea1n d\u1ec5 d\u00e0ng bi\u1ebft \u0111\u01b0\u1ee3c th\u00f4ng s\u1ed1 n\u00e0y qua c\u00f4ng c\u1ee5 th\u1ed1ng k\u00ea l\u01b0u l\u01b0\u1ee3ng.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"c-cac-plugin\"><span class=\"ez-toc-section\" id=\"B_Cac_plugin\"><\/span>B. C\u00e1c plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>#1. V\u1edbi \u1ea3nh th\u1eeba k\u00edch c\u1ee1, dung l\u01b0\u1ee3ng \u1ea3nh t\u0103ng l\u00ean r\u1ea5t nhi\u1ec1u. Bi\u1ec7n ph\u00e1p t\u1ed1t nh\u1ea5t l\u00e0 m\u1ed7i khi up \u1ea3nh b\u1ea1n n\u00ean \u0111\u1ec3 \u00fd xem \u1ea3nh m\u00ecnh up l\u00ean c\u00f3 k\u00edch c\u1ee1 l\u00e0 bao nhi\u00eau. \u1ea2nh kh\u00f4ng n\u00ean th\u1eeba c\u0169ng kh\u00f4ng n\u00ean thi\u1ebfu. H\u00e3y ngh\u0129 n\u00f3 nh\u01b0 chuy\u1ec7n ch\u1ecdn trang ph\u1ee5c v\u1eady, d\u00e0i hay ng\u1eafn th\u00ec \u0111\u1ec1u b\u1ea5t ti\u1ec7n v\u00e0 x\u1ea5u. <\/p>\n\n\n\n<p>Nhi\u1ec1u <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin n\u00e9n \u1ea3nh c\u1ee7a WordPress<\/a> c\u00f3 t\u00ednh n\u0103ng resize \u1ea3nh, n\u00f3 cho ph\u00e9p b\u1ea1n ch\u1ecdn l\u1ef1a k\u00edch c\u1ee1 \u1ea3nh t\u1ed1i \u0111a, v\u00e0 khi n\u00f3 qu\u00e9t trang web th\u1ea5y b\u1ea5t k\u1ef3 \u1ea3nh n\u00e0o l\u1edbn h\u01a1n k\u00edch c\u1ee1 t\u1ed1i \u0111a th\u00ec n\u00f3 s\u1ebd chuy\u1ec3n v\u1ec1 k\u00edch c\u1ee1 m\u00e0 b\u1ea1n cho ph\u00e9p. V\u00ed d\u1ee5 v\u1ec1 t\u00ednh n\u0103ng resize \u1ea3nh c\u1ee7a <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-shortpixel\/\">plugin Shortpixel<\/a>, \u0111\u00e2y c\u0169ng l\u00e0 plugin n\u00e9n \u1ea3nh m\u00e0 t\u00f4i y\u00eau th\u00edch:<\/p>\n\n\n\n<p class=\"has-text-align-center\"><img loading=\"lazy\" decoding=\"async\" width=\"1066\" height=\"175\" class=\"aligncenter wp-image-13217 size-full\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/resize-image.png\" alt=\"resize \u1ea3nh\"><\/p>\n\n\n\n<p>#2. Plugin n\u00e9n \u1ea3nh c\u1ee7a WordPress c\u00f3 r\u1ea5t nhi\u1ec1u, trong link \u1edf m\u1ee5c m\u1ed9t t\u00f4i c\u00f3 tr\u1ecf \u0111\u1ebfn b\u00e0i vi\u1ebft \u0111\u00e1nh gi\u00e1 5 plugin n\u00e9n \u1ea3nh hay \u0111\u01b0\u1ee3c d\u00f9ng. Nhi\u1ec1u trong s\u1ed1 n\u00e0y c\u00f3 phi\u00ean b\u1ea3n mi\u1ec5n ph\u00ed ho\u1eb7c c\u00f3 \u00e1p h\u1ea1n ch\u1ebf, n\u00f3i chung n\u1ebfu trang b\u1ea1n kh\u00f4ng c\u1ea7n t\u1ed1i \u01b0u cao nh\u1ea5t th\u00ec c\u00e1c b\u1ea3n mi\u1ec5n ph\u00ed c\u0169ng \u0111\u1ee7 d\u00f9ng r\u1ed3i. <\/p>\n\n\n\n<p>C\u00f2n mu\u1ed1n ch\u1ea5t l\u01b0\u1ee3ng h\u01a1n b\u1ea1n n\u00ean d\u00f9ng b\u1ea3n c\u00f3 ph\u00ed. V\u1edbi nh\u1eefng trang kh\u00f4ng d\u00f9ng WordPress b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng n\u00e9n \u1ea3nh ti\u1ec7n l\u1ee3i b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng API t\u00edch h\u1ee3p v\u00e0o website. <\/p>\n\n\n\n<p>M\u1ed9t c\u00e1ch n\u00e9n \u1ea3nh kh\u00e1c cho b\u1ea5t c\u1ee9 CMS n\u00e0o l\u00e0 s\u1eed d\u1ee5ng ph\u1ea7n m\u1ec1m n\u00e9n tr\u01b0\u1edbc ngay t\u1ea1i m\u00e1y t\u00ednh r\u1ed3i up l\u00ean trang sau. C\u00e1c ph\u1ea7n m\u1ec1m nh\u01b0 v\u1eady c\u00f3 r\u1ea5t nhi\u1ec1u v\u00e0 c\u00f3 c\u1ea3 mi\u1ec5n ph\u00ed (v\u00ed d\u1ee5 ph\u1ea7n m\u1ec1m Caesium) l\u1eabn tr\u1ea3 ph\u00ed. <\/p>\n\n\n\n<p>C\u00e1 nh\u00e2n t\u00f4i l\u01b0\u1eddi, hay d\u00f9ng plugin h\u01a1n, v\u00ec n\u00f3 ti\u1ec7n &amp; hosting c\u0169ng \u0111\u1ee7 \u0111\u00e1p \u1ee9ng. Update: hi\u1ec7n plugin LiteSpeed cache c\u00f3 kh\u1ea3 n\u0103ng t\u1ed1i \u01b0u \u1ea3nh r\u1ea5t t\u1ed1t v\u1edbi b\u1eadc mi\u1ec5n ph\u00ed \u0111\u1ee7 d\u00f9ng cho \u0111a s\u1ed1 m\u1ecdi ng\u01b0\u1eddi;<\/p>\n\n\n\n<p>#3. \u1ea2nh WebP l\u00e0 bi\u1ec7n ph\u00e1p si\u00eau n\u00e9n, hi\u1ec7n kh\u00f4ng c\u00f3 c\u00e1ch th\u1ee9c n\u00e9n \u1ea3nh n\u00e0o t\u1ed1t h\u01a1n n\u00f3 c\u1ea3. Tuy nhi\u00ean nh\u01b0 \u0111\u00e3 n\u00f3i \u1edf tr\u00ean vi\u1ec7c m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3 l\u00e0m cho thao t\u00e1c t\u00edch h\u1ee3p WebP v\u00e0o website l\u00e0 m\u1ed9t nhi\u1ec7m v\u1ee5 kh\u00f4ng m\u1ea5y d\u1ec5 d\u00e0ng, nh\u1ea5t l\u00e0 khi k\u1ebft h\u1ee3p th\u00eam v\u1edbi CDN c\u00f9ng Cache. <\/p>\n\n\n\n<p>\u0110\u1ec3 s\u1eed d\u1ee5ng WebP tr\u00ean WordPress hi\u1ec7n t\u00f4i bi\u1ebft ba plugin l\u00e0 ShortPixel, <a href=\"https:\/\/kiencang.net\/plugin-ewww-image-optimizer\/\">EWWW<\/a> v\u00e0 WebP Express. Trong \u0111\u00f3 EWWW cho b\u1ea1n gi\u1ea3i ph\u00e1p mi\u1ec5n ph\u00ed (m\u1eb7c d\u00f9 n\u00f3 c\u0169ng c\u00f3 g\u00f3i t\u00ednh ph\u00ed), c\u00f2n ShortPixel c\u1ea7n b\u1ecf ti\u1ec1n ra mua (gi\u00e1 kh\u00f4ng cao, t\u00f4i ngh\u0129 ph\u1ea7n l\u1edbn ch\u1ee7 trang s\u1ebd ch\u1ea5p nh\u1eadn \u0111\u01b0\u1ee3c, ch\u1ec9 v\u00e0i USD l\u00e0 b\u1ea1n n\u00e9n \u0111\u01b0\u1ee3c h\u00e0ng ch\u1ee5c ng\u00e0n b\u1ee9c \u1ea3nh), c\u00f2n WebP Express l\u00e0 gi\u1ea3i ph\u00e1p trung gian. <\/p>\n\n\n\n<p>ShortPixel t\u00f4i th\u1ea5y t\u00edch h\u1ee3p WebP v\u00e0o website chu\u1ea9n h\u01a1n so v\u1edbi EWWW v\u00ec n\u00f3 s\u1eed d\u1ee5ng th\u1ebb <code>&lt;picture&gt;<\/code> ch\u1ee9 kh\u00f4ng ph\u1ea3i <a href=\"https:\/\/kiencang.net\/sua-htaccess-wordpress\/\">th\u00f4ng qua ch\u1ec9nh s\u1eeda .htaccess<\/a> \u0111\u1ec3 \u0111\u00e1nh l\u1eeba MIME type. Hi\u1ec7n WebP \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 tr\u00ean Chrome, Opera \u1edf c\u1ea3 phi\u00ean b\u1ea3n m\u00e1y b\u00e0n v\u00e0 di \u0111\u1ed9ng. Tr\u00ean Firefox v\u00e0 Edge tr\u00ean phi\u00ean b\u1ea3n desktop (ch\u01b0a h\u1ed7 tr\u1ee3 di \u0111\u1ed9ng). C\u00f2n Safari kh\u00f4ng c\u00f3 b\u1ea5t c\u1ee9 h\u1ed7 tr\u1ee3 n\u00e0o, do v\u1eady n\u1ebfu ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n thi\u00ean v\u1ec1 s\u1eed d\u1ee5ng Safari th\u00ec \u00e1p d\u1ee5ng WebP c\u00f3 th\u1ec3 kh\u00f4ng \u0111em l\u1ea1i t\u00e1c d\u1ee5ng n\u00e0o \u0111\u00e1ng k\u1ec3 (h\u00e3y l\u01b0u \u00fd \u0111\u1ebfn m\u1ee9c \u0111\u1ed9 ph\u1ed5 bi\u1ebfn c\u1ee7a iPhone \u1edf Vi\u1ec7t Nam). <\/p>\n\n\n\n<p>\u1ede chi\u1ec1u ng\u01b0\u1ee3c l\u1ea1i n\u1ebfu ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n ph\u1ea7n l\u1edbn s\u1eed d\u1ee5ng tr\u00ecnh duy\u1ec7t t\u01b0\u01a1ng th\u00edch WebP th\u00ec vi\u1ec7c \u00e1p d\u1ee5ng n\u00f3 s\u1ebd \u0111em l\u1ea1i l\u1ee3i \u00edch c\u00f3 \u00fd ngh\u0129a. <\/p>\n\n\n\n<p>=&gt; <strong>C\u1eadp nh\u1eadt<\/strong>: nh\u01b0 ph\u1ea7n tr\u00ean \u0111\u00e3 n\u00f3i, gi\u1edd WebP \u0111\u00e3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 nhi\u1ec1u h\u01a1n &amp; vi\u1ec7c t\u00edch h\u1ee3p c\u0169ng d\u1ec5 h\u01a1n tr\u01b0\u1edbc \u0111\u00e2y;<\/p>\n\n\n\n<p>#4. CDN gi\u1edd r\u1ea5t nhi\u1ec1u trang web \u00e1p d\u1ee5ng, n\u00f3 d\u01b0\u1eddng nh\u01b0 \u0111\u00e3 th\u00e0nh chu\u1ea9n ph\u1ed5 th\u00f4ng, v\u00e0 kh\u00f4ng ch\u1ec9 d\u00e0nh cho c\u00e1c trang l\u1edbn. Hi\u1ec7n \u1edf Vi\u1ec7t Nam c\u00f3 nhi\u1ec1u n\u01a1i m\u1edf d\u1ecbch v\u1ee5 CDN nh\u01b0 BizFly Cloud CDN hay KCDN. C\u00e1c d\u1ecbch v\u1ee5 n\u01b0\u1edbc ngo\u00e0i c\u0169ng c\u00f3 nhi\u1ec1u, m\u1ed9t v\u00e0i c\u00e1i t\u00ean c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0 KeyCDN, MaxCDN, BunnyCDN&#8230;Tuy nhi\u00ean nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a d\u1ecbch v\u1ee5 n\u01b0\u1edbc ngo\u00e0i l\u00e0 \u00edt c\u00f3 PoP \u1edf Vi\u1ec7t Nam. <\/p>\n\n\n\n<p>Hi\u1ec7n t\u1ea1i b\u1ea3n th\u00e2n t\u00f4i d\u00f9ng <a href=\"https:\/\/cdnsun.com\/\">CDNSun<\/a>, h\u1ecd c\u00f3 2 PoP \u1edf H\u00e0 N\u1ed9i v\u00e0 S\u00e0i G\u00f2n. C\u00e1c plugin \u0111\u1ec3 t\u00edch h\u1ee3p CDN v\u00e0o website c\u00f3 nhi\u1ec1u, v\u00e0 m\u1ed9t s\u1ed1 plugin cache t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng n\u00e0y. N\u1ebfu mu\u1ed1n plugin chuy\u00ean cho vi\u1ec7c n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\">CDN Enabler<\/a> do KeyCDN ph\u00e1t tri\u1ec3n, n\u00f3 r\u1ea5t d\u1ec5 d\u00f9ng. M\u1ed9t l\u01b0u \u00fd nh\u1ecf khi <a href=\"https:\/\/kiencang.net\/tiet-kiem-tien-cdn\/\">d\u00f9ng CDN sao cho t\u1ed1i \u01b0u v\u00e0 ti\u1ebft ki\u1ec7m ti\u1ec1n<\/a> l\u00e0 b\u1ea1n n\u00ean k\u1ebft h\u1ee3p n\u00f3 v\u1edbi n\u00e9n \u1ea3nh v\u00e0 lazy load, ngo\u00e0i ra \u0111\u1ec3 ph\u00f2ng r\u1ee7i ro n\u00ean l\u1ef1a ch\u1ecdn c\u00e1c PoP th\u00edch h\u1ee3p v\u00e0 \u0111\u1eb7t gi\u1edbi h\u1ea1n chi ti\u00eau;<\/p>\n\n\n\n<p>=&gt; C\u1eadp nh\u1eadt: l\u00e2u r\u1ed3i t\u00f4i \u0111\u00e3 chuy\u1ec3n sang Bunny CDN, n\u00f3 c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng v\u01b0\u1ee3t tr\u1ed9i so v\u1edbi CDNSun, c\u0169ng c\u00f3 PoP \u1edf Vi\u1ec7t Nam, gi\u00e1 l\u1ea1i r\u1ebb, v\u00e0 c\u00f3 nhi\u1ec1u t\u00ednh n\u0103ng chuy\u00ean s\u00e2u.<\/p>\n\n\n\n<p>#5. Lazy load l\u00e0 c\u00e1ch r\u1ebb ti\u1ec1n nh\u1ea5t m\u00e0 v\u00f4 c\u00f9ng hi\u1ec7u qu\u1ea3 trong vi\u1ec7c t\u0103ng t\u1ed1c website. Th\u1ef1c ra c\u00f3 2 ki\u1ec3u lazy load, m\u1ed9t ki\u1ec3u l\u00e0 khung nh\u00ecn k\u00e9o \u0111\u1ebfn \u0111\u00e2u th\u00ec t\u1ea3i \u1ea3nh \u0111\u1ebfn \u0111\u00f3, n\u00f3 c\u00f3 \u01b0u \u0111i\u1ec3m l\u00e0 ti\u1ebft ki\u1ec7m b\u0103ng th\u00f4ng, nh\u01b0ng c\u00f3 nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 ch\u1ec9 th\u00edch h\u1ee3p v\u1edbi c\u00e1c k\u1ebft n\u1ed1i \u1ed5n \u0111\u1ecbnh. Do v\u1eady ki\u1ec3u n\u00e0y th\u01b0\u1eddng ch\u1ec9 \u1ed5n tr\u00ean desktop, c\u00f2n <a href=\"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/\">mobile s\u1eed d\u1ee5ng 3G c\u00f3 th\u1ec3 kh\u00f4ng n\u00ean d\u00f9ng<\/a>. <\/p>\n\n\n\n<p>Ki\u1ec3u lazy th\u1ee9 hai \u0111\u01b0\u1ee3c g\u1ecdi \u0111\u00fang t\u00ean h\u01a1n l\u00e0 tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh, ph\u01b0\u01a1ng ph\u00e1p n\u00e0y \u01b0u ti\u00ean t\u1ea3i n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc, sau \u0111\u00f3 m\u1edbi t\u1ea3i \u1ea3nh sau, \u01b0u \u0111i\u1ec3m l\u00e0 kh\u00f4ng b\u1ecb \u1ea3nh h\u01b0\u1edfng b\u1edfi ki\u1ec3u k\u1ebft n\u1ed1i, nh\u01b0ng c\u00e1ch n\u00e0y kh\u00f4ng ti\u1ebft ki\u1ec7m b\u0103ng th\u00f4ng v\u00e0 hi\u1ec7n kh\u00f4ng c\u00f3 plugin h\u1ed7 tr\u1ee3. V\u1edbi ki\u1ec3u \u0111\u1ea7u ti\u00ean b\u1ea1n c\u00f3 th\u1ec3 s\u1eed <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 Lazy Load<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\">Lazy Load by WP Rocket<\/a>. M\u1ed9t s\u1ed1 plugin cache c\u0169ng t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng n\u00e0y. a3 Lazy Load c\u00f2n c\u00f3 kh\u1ea3 n\u0103ng lazy c\u1ea3 \u1ea3nh c\u00f3 \u0111\u1ecbnh d\u1ea1ng WebP;<\/p>\n\n\n\n<p>=&gt; <strong>C\u1eadp nh\u1eadt v\u1ec1 v\u1ea5n \u0111\u1ec1 lazy load<\/strong>, hi\u1ec7n nay c\u00f3 plugin r\u1ea5t \u0111\u00e1ng ch\u00fa \u00fd v\u1ec1 m\u1ea3ng n\u00e0y, \u0111\u00f3 l\u00e0 <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flying Images<\/a>, n\u00f3 t\u00edch h\u1ee3p r\u1ea5t nhi\u1ec1u t\u00ednh n\u0103ng \u0111\u00e1ng gi\u00e1, nh\u01b0 <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">native lazy load<\/a> (tr\u00ean Chrome) + JS cho c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c, t\u1ea3i tr\u01b0\u1edbc \u1ea3nh khi n\u00f3 v\u00e0o viewport gi\u00fap h\u1ea1n ch\u1ebf t\u00ecnh tr\u1ea1ng tr\u1ec5. T\u00f9y ch\u1ec9nh \u0111\u01b0\u1ee3c kho\u1ea3ng t\u1ea3i tr\u01b0\u1edbc, t\u1ed1i \u0111a 3000px. T\u00edch h\u1ee3p <a href=\"https:\/\/kiencang.net\/plugin-flying-images-cai-tien\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN mi\u1ec5n ph\u00ed, n\u00e9n \u1ea3nh mi\u1ec5n ph\u00ed, h\u1ed7 tr\u1ee3 c\u1ea3 WebP<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"d-v\u1ea5n-d\u1ec1-khi-tich-h\u1ee3p-toan-b\u1ed9-cac-ki\u1ec3u-t\u1ed1i-\u01b0u\"><span class=\"ez-toc-section\" id=\"D_Van_de_khi_tich_hop_toan_bo_cac_kieu_toi_uu\"><\/span>D. V\u1ea5n \u0111\u1ec1 khi t\u00edch h\u1ee3p to\u00e0n b\u1ed9 c\u00e1c ki\u1ec3u t\u1ed1i \u01b0u<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Khi th\u1eed k\u1ebft h\u1ee3p t\u1ea5t c\u1ea3 c\u00e1c bi\u1ec7n ph\u00e1p t\u1ed1i \u01b0u tr\u00ean b\u1ea1n s\u1ebd s\u1edbm nh\u1eadn ra v\u1ea5n \u0111\u1ec1 l\u00e0 ch\u00fang th\u01b0\u1eddng kh\u00f4ng t\u01b0\u01a1ng th\u00edch nhau, nh\u1ea5t khi d\u00f9ng CDN + plugin cache m\u00e0 l\u1ea1i mu\u1ed1n d\u00f9ng WebP. Nh\u01b0ng CDN v\u00e0 Cache th\u00ec kh\u00f4ng th\u1ec3 b\u1ecf \u0111\u01b0\u1ee3c n\u1ebfu mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1t nh\u1ea5t n\u00ean trong ph\u1ea7n n\u00e0y t\u00f4i s\u1ebd ch\u1ec9 ra c\u00e1ch kh\u1eafc ph\u1ee5c.<\/p>\n\n\n\n<ul>\n<li>N\u1ebfu mu\u1ed1n cache, n\u00e9n \u1ea3nh (jpg, png) + Lazy Load + CDN (kh\u00f4ng d\u00f9ng WebP) th\u00ec gi\u1ea3i ph\u00e1p t\u1ed1t nh\u1ea5t m\u00e0 t\u00f4i bi\u1ebft l\u00e0 d\u00f9ng plugin WP-Rocket + ShortPixel, nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 c\u1ea3 hai th\u1eb1ng n\u00e0y \u0111\u1ec1u c\u00f3 ph\u00ed. Gi\u1ea3i ph\u00e1p mi\u1ec5n ph\u00ed l\u00e0 <a href=\"https:\/\/kiencang.net\/plugin-cache-enabler\/\">Cache Enabler<\/a> + EWWW + a3 Lazy Load<\/li>\n\n\n\n<li>N\u1ebfu mu\u1ed1n n\u00e9n \u1ea3nh (jpg, png) + WebP + Lazy Load (kh\u00f4ng d\u00f9ng CDN v\u00ec l\u00fd do kinh t\u1ebf) th\u00ec gi\u1ea3i ph\u00e1p t\u1ed1t nh\u1ea5t l\u00e0 WP-Rocket (ho\u1eb7c Cache Enabler) + ShortPixel + [a3 Lazy Load (ho\u1eb7c Lazy Load by WP Rocket) &#8211; ch\u1ec9 c\u1ea7n thi\u1ebft khi d\u00f9ng Cache Enabler v\u00ec WP-Rocket \u0111\u00e3 c\u00f3 s\u1eb5n t\u00ednh n\u0103ng Lazy Load]<\/li>\n\n\n\n<li>N\u1ebfu mu\u1ed1n n\u00e9n \u1ea3nh (jpg, png) + WebP + Lazy Load + CDN th\u00ec gi\u1ea3i ph\u00e1p t\u1ed1t nh\u1ea5t l\u00e0 EWWW (ho\u1eb7c ShortPixel) + CDN Enabler + Cache Enabler (d\u00f9ng \u0111\u1ec3 t\u1ea1o phi\u00ean b\u1ea3n cache d\u00e0nh ri\u00eang cho WebP) + a3 Lazy Load, c\u00e1i n\u00e0y c\u00f3 \u01b0u \u0111i\u1ec3m l\u00e0 h\u1ea7u h\u1ebft c\u00e1c plugin \u0111\u1ec1u mi\u1ec5n ph\u00ed. L\u1ef1a ch\u1ecdn kh\u00e1c n\u1ebfu b\u1ea1n d\u00f9ng cache ph\u00eda m\u00e1y ch\u1ee7 (ch\u1eb3ng h\u1ea1n nh\u01b0 Varnish cache) l\u00e0 ShortPixel + CDN Enabler<\/li>\n<\/ul>\n\n\n\n<p><strong>C\u1eadp nh\u1eadt<\/strong>: gi\u1edd c\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t, gi\u00e1 r\u1ebb \u0111\u1ec3 d\u00f9ng WebP + LazyLoad + CDN l\u00e0 th\u00f4ng qua LiteSpeed cache k\u1ebft h\u1ee3p v\u1edbi d\u1ecbch v\u1ee5 QUIC cloud trong h\u1ec7 sinh th\u00e1i t\u1ed1i \u01b0u cho WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u00e0i vi\u1ebft n\u00e0y t\u00f4i h\u01b0\u1edbng \u0111\u1ebfn m\u1ee5c ti\u00eau t\u1ed1i \u0111a h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c. \u0110\u00e2y l\u00e0 vi\u1ec7c kh\u00f4ng th\u1ec3 kh\u00f4ng l\u00e0m khi mu\u1ed1n t\u0103ng t\u1ed1c website. C\u00e1c trang s\u1eed d\u1ee5ng WordPress s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i nhi\u1ec1u nh\u1ea5t, tuy nhi\u00ean c\u00e1c trang web s\u1eed d\u1ee5ng CMS kh\u00e1c c\u0169ng c\u00f3 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":20463,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[252,274,280,296],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u &#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\/toi-uu-hoa-toc-do-tai-anh\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Trong b\u00e0i vi\u1ebft n\u00e0y t\u00f4i h\u01b0\u1edbng \u0111\u1ebfn m\u1ee5c ti\u00eau t\u1ed1i \u0111a h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c. \u0110\u00e2y l\u00e0 vi\u1ec7c kh\u00f4ng th\u1ec3 kh\u00f4ng l\u00e0m khi mu\u1ed1n t\u0103ng t\u1ed1c website. C\u00e1c trang s\u1eed d\u1ee5ng WordPress s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i nhi\u1ec1u nh\u1ea5t, tuy nhi\u00ean c\u00e1c trang web s\u1eed d\u1ee5ng CMS kh\u00e1c c\u0169ng c\u00f3 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/\" \/>\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=\"2022-01-15T16:26:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-27T14:15:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/cu-dem.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"21 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u &#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\/toi-uu-hoa-toc-do-tai-anh\/","og_locale":"vi_VN","og_type":"article","og_title":"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Trong b\u00e0i vi\u1ebft n\u00e0y t\u00f4i h\u01b0\u1edbng \u0111\u1ebfn m\u1ee5c ti\u00eau t\u1ed1i \u0111a h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c. \u0110\u00e2y l\u00e0 vi\u1ec7c kh\u00f4ng th\u1ec3 kh\u00f4ng l\u00e0m khi mu\u1ed1n t\u0103ng t\u1ed1c website. C\u00e1c trang s\u1eed d\u1ee5ng WordPress s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i nhi\u1ec1u nh\u1ea5t, tuy nhi\u00ean c\u00e1c trang web s\u1eed d\u1ee5ng CMS kh\u00e1c c\u0169ng c\u00f3 &hellip;","og_url":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2022-01-15T16:26:00+00:00","article_modified_time":"2023-08-27T14:15:57+00:00","og_image":[{"width":640,"height":480,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/cu-dem.jpg","type":"image\/jpeg"}],"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":"21 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/","url":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/","name":"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2022-01-15T16:26:00+00:00","dateModified":"2023-08-27T14:15:57+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"9 c\u00e1ch t\u1ed1i \u01b0u \u1ea3nh cho WordPress: gi\u1ea3i th\u00edch c\u1eb7n k\u1ebd, d\u1ec5 hi\u1ec3u"}]},{"@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\/22055"}],"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=22055"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/22055\/revisions"}],"predecessor-version":[{"id":24656,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/22055\/revisions\/24656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/20463"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=22055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=22055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=22055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}