{"id":16845,"date":"2022-02-23T03:01:00","date_gmt":"2022-02-22T20:01:00","guid":{"rendered":"https:\/\/kiencang.net\/?p=14562"},"modified":"2022-02-23T03:01:00","modified_gmt":"2022-02-22T20:01:00","slug":"lazy-load-anh-khong-hap-dan","status":"publish","type":"post","link":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/","title":{"rendered":"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i?"},"content":{"rendered":"\n<p>V\u00e0i l\u1eddi: b\u00e0i vi\u1ebft n\u00e0y ra \u0111\u1eddi c\u00e1ch \u0111\u00e2y kh\u00e1 l\u00e2u, t\u00f4i m\u1edbi c\u1eadp nh\u1eadt l\u1ea1i m\u1ed9t ch\u00fat. \u1ede th\u1eddi \u0111i\u1ec3m hi\u1ec7n t\u1ea1i nh\u00ecn chung lazy load \u1ea3nh tri\u1ec3n khai \u0111\u01b0\u1ee3c tr\u00ean h\u1ea7u h\u1ebft ki\u1ec3u website v\u00ec n\u00f3 ng\u00e0y c\u00e0ng \u00edt r\u1ee7i ro (c\u00f4ng ngh\u1ec7 thay \u0111\u1ed5i ch\u00f3ng m\u1eb7t th\u1eadt!). N\u1ed9i dung b\u00ean d\u01b0\u1edbi v\u1eabn c\u00f3 gi\u00e1 tr\u1ecb \u1edf kh\u00eda c\u1ea1nh l\u00e0 n\u00f3 s\u1ebd cho b\u1ea1n bi\u1ebft ki\u1ec3u trang n\u00e0o s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c l\u1ee3i \u00edch l\u1edbn nh\u1ea5t v\u00e0 b\u1ea1n c\u1ea7n th\u00eam h\u1ed7 tr\u1ee3 g\u00ec \u0111\u1ec3 lazy load \u1ea3nh m\u01b0\u1ee3t m\u00e0 h\u01a1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<p><a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy load \u1ea3nh<\/a> l\u00e0 m\u1ed9t trong c\u00e1c <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f4ng ngh\u1ec7 t\u0103ng t\u1ed1c web<\/a> \u0111\u00e3 \u0111\u01b0\u1ee3c bi\u1ebft \u0111\u1ebfn t\u1eeb l\u00e2u. N\u00f3 c\u00f3 nhi\u1ec1u \u01b0u \u0111i\u1ec3m:<\/p>\n\n\n<ul><li>Gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7 nh\u1edd h\u1ea1n ch\u1ebf s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i \u0111\u1ed3ng th\u1eddi.<\/li><li>Gi\u1ea3m th\u1eddi gian t\u1ea3i trang do kh\u00f4ng ph\u1ea3i t\u1ea3i c\u00e1c \u1ea3nh n\u1eb1m d\u01b0\u1edbi <a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a> ngay l\u1eadp t\u1ee9c.<\/li><li>Kh\u00f4ng ph\u1ee9c t\u1ea1p v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt, ch\u1ec9 c\u1ea7n 1KB JS \u0111\u1ec3 tri\u1ec3n khai, th\u1eadm ch\u00ed tr\u00ecnh duy\u1ec7t Chrome c\u00f2n gi\u00fap b\u1ea1n c\u00f3 \u0111\u01b0\u1ee3c c\u00f4ng ngh\u1ec7 n\u00e0y m\u00e0 kh\u00f4ng c\u1ea7n m\u00e3 JS n\u00e0o v\u00ec n\u00f3 \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n (b\u1eaft \u0111\u1ea7u t\u1eeb phi\u00ean b\u1ea3n 76) &#8211; c\u00f2n g\u1ecdi l\u00e0 native lazy loading.<\/li><li>V\u00e0 v\u00ec \u0111\u01a1n gi\u1ea3n n\u00ean nhi\u1ec1u c\u00f4ng c\u1ee5 ch\u1ea5t l\u01b0\u1ee3ng cao h\u1ed7 tr\u1ee3 cho n\u00f3 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed.<\/li><\/ul>\n\n\n<p>Th\u1ebf nh\u01b0ng n\u1ebfu b\u1ea1n bi\u1ebft WordPrees th\u00ec t\u00f4i c\u1ea7n ph\u1ea3i ti\u1ebft l\u1ed9 ngay: ngay c\u1ea3 m\u1ed9t trong nh\u1eefng <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin r\u1ea5t t\u1ed1t v\u1ec1 m\u1ea3ng n\u00e0y l\u00e0 Flying Images<\/a>, v\u1edbi nhi\u1ec1u ti\u1ec7n l\u1ee3i g\u1ed9p chung v\u00e0o m\u1ed9t g\u00f3i nh\u01b0:<\/p>\n\n\n<ul><li>Lazy load \u1ea3nh c\u1ea3 theo ph\u01b0\u01a1ng th\u1ee9c JS l\u1eabn <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">native lazy load c\u1ee7a Chrome<\/a>.<\/li><li>T\u00edch h\u1ee3p CDN mi\u1ec5n ph\u00ed ch\u1ea5t l\u01b0\u1ee3ng t\u1ed1t.<\/li><li>Ph\u00e2n ph\u1ed1i d\u01b0\u1edbi <a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u1ecbnh d\u1ea1ng \u1ea3nh m\u1edbi WebP<\/a>, ti\u1ebft ki\u1ec7m dung l\u01b0\u1ee3ng so v\u1edbi PNG v\u00e0 JPG.<\/li><\/ul>\n\n\n<p>V\u1edbi ng\u1ea7n \u1ea5y \u01b0u \u0111i\u1ec3m, <a href=\"https:\/\/wordpress.org\/plugins\/nazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flying Images v\u1eabn ch\u1ec9 c\u00f3 h\u01a1n 1000 l\u01b0\u1ee3t k\u00edch ho\u1ea1t<\/a> sau kho\u1ea3ng 4 th\u00e1ng ch\u00ednh th\u1ee9c c\u00f3 m\u1eb7t tr\u00ean WordPress.org &#8211; (t\u1ea5t nhi\u00ean c\u0169ng ph\u1ea3i tr\u1eeb hao chuy\u1ec7n <a href=\"https:\/\/kiencang.net\/plugin-flying-images-cai-tien\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c t\u00ednh n\u0103ng m\u1edbi nh\u01b0 CDN v\u00e0 WebP m\u1edbi \u0111\u01b0\u1ee3c plugin<\/a> b\u1ed5 sung kho\u1ea3ng 2 th\u00e1ng tr\u1edf l\u1ea1i \u0111\u00e2y).<\/p>\n\n\n<p>Gi\u1edd ch\u00fang ta s\u1ebd c\u00f9ng ph\u00e2n t\u00edch l\u00fd do t\u1ea1i sao?<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\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-6577d631d3b52\" ><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-6577d631d3b52\"  type=\"checkbox\" id=\"item-6577d631d3b52\"><\/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\/lazy-load-anh-khong-hap-dan\/#1_Lazy_load_anh_chi_hieu_qua_tren_trang_co_nhieu_anh\" title=\"1. Lazy load \u1ea3nh ch\u1ec9 hi\u1ec7u qu\u1ea3 tr\u00ean trang c\u00f3 nhi\u1ec1u \u1ea3nh\">1. Lazy load \u1ea3nh ch\u1ec9 hi\u1ec7u qu\u1ea3 tr\u00ean trang c\u00f3 nhi\u1ec1u \u1ea3nh<\/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\/lazy-load-anh-khong-hap-dan\/#2_Co_rui_ro_trong_thay_khi_trien_khai_lazy_load_tren_ket_noi_di_dong\" title=\"2. C\u00f3 r\u1ee7i ro tr\u00f4ng th\u1ea5y khi tri\u1ec3n khai lazy load tr\u00ean k\u1ebft n\u1ed1i di \u0111\u1ed9ng\">2. C\u00f3 r\u1ee7i ro tr\u00f4ng th\u1ea5y khi tri\u1ec3n khai lazy load tr\u00ean k\u1ebft n\u1ed1i di \u0111\u1ed9ng<\/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\/lazy-load-anh-khong-hap-dan\/#3_No_khong_dem_lai_loi_ich_dang_ke_tren_may_ban\" title=\"3. N\u00f3 kh\u00f4ng \u0111em l\u1ea1i l\u1ee3i \u00edch \u0111\u00e1ng k\u1ec3 tr\u00ean m\u00e1y b\u00e0n\">3. N\u00f3 kh\u00f4ng \u0111em l\u1ea1i l\u1ee3i \u00edch \u0111\u00e1ng k\u1ec3 tr\u00ean m\u00e1y b\u00e0n<\/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\/lazy-load-anh-khong-hap-dan\/#4_Vay_nhung_trang_web_nao_dang_su_dung_lazy_load_anh_va_tai_sao\" title=\"4. V\u1eady nh\u1eefng trang web n\u00e0o \u0111ang s\u1eed d\u1ee5ng lazy load \u1ea3nh v\u00e0 t\u1ea1i sao?\">4. V\u1eady nh\u1eefng trang web n\u00e0o \u0111ang s\u1eed d\u1ee5ng lazy load \u1ea3nh v\u00e0 t\u1ea1i sao?<\/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\/lazy-load-anh-khong-hap-dan\/#5_Ket_luan\" title=\"5. K\u1ebft lu\u1eadn\">5. K\u1ebft lu\u1eadn<\/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\/lazy-load-anh-khong-hap-dan\/#Bonus\" title=\"Bonus\">Bonus<\/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\/lazy-load-anh-khong-hap-dan\/#Mot_so_cau_hoi\" title=\"M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi\">M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Lazy_load_anh_chi_hieu_qua_tren_trang_co_nhieu_anh\"><\/span>1. Lazy load \u1ea3nh ch\u1ec9 hi\u1ec7u qu\u1ea3 tr\u00ean trang c\u00f3 nhi\u1ec1u \u1ea3nh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>\u0110i\u1ec1u n\u00e0y l\u00e0 ho\u00e0n to\u00e0n d\u1ec5 hi\u1ec3u. N\u1ebfu trang c\u1ee7a b\u1ea1n c\u00f3 2 b\u1ee9c \u1ea3nh. M\u1ed9t b\u1ee9c \u0111\u1ea7u ti\u00ean l\u00e0m h\u00ecnh minh h\u1ecda (c\u00e1i n\u00ean hi\u1ec3n th\u1ecb ngay l\u1eadp t\u1ee9c cho ng\u01b0\u1eddi \u0111\u1ecdc th\u1ea5y thay v\u00ec t\u1ea3i l\u01b0\u1eddi), th\u1ebf th\u00ec b\u1ea1n ch\u1ec9 c\u00f2n m\u1ed9t \u1ea3nh \u0111\u1ec3 lazy load. M\u1ed9t b\u1ee9c \u1ea3nh duy nh\u1ea5t \u0111\u00f3, ch\u1eb3ng h\u1ea1n c\u00f3 dung l\u01b0\u1ee3ng 50KB, d\u1ec5 d\u00e0ng t\u1ea3i g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c thay v\u00ec ph\u1ea3i lazy load.<\/p>\n\n\n<p>M\u1ed9t trang \u00edt \u1ea3nh trong n\u1ed9i dung ch\u00ednh, c\u00f3 kh\u1ea3 n\u0103ng c\u00f3 nhi\u1ec1u \u1ea3nh nh\u1ea5t \u1edf ph\u1ea7n b\u00e0i li\u00ean quan. C\u00f3 th\u1ec3 c\u00f3 4 &#8211; 10 \u1ea3nh \u0111\u1ea1i di\u1ec7n \u1edf \u0111\u00f3, nh\u01b0ng ph\u1ea7n l\u1edbn ch\u00fang \u0111\u1ec1u l\u00e0 c\u00e1c \u1ea3nh nh\u1ecf (kho\u1ea3ng 10KB m\u1ed7i \u1ea3nh l\u00e0 nhi\u1ec1u).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Co_rui_ro_trong_thay_khi_trien_khai_lazy_load_tren_ket_noi_di_dong\"><\/span>2. C\u00f3 r\u1ee7i ro tr\u00f4ng th\u1ea5y khi tri\u1ec3n khai lazy load tr\u00ean k\u1ebft n\u1ed1i di \u0111\u1ed9ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Hai nguy\u00ean nh\u00e2n khi\u1ebfn lazy load tr\u00ean di \u0111\u1ed9ng \u0111\u1ea7y r\u1ee7i ro:<\/p>\n\n\n<ul><li>K\u1ebft n\u1ed1i \u1edf \u0111\u00e2y kh\u00f4ng \u1ed5n \u0111\u1ecbnh v\u00e0 ph\u1ea7n c\u1ee9ng c\u0169ng k\u00e9m h\u01a1n.<\/li><li>C\u1ed9ng v\u1edbi chuy\u1ec7n nhi\u1ec1u ng\u01b0\u1eddi c\u00f3 th\u00f3i quen l\u01b0\u1edbt r\u1ea5t nhanh n\u1ed9i dung b\u00e0i vi\u1ebft (b\u1ea1n th\u1ea5y m\u1ecdi ng\u01b0\u1eddi v\u1ea9y ng\u00f3n tr\u1ecf ho\u1eb7c ng\u00f3n c\u00e1i khi c\u1ea7m smartphone nhanh nh\u01b0 th\u1ebf n\u00e0o r\u1ed3i \u0111\u00fang kh\u00f4ng).<\/li><\/ul>\n\n\n<p>H\u1ec7 qu\u1ea3 l\u00e0 hi\u1ec7n t\u01b0\u1ee3ng \u1ea3nh ch\u01b0a k\u1ecbp t\u1ea3i v\u1eabn x\u1ea3y ra (ng\u01b0\u1eddi d\u00f9ng k\u00e9o \u0111\u1ebfn ph\u1ea7n c\u00f3 \u1ea3nh, nh\u01b0ng ch\u1ec9 th\u1ea5y m\u1ed9t kho\u1ea3ng tr\u1ed1ng ho\u1eb7c \u1ea3nh v\u1eabn \u0111ang trong qu\u00e1 tr\u00ecnh t\u1ea3i), cho d\u00f9 ng\u01b0\u1eddi ta \u0111\u00e3 c\u1ed1 g\u1eafng h\u1ea1n ch\u1ebf \u0111i\u1ec1u n\u00e0y b\u1eb1ng c\u00e1ch t\u1ea3i tr\u01b0\u1edbc \u1ea3nh khi n\u00f3 c\u00e1ch khung nh\u00ecn c\u1ee7a ng\u01b0\u1eddi d\u00f9ng m\u1ed9t ng\u01b0\u1ee1ng kh\u00e1 l\u1edbn, ch\u1eb3ng h\u1ea1n 1000px ho\u1eb7c 2000px hay th\u1eadm ch\u00ed h\u01a1n n\u1eefa. C\u00e1c h\u00e0m nh\u1eadn bi\u1ebft t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i c\u1ee7a ng\u01b0\u1eddi d\u00f9ng \u0111\u1ec3 t\u1ea3i \u1ea3nh s\u1edbm h\u01a1n tr\u00ean k\u1ebft n\u1ed1i ch\u1eadm c\u0169ng ch\u1ec9 c\u00f3 t\u00e1c d\u1ee5ng ph\u1ea7n n\u00e0o.<\/p>\n\n\n<p>P\/S 1: M\u1ed9t c\u00e1ch c\u1ea3i ti\u1ebfn lazy load \u1ea3nh r\u1ea5t t\u1ed1t tr\u00ean di \u0111\u1ed9ng l\u00e0 s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/anh-lqip\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh LQIP (\u1ea3nh gi\u1eef ch\u1ed7 ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p)<\/a>, v\u1ec1 b\u1ea3n ch\u1ea5t \u0111\u00e2y l\u00e0 \u1ea3nh gi\u1ed1ng \u1ea3nh g\u1ed1c nh\u01b0ng c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p h\u01a1n \u0111\u00e1ng k\u1ec3 n\u00ean dung l\u01b0\u1ee3ng gi\u1ea3m nhi\u1ec1u. Tr\u00ean k\u1ebft n\u1ed1i t\u1ed1c \u0111\u1ed9 ch\u1eadm, khi ng\u01b0\u1eddi d\u00f9ng l\u01b0\u1edbt \u0111\u1ebfn ph\u1ea7n c\u00f3 \u1ea3nh m\u00e0 \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng cao ch\u01b0a k\u1ecbp t\u1ea3i v\u1ec1 \u0111\u1ea7y \u0111\u1ee7 th\u00ec \u1ea3nh gi\u1eef ch\u1ed7 \u0111\u00e3 c\u00f3 m\u1eb7t r\u1ed3i, d\u00f9 ch\u1ec9 l\u00e0 k\u1ebb d\u1ef1 b\u1ecb c\u00f2n nhi\u1ec1u thi\u1ebfu s\u00f3t th\u00ec v\u1eabn c\u00f2n h\u01a1n kh\u00f4ng c\u00f3 g\u00ec trong b\u1ed1i c\u1ea3nh \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng cao b\u1ecb &#8220;ch\u1ea5n th\u01b0\u01a1ng&#8221;. <\/p>\n\n\n<p>N\u1ebfu th\u1ea5y m\u1ed9t kho\u1ea3ng tr\u1ed1ng ng\u01b0\u1eddi d\u00f9ng s\u1ebd th\u1ea5t v\u1ecdng l\u1edbn, v\u00e0 th\u1eadm ch\u00ed l\u00e0 \u0111\u00f3ng tr\u00ecnh duy\u1ec7t \u0111\u1ec3 xem trang kh\u00e1c, nh\u01b0ng v\u1edbi \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p th\u1ebf ch\u1ed7, h\u1ecd c\u00f3 kh\u1ea3 n\u0103ng ki\u00ean nh\u1eabn xem ti\u1ebfp, v\u00e0 kho\u1ea3ng th\u1eddi gian \u0111\u00f3 th\u01b0\u1eddng l\u00e0 \u0111\u1ee7 \u0111\u1ec3 t\u1ea3i \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng cao v\u1ec1. <\/p>\n\n\n<p>Tr\u00ean k\u1ebft n\u1ed1i t\u1ed1c \u0111\u1ed9 cao, LQIP kh\u00f4ng g\u00e2y \u1ea3nh h\u01b0\u1edfng g\u00ec \u0111\u00e1ng k\u1ec3, do v\u1eady \u0111\u00e2y l\u00e0 gi\u1ea3i ph\u00e1p r\u1ea5t hay n\u1ebfu \u0111\u01b0\u1ee3c tri\u1ec3n khai m\u1ed9t c\u00e1ch kh\u00e9o l\u00e9o. <a href=\"https:\/\/kiencang.net\/lazysizes-js-lazy-load-anh-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th\u01b0 vi\u1ec7n lazysizes.js<\/a> l\u00e0 m\u1ed9t c\u00e1ch hay n\u1ebfu b\u1ea1n mu\u1ed1n \u00e1p d\u1ee5ng LQIP. V\u1edbi nh\u1eefng ai \u0111ang d\u00f9ng WordPress, t\u00f4i kh\u00f4ng bi\u1ebft hi\u1ec7n c\u00f3 plugin n\u00e0o h\u1ed7 tr\u1ee3 LQIP hay kh\u00f4ng? c\u00f3 th\u1ec3 kh\u00f4ng c\u00f3 lo\u1ea1i mi\u1ec5n ph\u00ed v\u00ec \u0111\u1ec3 th\u1ef1c hi\u1ec7n LQIP n\u00f3 ph\u1ea3i t\u1ea1o ra \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p c\u1ee7a \u1ea3nh g\u1ed1c t\u01b0\u01a1ng \u1ee9ng, v\u00e0 tr\u00ean c\u00e1c trang c\u00f3 nhi\u1ec1u \u1ea3nh s\u1eb5n r\u1ed3i, \u0111\u00e2y s\u1ebd l\u00e0 nhi\u1ec7m v\u1ee5 n\u1eb7ng n\u1ec1.<\/p>\n\n\n<p>[C\u1eadp nh\u1eadt: hi\u1ec7n <a href=\"https:\/\/kiencang.net\/hd-plugin-litespeed-cache-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin LiteSpeed cache<\/a> gi\u00fap b\u1ea1n t\u1ea1o \u1ea3nh LQIP r\u1ea5t t\u1ed1t, ti\u1ec7n v\u00e0 mi\u1ec5n ph\u00ed r\u1ed9ng r\u00e3i.]<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_No_khong_dem_lai_loi_ich_dang_ke_tren_may_ban\"><\/span>3. N\u00f3 kh\u00f4ng \u0111em l\u1ea1i l\u1ee3i \u00edch \u0111\u00e1ng k\u1ec3 tr\u00ean m\u00e1y b\u00e0n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Gi\u1ea3 s\u1eed b\u1ea1n c\u00f3 5 b\u1ee9c \u1ea3nh d\u01b0\u1edbi <a href=\"https:\/\/kiencang.net\/man-hinh-dau-tien\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>. T\u1ed5ng dung l\u01b0\u1ee3ng v\u00e0o kho\u1ea3ng 300KB. Nghe c\u0169ng l\u1edbn.<\/p>\n\n\n<p>Tuy nhi\u00ean v\u1edbi t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i m\u00e1y b\u00e0n r\u1ea5t cao + ph\u1ea7n c\u1ee9ng m\u1ea1nh nh\u01b0 hi\u1ec7n nay, th\u1eddi gian \u0111\u1ec3 t\u1ea3i ch\u00fang v\u00e0 hi\u1ec3n th\u1ecb l\u00ean m\u00e0n h\u00ecnh c\u00f3 th\u1ec3 ch\u01b0a \u0111\u1ebfn 0,2 &#8211; 0,3s. \u0110\u00f3 l\u00e0 kho\u1ea3ng th\u1eddi gian kh\u00f4ng d\u1ec5 \u0111\u1ec3 c\u1ea3m nh\u1eadn. Trong khi r\u00f5 r\u00e0ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng c\u1ee7a n\u00f3 d\u00f9 nh\u1ecf v\u1eabn d\u1ec5 nh\u1eadn ra h\u01a1n (h\u1ea7u h\u1ebft m\u1ecdi ng\u01b0\u1eddi \u0111\u1ec1u <em>quan s\u00e1t \u0111\u01b0\u1ee3c b\u1eb1ng m\u1eaft th\u01b0\u1eddng<\/em> khi trang n\u00e0o \u0111\u00f3 d\u00f9ng lazy load \u1ea3nh).<\/p>\n\n\n<p>H\u00ecnh d\u01b0\u1edbi \u0111\u00e2y ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i internet tr\u00ean m\u00e1y b\u00e0n \u1edf m\u1ea1ng gia \u0111\u00ecnh. Khi latop \u1edf xa c\u1ed9t thu s\u00f3ng wifi, n\u00f3 v\u1eabn c\u00f3 t\u1ed1c \u0111\u1ed9 ch\u1ea5p nh\u1eadn \u0111\u01b0\u1ee3c l\u00e0 2,8 Mbps t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi 350 KB\/s. C\u00f2n khi laptop \u1edf kho\u1ea3ng c\u00e1ch trung b\u00ecnh, t\u1ed1c \u0111\u1ed9 thu \u0111\u01b0\u1ee3c l\u00ean t\u1edbi 26 Mbps t\u01b0\u01a1ng \u0111\u01b0\u01a1ng\u00a03,25 MB\/s (1 Byte = 8 bit). B\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i c\u1ee7a ch\u00ednh b\u1ea1n b\u1eb1ng c\u00e1ch truy c\u1eadp trang <a href=\"https:\/\/fast.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">fast.com<\/a> (c\u00f4ng c\u1ee5 thu\u1ed9c s\u1edf h\u1eefu c\u1ee7a m\u1ea1ng phim thu ph\u00ed tr\u1ef1c tuy\u1ebfn Netflix)<\/p>\n\n\n<div class=\"wp-block-image wp-image-14570 size-full\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/02\/fast-internet.png\" alt=\"t\u1ed1c \u0111\u1ed9 internet khi ch\u1eadm\" class=\"wp-image-14570\"\/><figcaption>\u0110\u00e2y l\u00e0 k\u1ebft n\u1ed1i internet khi t\u1ed1c \u0111\u1ed9 ch\u1eadm<\/figcaption><\/figure><\/div>\n\n\n<div class=\"wp-block-image wp-image-14571 size-full\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/02\/toc-do-internet-cao.png\" alt=\"t\u1ed1c \u0111\u1ed9 internet r\u1ea5t cao\" class=\"wp-image-14571\"\/><figcaption>\u0110\u00e2y l\u00e0 k\u1ebft n\u1ed1i internet khi t\u1ed1c \u0111\u1ed9 cao<\/figcaption><\/figure><\/div>\n\n\n<p>Ng\u01b0\u1eddi ta gi\u1ea3m thi\u1ec3u \u0111\u01b0\u1ee3c \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng b\u1eb1ng c\u01a1 ch\u1ebf t\u1ea3i tr\u01b0\u1edbc nh\u01b0 \u0111\u00e3 n\u00f3i \u1edf ph\u1ea7n di \u0111\u1ed9ng (khi c\u00f4ng ngh\u1ec7 n\u00e0y \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng nhi\u1ec1u ng\u01b0\u1eddi kh\u00f4ng nh\u1eadn ra trang \u0111ang s\u1eed d\u1ee5ng t\u1ea3i l\u01b0\u1eddi \u1ea3nh). V\u00ec v\u1eady, c\u00f4ng b\u1eb1ng m\u00e0 n\u00f3i: <strong>m\u00e1y b\u00e0n d\u00f9 sao v\u1eabn l\u00e0 n\u01a1i an to\u00e0n nh\u1ea5t \u0111\u1ec3 tri\u1ec3n khai lazy load \u1ea3nh<\/strong>.<\/p>\n\n\n<p>C\u00f2n m\u1ed9t y\u1ebfu t\u1ed1 n\u1eefa l\u00e0m l\u1ee3i \u00edch t\u1ea3i l\u01b0\u1eddi \u1ea3nh tr\u00ean m\u00e1y b\u00e0n v\u1ed1n kh\u00f4ng l\u1edbn nay c\u00f2n nh\u1ecf h\u01a1n n\u1eefa: \u1edf nhi\u1ec1u website, h\u01a1n 90% l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp \u0111\u1ebfn t\u1eeb di \u0111\u1ed9ng, ch\u01b0a \u0111\u1ebfn 10% nh\u1ecf nhoi c\u00f2n l\u1ea1i \u0111\u1ebfn t\u1eeb m\u00e1y b\u00e0n v\u00e0 m\u00e1y t\u00ednh b\u1ea3ng. V\u00ed d\u1ee5 nh\u01b0 h\u00ecnh d\u01b0\u1edbi \u0111\u00e2y t\u1eeb m\u1ed9t website t\u00f4i qu\u1ea3n l\u00fd, th\u1ed1ng k\u00ea 90 ng\u00e0y qua cho th\u1ea5y 92,1% k\u1ebft n\u1ed1i l\u00e0 qua di \u0111\u1ed9ng, m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n ch\u1ec9 c\u00f3 6,5%:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/02\/thiet-bi-truy-cap.png\" alt=\"nhi\u1ec1u trang ch\u1ee7 y\u1ebfu \u0111\u01b0\u1ee3c truy c\u1eadp th\u00f4ng qua di \u0111\u1ed9ng\" class=\"wp-image-14572\"\/><\/figure><\/div>\n\n\n<p>Nh\u01b0 v\u1eady tri\u1ec3n khai lazy load r\u1ea5t an to\u00e0n tr\u00ean m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n, tuy nhi\u00ean l\u1ee3i \u00edch c\u1ee7a n\u00f3 x\u00e9t tr\u00ean t\u1ed5ng th\u1ec3 c\u00f3 th\u1ec3 nh\u1ecf h\u01a1n nhi\u1ec1u so v\u1edbi b\u1ea1n mong \u0111\u1ee3i. H\u00ecnh tr\u00ean cho th\u1ea5y ch\u1ec9 6,5% l\u01b0\u1ee3t truy c\u1eadp nh\u1eadn \u0111\u01b0\u1ee3c l\u1ee3i \u00edch r\u00f5 r\u1ec7t t\u1eeb lazy load.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Vay_nhung_trang_web_nao_dang_su_dung_lazy_load_anh_va_tai_sao\"><\/span>4. V\u1eady nh\u1eefng trang web n\u00e0o \u0111ang s\u1eed d\u1ee5ng lazy load \u1ea3nh v\u00e0 t\u1ea1i sao?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>B\u1ea1n s\u1ebd nhanh ch\u00f3ng nh\u1eadn ra r\u1eb1ng \u0111\u00f3 l\u00e0 c\u00e1c trang b\u00e1o \u0111i\u1ec7n t\u1eed, chia s\u1ebb ki\u1ebfn th\u1ee9c, v\u00e2n v\u00e2n c\u00f3 s\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi truy c\u1eadp r\u1ea5t l\u1edbn. \u0110\u00f3 l\u00e0 nh\u1eefng trang ki\u1ec3u nh\u01b0 <code>vnexpress.net<\/code>; <code>24h.com.vn<\/code>; <code>medium.com<\/code>&#8230; B\u1ea5t c\u1ee9 trang n\u00e0o c\u00f3 l\u01b0\u1ee3ng truy c\u1eadp cao \u0111\u1ec1u c\u00f3 kh\u1ea3 n\u0103ng \u0111ang s\u1eed d\u1ee5ng lazy load \u1ea3nh (nh\u01b0ng h\u1ea7u h\u1ebft c\u00e1c trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed th\u00ec kh\u00f4ng)*.<\/p>\n\n\n<p>V\u00e0 b\u00e2y gi\u1edd s\u1ebd l\u00e0 c\u00e2u tr\u1ea3 l\u1eddi cho c\u00e2u h\u1ecfi t\u1ea1i sao?<\/p>\n\n\n<p>B\u1edfi v\u00ec c\u00f3 s\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi d\u00f9ng r\u1ea5t l\u1edbn n\u00ean ti\u1ec1n m\u00e1y ch\u1ee7 \u0111\u1ec3 thu\u00ea ch\u1ea1y website kh\u00f4ng h\u1ec1 nh\u1ecf. Gi\u1ea3 \u0111\u1ecbnh l\u00e0 10 ng\u00e0n $\/th\u00e1ng. C\u00e1c trang thi\u00ean v\u1ec1 gi\u1ea3i tr\u00ed, tin t\u1ee9c nh\u01b0 v\u1eady l\u1ea1i r\u1ea5t nhi\u1ec1u \u1ea3nh, c\u1ed3ng k\u1ec1nh v\u1edbi nhi\u1ec1u qu\u1ea3ng c\u00e1o, do v\u1eady s\u1eed d\u1ee5ng lazy load c\u00f3 th\u1ec3 gi\u00fap m\u00e1y ch\u1ee7 c\u1ee7a h\u1ecd ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c 20% c\u00f4ng su\u1ea5t (l\u1ea1i l\u00e0 con s\u1ed1 gi\u1ea3 \u0111\u1ecbnh n\u1eefa \u0111\u1ec3 b\u1ea1n d\u1ec5 m\u01b0\u1eddng t\u01b0\u1ee3ng) v\u00e0 t\u1ea3i nhanh h\u01a1n \u0111\u00e1ng k\u1ec3. N\u00f3i c\u00e1ch kh\u00e1c h\u1ecd c\u00f3 th\u1ec3 tr\u00e1nh ph\u1ea3i b\u1ecf ra 2 ng\u00e0n $ v\u00e0 1s ch\u1edd \u0111\u1ee3i nh\u1edd lazy load.<\/p>\n\n\n<p>Con s\u1ed1 n\u00e0y s\u1ebd ti\u1ebfp t\u1ee5c l\u1edbn h\u01a1n tr\u00ean c\u00e1c h\u1ec7 th\u1ed1ng c\u00f3 h\u00e0ng tri\u1ec7u ng\u01b0\u1eddi truy c\u1eadp m\u1ed7i ng\u00e0y. Lazy load ti\u1ebft ki\u1ec7m chi ph\u00ed tuy\u1ec7t \u0111\u1ed1i kh\u00f4ng h\u1ec1 nh\u1ecf cho h\u1ecd.<\/p>\n\n\n<p>Tuy nhi\u00ean nhi\u1ec1u trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed c\u0169ng c\u00f3 s\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi truy c\u1eadp l\u1edbn l\u1ea1i kh\u00f4ng \u00e1p d\u1ee5ng lazy load, \u0111\u1eb7c bi\u1ec7t l\u00e0 t\u1ea1i trang b\u00e1n s\u1ea3n ph\u1ea9m (tr\u00ean c\u00e1c trang chia s\u1ebb ki\u1ebfn th\u1ee9c c\u00f3 th\u1ec3 h\u1ecd v\u1eabn \u00e1p d\u1ee5ng lazy load). Nguy\u00ean nh\u00e2n l\u00e0 r\u1ee7i ro kh\u00f4ng hi\u1ec3n th\u1ecb \u1ea3nh trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y s\u1ebd ph\u1ea3i tr\u1ea3 c\u00e1i gi\u00e1 cao h\u01a1n nhi\u1ec1u vi\u1ec7c \u0111\u1ea7u t\u01b0 th\u00eam m\u00e1y ch\u1ee7 \u0111\u1ec3 t\u1ea3i \u1ea3nh ngay l\u1eadp t\u1ee9c.<\/p>\n\n\n<p>Gi\u00e1 tr\u1ecb 1 visitor tr\u00ean c\u00e1c trang gi\u1ea3i tr\u00ed nh\u1ecf h\u01a1n nhi\u1ec1u gi\u00e1 tr\u1ecb 1 visitor tr\u00ean trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed.<\/p>\n\n\n<p>(*): V\u1eabn c\u00f3 nh\u1eefng ngo\u1ea1i l\u1ec7. M\u1ed9t trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed l\u1edbn l\u00e0 \u0110i\u1ec7n M\u00e1y Xanh \u00e1p d\u1ee5ng lazy load \u1ea3nh ngay c\u1ea3 tr\u00ean trang b\u00e1n s\u1ea3n ph\u1ea9m c\u1ee7a h\u1ecd. T\u00f4i th\u1ef1c s\u1ef1 ng\u1ea1c nhi\u00ean khi nh\u1eadn th\u1ea5y \u0111i\u1ec1u \u0111\u00f3, nh\u01b0ng ch\u1eafc ch\u1eafn h\u1ecd c\u00f3 l\u00fd do \u0111\u1ec3 l\u00e0m v\u1eady (ti\u1ec1n m\u00e1y ch\u1ee7 ch\u1eafc h\u1eb3n kh\u00f4ng ph\u1ea3i l\u00e0 v\u1ea5n \u0111\u1ec1, t\u00f4i \u0111o\u00e1n r\u1eb1ng h\u1ecd t\u1eadp trung v\u00e0o v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9: c\u00e1c trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed c\u00f3 r\u1ea5t nhi\u1ec1u \u1ea3nh, c\u00f3 th\u1ec3 l\u00ean \u0111\u1ebfn h\u00e0ng 100 \u1ea3nh tr\u00ean trang category).<\/p>\n\n\n<p>[C\u1eadp nh\u1eadt: hi\u1ec7n r\u1ea5t nhi\u1ec1u trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed l\u1edbn \u0111\u1ec1u s\u1eed d\u1ee5ng lazy load \u1ea3nh, c\u01a1 s\u1edf \u0111\u1ec3 h\u1ecd t\u1ef1 tin l\u00e0m \u0111i\u1ec1u \u0111\u00f3 g\u1ed3m hai y\u1ebfu t\u1ed1: (1) c\u00f4ng ngh\u1ec7 lazy load \u1ea3nh \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n r\u1ea5t nhi\u1ec1u, \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c gi\u1ea3m \u0111\u00e1ng k\u1ec3, (2) c\u00e1c c\u00f4ng ty n\u00e0y \u0111\u1ec1u s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/cdn-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN ch\u1ea5t l\u01b0\u1ee3ng cao<\/a>, gi\u00fap t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh \u0111\u01b0\u1ee3c \u0111\u1ea9y l\u00ean t\u1ed1i \u0111a.]<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Ket_luan\"><\/span>5. K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Cu\u1ed1i c\u00f9ng lazy load \u1ea3nh kh\u00f4ng ph\u1ea3i l\u00e0 bi\u1ec7n ph\u00e1p b\u1eaft bu\u1ed9c d\u00e0nh cho c\u00e1c website nh\u1ecf v\u00e0 trung b\u00ecnh n\u1eefa, n\u00f3 gi\u1edd \u0111\u00e2y nh\u1eafm t\u1edbi vi\u1ec7c ti\u1ebft ki\u1ec7m chi ph\u00ed, c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 tr\u00ean c\u00e1c h\u1ec7 th\u1ed1ng website r\u1ea5t l\u1edbn ho\u1eb7c\/v\u00e0 nhi\u1ec1u \u1ea3nh.<\/p>\n\n\n<p>C\u00e1c website nh\u1ecf\/trung b\u00ecnh t\u1ea5t nhi\u00ean ch\u1eb3ng m\u1eb7n m\u00e0 v\u1edbi \u0111i\u1ec1u n\u00e0y, h\u1ecd c\u00f3 th\u1ec3 s\u1eb5n s\u00e0ng b\u1ecf ra th\u00eam 10 &#8211; 20$ \u0111\u1ec3 \u0111\u00e1p \u1ee9ng l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp t\u0103ng th\u00eam thay v\u00ec ph\u1ea3i lo l\u1eafng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng. V\u1edbi nh\u1eefng ch\u1ee7 trang kh\u00f4ng s\u1eb5n s\u00e0ng \u0111\u1ea7u t\u01b0 th\u00eam ti\u1ec1n, h\u1ecd s\u1ebd ngh\u0129 \u0111\u1ebfn vi\u1ec7c d\u00f9ng CDN mi\u1ec5n ph\u00ed t\u1eeb nh\u1eefng c\u00e1i t\u00ean nh\u01b0 CloudFlare hay <a href=\"https:\/\/kiencang.net\/plugin-jetpack-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetPack<\/a> (CDN c\u1ee7a \u00f4ng ch\u1ee7 WordPress \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n kh\u00e1 nhi\u1ec1u).<\/p>\n\n\n<blockquote class=\"wp-block-quote\"><p>Nh\u01b0 v\u1eady \u0111\u1ed1i v\u1edbi \u0111a s\u1ed1 website th\u00f4ng th\u01b0\u1eddng (kh\u00f4ng nhi\u1ec1u \u1ea3nh v\u00e0 l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp kh\u00f4ng l\u1edbn), \u1edf tr\u00ean k\u1ebft n\u1ed1i t\u1ed1c \u0111\u1ed9 cao v\u00e0 \u1ed5n \u0111\u1ecbnh lazy load kh\u00f4ng \u0111em l\u1ea1i l\u1ee3i \u00edch \u0111\u00e1ng k\u1ec3. C\u00f2n v\u1edbi k\u1ebft n\u1ed1i t\u1ed1c \u0111\u1ed9 ch\u1eadm, c\u00f3 \u0111\u1ed9 tr\u1ec5 cao tr\u00ean di \u0111\u1ed9ng n\u00f3 l\u1ea1i \u0111\u1ea7y r\u1ee7i ro! H\u1ec7 qu\u1ea3 lazy load kh\u00f4ng ph\u1ed5 bi\u1ebfn nh\u01b0 ch\u00fang ta t\u01b0\u1edfng, m\u1eb7c d\u00f9 b\u1ec1 ngo\u00e0i n\u00f3 r\u1ea5t h\u1ea5p d\u1eabn.<\/p><\/blockquote>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bonus\"><\/span>Bonus<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Ngay c\u1ea3 tr\u00ean k\u1ebft n\u1ed1i m\u00e1y b\u00e0n c\u0169ng c\u00f3 th\u1ec3 ch\u1eadp ch\u1eddn v\u00e0 l\u00e0m cho lazy load tr\u1edf n\u00ean t\u1ec7. C\u00f3 l\u1ebd b\u1ea1n \u0111\u00e3 tr\u1ea3i nghi\u1ec7m hi\u1ec7n t\u01b0\u1ee3ng n\u00e0y khi \u1edf x\u00f3m tr\u1ecd ho\u1eb7c nh\u00e0 cao t\u1ea7ng, chung c\u01b0 khi m\u00e1y t\u00ednh xa n\u01a1i ph\u00e1t wifi, khi \u1ea5y t\u1ed1c \u0111\u1ed9 c\u00f3 th\u1ec3 gi\u1ea3m t\u1eeb 5 \u0111\u1ebfn 10 l\u1ea7n.<\/p>\n\n\n<p>T\u00f4i c\u00f3 bi quan qu\u00e1 v\u1ec1 lazy load \u1ea3nh hay kh\u00f4ng? Li\u1ec7u c\u00f3 c\u01a1 h\u1ed9i n\u00e0o cho n\u00f3 n\u1eefa?<\/p>\n\n\n<p>T\u00f4i ngh\u0129 l\u00e0 c\u00f3:<\/p>\n\n\n<ul><li>B\u1ea3n th\u00e2n s\u1ef1 ra \u0111\u1eddi c\u1ee7a <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">native lazy load tr\u00ean Chrome<\/a> l\u00e0 c\u1ea3i ti\u1ebfn \u0111\u00e1ng ch\u00fa \u00fd.<\/li><li>T\u1ea3i tr\u01b0\u1edbc \u1ea3nh khi \u1ea3nh k\u1ecbp v\u00e0o khung h\u00ecnh + nh\u1eadn bi\u1ebft t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i c\u0169ng gi\u00fap gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 \u1edf m\u1ee9c \u0111\u1ed9 nh\u1ea5t \u0111\u1ecbnh (nh\u1ea5t l\u00e0 tr\u00ean m\u00e1y b\u00e0n, n\u00f3 gi\u00fap tri\u1ec7t ti\u00eau \u1ea3nh h\u01b0\u1edfng ti\u00eau c\u1ef1c \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng).<\/li><li>Vi\u1ec7c cho ph\u00e9p ch\u1ecdn l\u1ef1a lazy load tr\u00ean c\u00e1c thi\u1ebft b\u1ecb kh\u00e1c nhau (ch\u1eb3ng h\u1ea1n tr\u00ean m\u00e1y b\u00e0n th\u00ec b\u1eadt, \u0111i\u1ec7n tho\u1ea1i th\u00ec kh\u00f4ng) gi\u00fap n\u00f3 c\u00f3 kh\u1ea3 n\u0103ng \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p nhi\u1ec1u h\u01a1n do tr\u00e1nh \u0111\u01b0\u1ee3c t\u00ecnh hu\u1ed1ng ti\u1ebfn tho\u00e1i l\u01b0\u1ee1ng nan do t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i, \u0111\u1ed9 tr\u1ec5 ch\u00eanh l\u1ec7ch nhi\u1ec1u tr\u00ean hai n\u1ec1n t\u1ea3ng kh\u00e1c nhau.<\/li><li>T\u1ed1c \u0111\u1ed9 internet c\u00f3 xu h\u01b0\u1edbng t\u0103ng v\u00e0 \u1ed5n \u0111\u1ecbnh h\u01a1n tr\u00ean di \u0111\u1ed9ng s\u1ebd khi\u1ebfn ng\u01b0\u1eddi ta b\u1edbt lo l\u1eafng v\u1ec1 hi\u1ec7n t\u01b0\u1ee3ng &#8220;\u1ea3nh ch\u01b0a k\u1ecbp t\u1ea3i&#8221;. Tuy nhi\u00ean c\u00f3 v\u1ebb \u0111i\u1ec1u n\u00e0y c\u0169ng kh\u00f3 c\u1ea3i thi\u1ec7n s\u1edbm \u0111\u01b0\u1ee3c.<\/li><li>CDN v\u1edbi h\u1ec7 th\u1ed1ng m\u00e1y ch\u1ee7 ph\u00e2n t\u00e1n kh\u1eafp c\u00e1c \u0111\u1ecba \u0111i\u1ec3m tr\u1ecdng y\u1ebfu gi\u00fap t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 (c\u00f3 th\u1ec3 \u0111\u00e2y l\u00e0 nguy\u00ean nh\u00e2n ch\u00ednh khi\u1ebfn m\u1ed9t s\u1ed1 trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed t\u1ef1 tin tri\u1ec3n khai lazy load \u1ea3nh).<\/li><li>B\u1ea1n c\u00f3 th\u1ec3 t\u1eadn d\u1ee5ng ti\u1ec1m t\u0103ng t\u0103ng t\u1ed1c c\u1ee7a lazy load trong khi gi\u1ea3m \u0111\u01b0\u1ee3c \u1ea3nh h\u01b0\u1edfng ti\u00eau c\u1ef1c c\u1ee7a n\u00f3 b\u1eb1ng c\u00e1ch ch\u1ec9 t\u1ea3i l\u01b0\u1eddi c\u00e1c \u1ea3nh \u1edf s\u00e2u d\u01b0\u1edbi m\u00e0n h\u00ecnh v\u00e0 kh\u00f4ng quan tr\u1ecdng l\u1eafm.<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mot_so_cau_hoi\"><\/span>M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><em>1. T\u00f4i c\u00f3 n\u00ean tri\u1ec3n khai lazy load \u1ea3nh n\u1ebfu s\u1ed1 l\u01b0\u1ee3ng c\u0169ng nh\u01b0 dung l\u01b0\u1ee3ng \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean kh\u00f4ng nhi\u1ec1u. L\u01b0u l\u01b0\u1ee3ng truy c\u1eadp c\u0169ng ch\u1ec9 trung b\u00ecnh m\u00e0 th\u00f4i?<\/em><\/p>\n\n\n<p>C\u00e2u tr\u1ea3 l\u1eddi: H\u1ea7u nh\u01b0 l\u00e0 kh\u00f4ng. B\u1ea1n s\u1ebd kh\u00f4ng nh\u1eadn \u0111\u01b0\u1ee3c l\u1ee3i \u00edch \u0111\u00e1ng k\u1ec3 n\u1ebfu dung l\u01b0\u1ee3ng v\u00e0 s\u1ed1 l\u01b0\u1ee3ng \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean kh\u00f4ng nhi\u1ec1u. C\u1ed9ng v\u1edbi vi\u1ec7c l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp trung b\u00ecnh t\u00f4i ngh\u0129 lazy load \u0111\u1eb7c bi\u1ec7t kh\u00f4ng c\u1ea7n thi\u1ebft trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y.<\/p>\n\n\n<p><em>2. T\u00f4i c\u00f3 n\u00ean tri\u1ec3n khai lazy load \u1ea3nh kh\u00f4ng n\u1ebfu l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp v\u00e0o website c\u1ee7a t\u00f4i kh\u00f4ng l\u1edbn, nh\u01b0ng dung l\u01b0\u1ee3ng \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u1ea1i nhi\u1ec1u?<\/em><\/p>\n\n\n<p>C\u00e2u tr\u1ea3 l\u1eddi: L\u01b0u l\u01b0\u1ee3ng truy c\u1eadp kh\u00f4ng l\u1edbn, c\u00f3 ngh\u0129a l\u00e0 lazy load \u1ea3nh kh\u00f4ng \u0111\u00f3ng g\u00f3p g\u00ec nhi\u1ec1u cho vi\u1ec7c gi\u1ea3m t\u1ea3i m\u00e1y ch\u1ee7. Nh\u01b0ng khi website c\u00f3 dung l\u01b0\u1ee3ng \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u1edbn th\u00ec vi\u1ec7c tri\u1ec3n khai lazy load ch\u1eafc ch\u1eafn s\u1ebd gi\u00fap c\u1ea3i thi\u1ec7n th\u1eddi gian t\u1ea3i trang \u0111\u00e1ng k\u1ec3, v\u00e0 n\u1ebfu m\u1ee5c ti\u00eau c\u1ee7a b\u1ea1n l\u00e0 t\u0103ng t\u1ed1c hi\u1ec3n th\u1ecb trang th\u00ec lazy load \u0111\u00e1ng c\u00e2n nh\u1eafc.<\/p>\n\n\n<p>Trong khi lazy load h\u1ea7u nh\u01b0 kh\u00f4ng g\u1eb7p v\u1ea5n \u0111\u1ec1 v\u1ec1 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng tr\u00ean m\u00e1y b\u00e0n khi \u0111\u01b0\u1ee3c l\u00e0m \u0111\u00fang c\u00e1ch th\u00ec tr\u00ean di \u0111\u1ed9ng c\u00f3 th\u1ec3 c\u00f3 v\u1ea5n \u0111\u1ec1. N\u1ebfu website c\u1ee7a b\u1ea1n c\u00f3 ph\u1ea7n \u0111\u00f4ng ng\u01b0\u1eddi d\u00f9ng l\u00e0 m\u00e1y b\u00e0n, h\u00e3y an t\u00e2m tri\u1ec3n khai. N\u1ebfu ng\u01b0\u1ee3c l\u1ea1i b\u1ea1n c\u1ea7n ki\u1ec3m tra tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng, v\u00e0 c\u00f3 th\u1ec3 n\u00ean t\u00edch h\u1ee3p CDN \u0111\u1ec3 \u0111\u1ed9 tr\u1ec5 gi\u1ea3m xu\u1ed1ng t\u1ed1i \u0111a. C\u0103n c\u1ee9 tr\u00ean t\u00ecnh h\u00ecnh th\u1ef1c t\u1ebf b\u1ea1n s\u1ebd quy\u1ebft \u0111\u1ecbnh c\u00f3 n\u00ean tri\u1ec3n khai hay kh\u00f4ng.<\/p>\n\n\n<p><em>3. T\u00f4i c\u00f3 n\u00ean tri\u1ec3n khai lazy load \u1ea3nh kh\u00f4ng n\u1ebfu t\u00f4i kh\u00f4ng c\u00f3 nhi\u1ec1u \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean nh\u01b0ng website l\u1ea1i c\u00f3 l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp cao<\/em><\/p>\n\n\n<p>Tri\u1ec3n khai lazy load \u1ea3nh trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y kh\u00f4ng c\u1ea3i thi\u1ec7n \u0111\u01b0\u1ee3c t\u1ed1c \u0111\u1ed9 hi\u1ec3n th\u1ecb nhi\u1ec1u, nh\u01b0ng n\u00f3 c\u00f3 kh\u1ea3 n\u0103ng gi\u00fap b\u1ea1n tr\u00e1nh ph\u1ea3i n\u00e2ng c\u1ea5p m\u00e1y ch\u1ee7, m\u00e0 khi quy ra gi\u00e1 tr\u1ecb ti\u1ec1n m\u1eb7t c\u00f3 kh\u1ea3 n\u0103ng kh\u00f4ng nh\u1ecf.<\/p>\n\n\n<p>Tuy nhi\u00ean gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7 c\u00f3 nhi\u1ec1u c\u00e1ch kh\u00e1c t\u1ed1t h\u01a1n \u0111\u1ec3 l\u00e0m thay v\u00ec d\u00f9ng lazy load, v\u1ed1n r\u1ea5t r\u1ee7i ro tr\u00ean di \u0111\u1ed9ng.<\/p>\n\n\n<p>V\u00e0i c\u00e1ch d\u01b0\u1edbi \u0111\u00e2y b\u1ea1n n\u00ean \u00e1p d\u1ee5ng \u0111\u1ed3ng th\u1eddi \u0111\u1ec3 cho hi\u1ec7u qu\u1ea3 t\u1ed1t nh\u1ea5t:<\/p>\n\n\n<ul><li>S\u1eed d\u1ee5ng d\u1ecbch v\u1ee5 CDN mi\u1ec5n ph\u00ed c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao, v\u00ed d\u1ee5 nh\u01b0 c\u1ee7a CloudFlare ho\u1eb7c JetPack.<\/li><li>N\u00e9n \u1ea3nh \u0111em l\u1ea1i kh\u1ea3 n\u0103ng ti\u1ebft ki\u1ec7m t\u1eeb 5 &#8211; 20% dung l\u01b0\u1ee3ng \u1ea3nh.<\/li><\/ul>\n\n\n<p><em>4. Trang c\u1ee7a t\u00f4i v\u1eeba c\u00f3 nhi\u1ec1u \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, v\u1eeba c\u00f3 l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp l\u1edbn, t\u00f4i ch\u1eafc ch\u1eafn ph\u1ea3i tri\u1ec3n khai lazy load \u1ea3nh \u0111\u00fang kh\u00f4ng<\/em><\/p>\n\n\n<p>\u0110\u00e2y l\u00e0 tr\u01b0\u1eddng h\u1ee3p c\u00f3 kh\u1ea3 n\u0103ng cao nh\u1ea5t \u00e1p d\u1ee5ng lazy load \u1ea3nh, khi n\u00f3 c\u00f3 tri\u1ec3n v\u1ecdng \u0111em l\u1ea1i l\u1ee3i \u00edch k\u00e9p r\u00f5 r\u00e0ng l\u00e0: c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang v\u00e0 gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7 r\u1ea5t nhi\u1ec1u.<\/p>\n\n\n<p>Nh\u01b0ng nh\u01b0 \u0111\u00e3 n\u00f3i, v\u00ec \u1ea3nh h\u01b0\u1edfng c\u1ee7a ki\u1ec3u k\u1ebft n\u1ed1i tr\u00ean di \u0111\u1ed9ng, b\u1ea1n n\u00ean k\u1ebft h\u1ee3p v\u1edbi d\u1ecbch v\u1ee5 CDN ch\u1ea5t l\u01b0\u1ee3ng cao, c\u00f3 m\u00e1y ch\u1ee7 ph\u00e2n t\u00e1n r\u1ed9ng kh\u1eafp \u0111\u1ec3 h\u1ea1n ch\u1ebf t\u1ed1i \u0111a \u0111\u1ed9 tr\u1ec5, qua \u0111\u00f3 gi\u1ea3m thi\u1ec3u hi\u1ec7n t\u01b0\u1ee3ng &#8220;\u1ea3nh ch\u01b0a k\u1ecbp t\u1ea3i&#8221; khi ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 k\u00e9o \u0111\u1ebfn khung nh\u00ecn thi\u1ebft b\u1ecb.<\/p>\n\n\n<p>B\u1ea3ng t\u00f3m t\u1eaft:<\/p>\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&nbsp;<\/td><td><strong>L\u01b0u l\u01b0\u1ee3ng truy c\u1eadp th\u1ea5p<\/strong><\/td><td><strong>L\u01b0u l\u01b0\u1ee3ng truy c\u1eadp cao<\/strong><\/td><\/tr><tr><td><strong>\u00cdt \u1ea3nh<\/strong><\/td><td>Kh\u00f4ng n\u00ean d\u00f9ng Lazy Load \u1ea3nh. H\u1ea7u nh\u01b0 kh\u00f4ng \u0111em l\u1ea1i l\u1ee3i \u00edch g\u00ec \u0111\u1eb7c bi\u1ec7t.<\/td><td>C\u00f3 th\u1ec3 kh\u00f4ng c\u1ea7n d\u00f9ng. S\u1eed d\u1ee5ng c\u00e1c bi\u1ec7n ph\u00e1p kh\u00e1c \u0111\u1ec3 gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7 n\u1ebfu c\u1ea7n.<\/td><\/tr><tr><td><strong>Nhi\u1ec1u \u1ea3nh<\/strong><\/td><td>C\u00f3 th\u1ec3 d\u00f9ng \u0111\u1ec3 gi\u1ea3m th\u1eddi gian t\u1ea3i trang, c\u00e2n nh\u1eafc k\u1ebft h\u1ee3p CDN \u0111\u1ec3 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/td><td>N\u00ean d\u00f9ng, c\u00e2n nh\u1eafc k\u1ebft h\u1ee3p v\u1edbi CDN ch\u1ea5t l\u01b0\u1ee3ng cao \u0111\u1ec3 kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u1eddi: b\u00e0i vi\u1ebft n\u00e0y ra \u0111\u1eddi c\u00e1ch \u0111\u00e2y kh\u00e1 l\u00e2u, t\u00f4i m\u1edbi c\u1eadp nh\u1eadt l\u1ea1i m\u1ed9t ch\u00fat. \u1ede th\u1eddi \u0111i\u1ec3m hi\u1ec7n t\u1ea1i nh\u00ecn chung lazy load \u1ea3nh tri\u1ec3n khai \u0111\u01b0\u1ee3c tr\u00ean h\u1ea7u h\u1ebft ki\u1ec3u website v\u00ec n\u00f3 ng\u00e0y c\u00e0ng \u00edt r\u1ee7i ro (c\u00f4ng ngh\u1ec7 thay \u0111\u1ed5i ch\u00f3ng m\u1eb7t th\u1eadt!). N\u1ed9i dung b\u00ean d\u01b0\u1edbi v\u1eabn &hellip;<\/p>\n","protected":false},"author":1,"featured_media":14564,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[274],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i? &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"description\" content=\"Lazy load \u1ea3nh gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng c\u00f3 k\u1ebft n\u1ed1i th\u1ea5p v\u00e0 ph\u1ea7n c\u1ee9ng y\u1ebfu n\u00f3 kh\u00f4ng \u1ed5n \u0111\u1ecbnh. \u0110i\u1ec1u \u0111\u00f3 d\u1eabn \u0111\u1ebfn r\u1ee7i ro trong b\u1ed1i c\u1ea3nh t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng di \u0111\u1ed9ng ng\u00e0y c\u00e0ng t\u0103ng.\" \/>\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\/lazy-load-anh-khong-hap-dan\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i? &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Lazy load \u1ea3nh gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng c\u00f3 k\u1ebft n\u1ed1i th\u1ea5p v\u00e0 ph\u1ea7n c\u1ee9ng y\u1ebfu n\u00f3 kh\u00f4ng \u1ed5n \u0111\u1ecbnh. \u0110i\u1ec1u \u0111\u00f3 d\u1eabn \u0111\u1ebfn r\u1ee7i ro trong b\u1ed1i c\u1ea3nh t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng di \u0111\u1ed9ng ng\u00e0y c\u00e0ng t\u0103ng.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/\" \/>\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-02-22T20:01:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/06\/nut-chia-se-mang-xa-hoi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\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=\"15 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i? &#8226; Ki\u1ebfn c\u00e0ng","description":"Lazy load \u1ea3nh gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng c\u00f3 k\u1ebft n\u1ed1i th\u1ea5p v\u00e0 ph\u1ea7n c\u1ee9ng y\u1ebfu n\u00f3 kh\u00f4ng \u1ed5n \u0111\u1ecbnh. \u0110i\u1ec1u \u0111\u00f3 d\u1eabn \u0111\u1ebfn r\u1ee7i ro trong b\u1ed1i c\u1ea3nh t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng di \u0111\u1ed9ng ng\u00e0y c\u00e0ng t\u0103ng.","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\/lazy-load-anh-khong-hap-dan\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i? &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Lazy load \u1ea3nh gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng c\u00f3 k\u1ebft n\u1ed1i th\u1ea5p v\u00e0 ph\u1ea7n c\u1ee9ng y\u1ebfu n\u00f3 kh\u00f4ng \u1ed5n \u0111\u1ecbnh. \u0110i\u1ec1u \u0111\u00f3 d\u1eabn \u0111\u1ebfn r\u1ee7i ro trong b\u1ed1i c\u1ea3nh t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng di \u0111\u1ed9ng ng\u00e0y c\u00e0ng t\u0103ng.","og_url":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2022-02-22T20:01:00+00:00","og_image":[{"width":640,"height":320,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/06\/nut-chia-se-mang-xa-hoi.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":"15 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/","url":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/","name":"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i? &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2022-02-22T20:01:00+00:00","dateModified":"2022-02-22T20:01:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"description":"Lazy load \u1ea3nh gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang, nh\u01b0ng tr\u00ean di \u0111\u1ed9ng c\u00f3 k\u1ebft n\u1ed1i th\u1ea5p v\u00e0 ph\u1ea7n c\u1ee9ng y\u1ebfu n\u00f3 kh\u00f4ng \u1ed5n \u0111\u1ecbnh. \u0110i\u1ec1u \u0111\u00f3 d\u1eabn \u0111\u1ebfn r\u1ee7i ro trong b\u1ed1i c\u1ea3nh t\u1ef7 l\u1ec7 ng\u01b0\u1eddi d\u00f9ng di \u0111\u1ed9ng ng\u00e0y c\u00e0ng t\u0103ng.","breadcrumb":{"@id":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"T\u1ea1i sao Lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i?"}]},{"@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\/16845"}],"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=16845"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16845\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/14564"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}