{"id":11866,"date":"2020-05-20T10:53:00","date_gmt":"2020-05-20T03:53:00","guid":{"rendered":"https:\/\/www.ducanhplus.com\/?p=11866"},"modified":"2020-05-20T10:53:00","modified_gmt":"2020-05-20T03:53:00","slug":"khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong","status":"publish","type":"post","link":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/","title":{"rendered":"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng?"},"content":{"rendered":"\n<p>\u1ea2nh l\u00e0 th\u00e0nh ph\u1ea7n chi\u1ebfm dung l\u01b0\u1ee3ng l\u1edbn tr\u00ean website n\u00ean c\u00f3 nhi\u1ec1u bi\u1ec7n ph\u00e1p ch\u1ee7 \u0111\u1ed9ng can thi\u1ec7p v\u00e0o n\u00f3 \u0111\u1ec3 gi\u1ea3m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang.<\/p>\n\n\n<p>M\u1ed9t s\u1ed1 bi\u1ec7n ph\u00e1p \u0111\u00f3 bao g\u1ed3m:<\/p>\n\n\n<ul><li>N\u00e9n \u1ea3nh: <a href=\"https:\/\/kiencang.net\/toi-uu-hoa-anh-tren-web\/\">g\u1ed3m n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng<\/a> \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. C\u00f3 <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-wordpress\/\">r\u1ea5t nhi\u1ec1u plugin WordPress c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c c\u00f4ng vi\u1ec7c n\u00e0y<\/a><\/li><li>S\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\">\u0111\u1ecbnh d\u1ea1ng \u1ea3nh m\u1edbi WebP<\/a>: cho \u1ea3nh c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng t\u01b0\u01a1ng \u0111\u01b0\u01a1ng nh\u01b0ng dung l\u01b0\u1ee3ng gi\u1ea3m t\u1ed1t h\u01a1n so v\u1edbi n\u00e9n th\u00f4ng th\u01b0\u1eddng. B\u1ea3n th\u00e2n WebP c\u0169ng l\u00e0 m\u1ed9t d\u1ea1ng \u1ea3nh n\u00e9n (tuy nhi\u00ean WebP g\u1eb7p m\u1ed9t c\u1ea3n tr\u1edf r\u1ea5t l\u1edbn l\u00e0 hi\u1ec7n v\u1eabn <a rel=\"noreferrer noopener\" href=\"https:\/\/caniuse.com\/#search=webp\" target=\"_blank\">ch\u01b0a \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 bi\u1ebfn h\u1ed7 tr\u1ee3<\/a> (\u0111\u1eb7c bi\u1ec7t l\u00e0 Safari), trong khi c\u00e1c \u0111o\u1ea1n m\u00e3 h\u1ed7 tr\u1ee3 d\u1ef1 ph\u00f2ng c\u1ea3 2 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh l\u1ea1i l\u00e0 v\u1ea5n \u0111\u1ec1 r\u1ea5t k\u1ef9 thu\u1eadt, g\u00e2y c\u1ea3n tr\u1edf cho ng\u01b0\u1eddi qu\u1ea3n tr\u1ecb kh\u00f4ng chuy\u00ean s\u00e2u v\u1ec1 code)<\/li><li><a href=\"https:\/\/kiencang.net\/cdn-la-gi\/\">S\u1eed d\u1ee5ng CDN<\/a> \u0111\u1ec3 gi\u1ea3m \u0111\u1ed9 tr\u1ec5 c\u1ee7a m\u1ea1ng internet do qu\u00e3ng \u0111\u01b0\u1eddng truy\u1ec1n t\u1ea3i d\u1eef li\u1ec7u xa \u0111\u1ebfn m\u00e1y ch\u1ee7 g\u1ed1c, n\u00f3 \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng cho t\u1ea5t c\u1ea3 c\u00e1c file t\u0129nh kh\u00e1c, ch\u1ee9 kh\u00f4ng ri\u00eang g\u00ec \u1ea3nh<\/li><li>Lazy load: l\u00e0 k\u1ef9 thu\u1eadt x\u00e0i \u0111\u1ebfn \u0111\u00e2u t\u1ea3i \u0111\u1ebfn \u0111\u00f3, ch\u1ec9 khi \u1ea3nh trong (ho\u1eb7c \u1edf g\u1ea7n) khung nh\u00ecn tr\u00ecnh duy\u1ec7t (viewport) c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u00ec tr\u00ecnh duy\u1ec7t m\u1edbi t\u1ea3i \u1ea3nh t\u1eeb m\u00e1y ch\u1ee7 v\u1ec1<\/li><\/ul>\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n t\u00ecm hi\u1ec3u k\u1ef9 h\u01a1n v\u1ec1 vi\u1ec7c <a href=\"https:\/\/kiencang.net\/toi-uu-hoa-toc-do-tai-anh\/\">t\u1ed1i \u01b0u h\u00f3a t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh th\u00ec \u0111\u1ecdc b\u00e0i n\u00e0y<\/a>. C\u00f2n \u0111\u01b0\u1eddng d\u1eabn ti\u1ebfp theo d\u00e0nh cho nh\u1eefng ai mu\u1ed1n <a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00ecm hi\u1ec3u s\u00e2u k\u1ef9 thu\u1eadt lazy load \u1ea3nh v\u00e0 video<\/a>.<\/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-6577d6385d9cc\" ><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-6577d6385d9cc\"  type=\"checkbox\" id=\"item-6577d6385d9cc\"><\/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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#Lazy_load_boc_lo_nhieu_uu_the_tren_may_ban\" title=\"Lazy load b\u1ed9c l\u1ed9 nhi\u1ec1u \u01b0u th\u1ebf tr\u00ean m\u00e1y b\u00e0n\">Lazy load b\u1ed9c l\u1ed9 nhi\u1ec1u \u01b0u th\u1ebf 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-2\" href=\"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#Tai_sao_thiet_bi_di_dong_lai_la_van_de\" title=\"T\u1ea1i sao thi\u1ebft b\u1ecb di \u0111\u1ed9ng l\u1ea1i l\u00e0 v\u1ea5n \u0111\u1ec1\">T\u1ea1i sao thi\u1ebft b\u1ecb di \u0111\u1ed9ng l\u1ea1i l\u00e0 v\u1ea5n \u0111\u1ec1<\/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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#Giai_phap_thay_the\" title=\"Gi\u1ea3i ph\u00e1p thay th\u1ebf\">Gi\u1ea3i ph\u00e1p thay th\u1ebf<\/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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#Van_de_ky_thuat\" title=\"V\u1ea5n \u0111\u1ec1 k\u1ef9 thu\u1eadt\">V\u1ea5n \u0111\u1ec1 k\u1ef9 thu\u1eadt<\/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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#Bonus_Van_co_kha_nang_lazy_load_anh_tren_di_dong_neu_duoc_thuc_hien_kheo_leo\" title=\"Bonus: V\u1eabn c\u00f3 kh\u1ea3 n\u0103ng lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng n\u1ebfu \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n kh\u00e9o l\u00e9o\">Bonus: V\u1eabn c\u00f3 kh\u1ea3 n\u0103ng lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng n\u1ebfu \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n kh\u00e9o l\u00e9o<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"lazy-load-b\u1ed9c-l\u1ed9-nhi\u1ec1u-\u01b0u-th\u1ebf-tren-may-ban\"><span class=\"ez-toc-section\" id=\"Lazy_load_boc_lo_nhieu_uu_the_tren_may_ban\"><\/span>Lazy load b\u1ed9c l\u1ed9 nhi\u1ec1u \u01b0u th\u1ebf tr\u00ean m\u00e1y b\u00e0n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>V\u00ec m\u00e1y b\u00e0n c\u00f3 t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i internet cao, \u1ed5n \u0111\u1ecbnh, v\u00e0 ph\u1ea7n c\u1ee9ng x\u1eed l\u00fd d\u1eef li\u1ec7u c\u1ee7a m\u00e1y b\u00e0n c\u0169ng t\u1ed1t h\u01a1n n\u00ean lazy load \u1ea3nh tr\u00ean m\u00e1y b\u00e0n h\u1ea7u nh\u01b0 kh\u00f4ng g\u1eb7p v\u1ea5n \u0111\u1ec1 g\u00ec, th\u01b0\u1eddng th\u00ec ch\u1ec9 c\u00f3 m\u1ed9t ch\u00fat gi\u1eadt c\u1ee5c, v\u00e0 n\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c kh\u1eafc ph\u1ee5c b\u1eb1ng m\u1ed9t s\u1ed1 bi\u1ec7n ph\u00e1p can thi\u1ec7p tinh t\u1ebf nh\u01b0 l\u00e0m blur \u0111\u1ec3 \u1ea3nh hi\u1ec7n d\u1ea7n trong t\u1ea7m m\u1eaft ng\u01b0\u1eddi d\u00f9ng. Trang web l\u00e0m \u0111i\u1ec1u n\u00e0y r\u1ea5t xu\u1ea5t s\u1eafc l\u00e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/\" target=\"_blank\">medium.com<\/a>, v\u1edbi hi\u1ec7u \u1ee9ng \u1ea3nh xu\u1ea5t hi\u1ec7n r\u1ea5t m\u1ec1m m\u1ea1i. M\u1ed9t c\u00e1ch kh\u00e1c n\u1eefa l\u00e0 t\u1ea3i tr\u01b0\u1edbc \u1ea3nh khi n\u00f3 c\u00e1ch khung nh\u00ecn m\u1ed9t ng\u01b0\u1ee1ng (threshold) n\u00e0o \u0111\u00f3, ch\u1eb3ng h\u1ea1n 1000px ho\u1eb7c 2000px, plugin gi\u00fap b\u1ea1n l\u00e0m \u0111i\u1ec1u n\u00e0y l\u00e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\">Flying Images<\/a> (plugin n\u00e0y c\u00f2n cung c\u1ea5p CDN mi\u1ec5n ph\u00ed c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng kh\u00e1 t\u1ed1t, r\u1ea5t h\u1ee3p khi tri\u1ec3n khai tr\u00ean c\u00e1c s\u1ea3n ph\u1ea9m, d\u1ecbch v\u1ee5 c\u1ea7n ti\u1ebft ki\u1ec7m chi ph\u00ed), ngo\u00e0i ra b\u1ea1n c\u00f3 th\u1ec3 th\u1eed a3 Lazy Load.<\/p>\n\n\n<p>Lazy load kh\u00f4ng ch\u1ec9 l\u00e0m trang t\u1ea3i nhanh h\u01a1n, n\u00f3 c\u00f2n gi\u00fap ti\u1ebft ki\u1ec7m b\u0103ng th\u00f4ng \u0111\u00e1ng k\u1ec3, khi ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng ph\u1ea3i m\u1ea5t dung l\u01b0\u1ee3ng cho n\u1ed9i dung m\u00e0  h\u1ecd kh\u00f4ng xem. V\u1ea5n \u0111\u1ec1 gi\u1ea3m dung l\u01b0\u1ee3ng kh\u00e1 quan tr\u1ecdng khi k\u1ebft h\u1ee3p v\u1edbi CDN, v\u00ec c\u00e1c d\u1ecbch v\u1ee5 CDN ph\u1ea7n l\u1edbn t\u00ednh chi ph\u00ed theo dung l\u01b0\u1ee3ng, v\u1edbi ki\u1ec3u t\u00ednh ti\u1ec1n d\u00f9ng \u0111\u1ebfn \u0111\u00e2u tr\u1ea3 \u0111\u1ebfn \u0111\u1ea5y (pay-as-you-go).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"t\u1ea1i-sao-thi\u1ebft-b\u1ecb-di-d\u1ed9ng-l\u1ea1i-la-v\u1ea5n-d\u1ec1\"><span class=\"ez-toc-section\" id=\"Tai_sao_thiet_bi_di_dong_lai_la_van_de\"><\/span>T\u1ea1i sao thi\u1ebft b\u1ecb di \u0111\u1ed9ng l\u1ea1i l\u00e0 v\u1ea5n \u0111\u1ec1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Ng\u01b0\u1ee3c l\u1ea1i m\u00e1y b\u00e0n, k\u1ebft n\u1ed1i c\u1ee7a thi\u1ebft b\u1ecb di \u0111\u1ed9ng th\u01b0\u1eddng kh\u00f4ng cao b\u1eb1ng, kh\u00f4ng \u1ed5n \u0111\u1ecbnh b\u1eb1ng, c\u0169ng nh\u01b0 n\u00f3 c\u00f3 ph\u1ea7n c\u1ee9ng y\u1ebfu h\u01a1n trong vi\u1ec7c x\u1eed l\u00fd d\u1eef li\u1ec7u (n\u1ebfu b\u1ea1n \u0111\u1ec3 \u00fd \u0111i\u1ec3m ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 tr\u00ean di \u0111\u1ed9ng l\u00fac n\u00e0o c\u0169ng th\u1ea5p h\u01a1n tr\u00ean m\u00e1y b\u00e0n, c\u00f4ng c\u1ee5 c\u00f3 l\u1ebd b\u1ea1n quen thu\u1ed9c l\u00e0 <a href=\"https:\/\/kiencang.net\/tang-toc-web-pagespeed-insights\/\">Google PageSpeed Insights<\/a>). Ch\u00ednh v\u00ec nh\u1eefng \u0111i\u1ec1u n\u00e0y, lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng <em>c\u00f3 th\u1ec3<\/em> g\u00e2y ra m\u1ed9t s\u1ed1 phi\u1ec1n to\u00e1i r\u1ea5t kh\u00f3 ch\u1ecbu nh\u01b0:<\/p>\n\n\n<ul><li>\u1ea2nh t\u1ea3i v\u1ec1 r\u1ea5t ch\u1eadm, ng\u01b0\u1eddi d\u00f9ng l\u01b0\u1edbt qua ph\u1ea7n c\u00f3 \u1ea3nh m\u00e0 \u0111\u1ee3i m\u1ed9t h\u1ed3i l\u00e2u m\u1edbi th\u1ea5y \u1ea3nh t\u1ea3i v\u1ec1 \u0111\u01b0\u1ee3c<\/li><li>Trong tr\u01b0\u1eddng h\u1ee3p x\u1ea5u nh\u1ea5t, \u1ea3nh th\u1eadm ch\u00ed kh\u00f4ng t\u1ea3i v\u1ec1, t\u1ea1o ra m\u1ed9t kho\u1ea3ng tr\u1ed1ng r\u1ea5t v\u00f4 duy\u00ean<\/li><\/ul>\n\n\n<p>V\u00ec nh\u1eefng l\u00fd do \u0111\u00f3, n\u00f3i chung b\u1ea1n kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng lazy load tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng.<\/p>\n\n\n<p>M\u1ed9t s\u1ed1 plugin t\u1ea1o <a href=\"https:\/\/kiencang.net\/caching-trong-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">cache cho WordPress<\/a> c\u00f3 kh\u1ea3 n\u0103ng b\u1eadt\/t\u1eaft lazy load ri\u00eang tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng, ch\u1eb3ng h\u1ea1n nh\u01b0 <a href=\"https:\/\/wp-rocket.me\/\">WP-Rocket<\/a>.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"gi\u1ea3i-phap-thay-th\u1ebf\"><span class=\"ez-toc-section\" id=\"Giai_phap_thay_the\"><\/span>Gi\u1ea3i ph\u00e1p thay th\u1ebf<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><a href=\"https:\/\/kiencang.net\/tri-hoan-tai-anh\/\">Tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh<\/a> \u0111\u01b0\u1ee3c xem l\u00e0 bi\u1ec7n ph\u00e1p t\u1ed1t h\u01a1n lazy load.<\/p>\n\n\n<p>Trong khi lazy load ki\u1ec3u truy\u1ec1n th\u1ed1ng l\u00e0 n\u01b0\u1edbc \u0111\u1ebfn ch\u00e2n m\u1edbi nh\u1ea3y (\u1ea3nh trong t\u1ea7m nh\u00ecn th\u00ec m\u1edbi t\u1ea3i xu\u1ed1ng), c\u01a1 ch\u1ebf tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh l\u1ea1i kh\u00e1c, n\u00f3 l\u00e0 c\u01a1 ch\u1ebf l\u00e0m c\u00e1c vi\u1ec7c quan tr\u1ecdng tr\u01b0\u1edbc, c\u00f2n c\u00e1c vi\u1ec7c k\u00e9m quan tr\u1ecdng \u0111\u1ec3 sau (nh\u01b0ng s\u1ebd l\u00e0m ngay khi vi\u1ec7c quan tr\u1ecdng l\u00e0m xong ch\u1ee9 kh\u00f4ng &#8220;l\u01b0\u1eddi&#8221; nh\u01b0 ki\u1ec3u lazy load truy\u1ec1n th\u1ed1ng).<\/p>\n\n\n<p>Tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh tr\u01b0\u1edbc h\u1ebft t\u1ea3i b\u1ea5t c\u1ee9 \u1ea3nh n\u00e0o trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean nh\u01b0ng tr\u00ec ho\u00e3n c\u00e1c \u1ea3nh t\u1eeb m\u00e0n h\u00ecnh th\u1ee9 hai tr\u1edf \u0111i, cho \u0111\u1ebfn khi trang t\u1ea3i xong m\u1edbi th\u00f4i. Khi b\u1eaft g\u1eb7p th\u1ebb \u0111\u00f3ng &lt;body&gt; trong &lt;html&gt; n\u00f3 m\u1edbi t\u1ea3i c\u00e1c \u1ea3nh c\u00f2n l\u1ea1i.<\/p>\n\n\n<p>Tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh s\u1ebd l\u00e0m t\u1ed1c \u0111\u1ed9 t\u1ea3i trang v\u1ec1 m\u1eb7t nh\u1eadn th\u1ee9c cao h\u01a1n, nh\u01b0ng n\u00f3 th\u01b0\u1eddng kh\u00f4ng ti\u1ebft ki\u1ec7m b\u0103ng th\u00f4ng b\u1eb1ng lazy load, tuy nhi\u00ean b\u0103ng th\u00f4ng l\u1ea1i kh\u00f4ng ph\u1ea3i l\u00e0 v\u1ea5n \u0111\u1ec1 l\u1edbn trong \u0111a s\u1ed1 website (nh\u1ea5t l\u00e0 khi h\u1ecd kh\u00f4ng s\u1eed d\u1ee5ng CDN), do v\u1eady t\u00f4i khuy\u1ebfn kh\u00edch c\u00e1c b\u1ea1n d\u00f9ng tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh thay th\u1ebf lazy load n\u1ebfu b\u1ea1n am hi\u1ec3u v\u1ec1 code.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"v\u1ea5n-d\u1ec1-k\u1ef9-thu\u1eadt\"><span class=\"ez-toc-section\" id=\"Van_de_ky_thuat\"><\/span>V\u1ea5n \u0111\u1ec1 k\u1ef9 thu\u1eadt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>D\u00f9 r\u1eb1ng tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh r\u1ea5t d\u1ec5 th\u1ef1c hi\u1ec7n, nh\u01b0ng nh\u01b0 t\u00f4i bi\u1ebft, hi\u1ec7n v\u1eabn ch\u01b0a c\u00f3 plugin n\u00e0o h\u1ed7 tr\u1ee3 cho n\u00f3, trong khi c\u00e1c plugin d\u00e0nh cho lazy load \u1ea3nh th\u00ec c\u00f3 r\u1ea5t nhi\u1ec1u (th\u00ed d\u1ee5 <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 lazy load<\/a>). Gi\u1edd nh\u1eefng ng\u01b0\u1eddi mu\u1ed1n tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh v\u1eabn ph\u1ea3i l\u00e0m vi\u1ec7c n\u00e0y m\u1ed9t c\u00e1ch th\u1ee7 c\u00f4ng, \u0111i\u1ec1u ch\u1eafc ch\u1eafn s\u1ebd th\u00e0nh v\u1ea5n \u0111\u1ec1 n\u1ebfu h\u1ecd c\u00f3 s\u1ed1 l\u01b0\u1ee3ng b\u00e0i vi\u1ebft l\u1edbn tr\u00ean website.<\/p>\n\n\n<p>B\u1ea1n n\u00e0o mu\u1ed1n t\u00ecm hi\u1ec3u th\u00eam v\u1ec1 lazy load \u1ea3nh c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i n\u00e0y: <a href=\"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/\">T\u1ea1i sao lazy load \u1ea3nh kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 b\u1ea1n ngh\u0129<\/a>.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus-v\u1eabn-co-kh\u1ea3-nang-lazy-load-\u1ea3nh-tren-di-d\u1ed9ng-n\u1ebfu-d\u01b0\u1ee3c-th\u1ef1c-hi\u1ec7n-kheo-leo\"><span class=\"ez-toc-section\" id=\"Bonus_Van_co_kha_nang_lazy_load_anh_tren_di_dong_neu_duoc_thuc_hien_kheo_leo\"><\/span>Bonus: V\u1eabn c\u00f3 kh\u1ea3 n\u0103ng lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng n\u1ebfu \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n kh\u00e9o l\u00e9o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng c\u00f3 nhi\u1ec1u r\u1ee7i ro nh\u01b0 v\u1eady, nh\u01b0ng n\u00f3 v\u1eabn c\u00f3 kh\u1ea3 n\u0103ng tri\u1ec3n khai \u0111\u01b0\u1ee3c n\u1ebfu b\u1ea1n thi\u1ebft l\u1eadp c\u00e1c gi\u1edbi h\u1ea1n h\u1ee3p l\u00fd:<\/p>\n\n\n<ul><li>Ch\u1ec9 lazy load \u1ea3nh tr\u00ean di \u0111\u1ed9ng n\u1ebfu trang c\u1ee7a b\u1ea1n c\u0169ng t\u00edch h\u1ee3p CDN c\u00f3 m\u00e1y ch\u1ee7 t\u1ea1i v\u1ecb tr\u00ed truy c\u1eadp c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, \u0111i\u1ec1u n\u00e0y tr\u00e1nh r\u1ee7i ro \u0111\u1ed9 tr\u1ec5 cao. \u1ede Vi\u1ec7t Nam b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o <a href=\"https:\/\/kiencang.net\/huong-dan-su-dung-cdnsun\/\">d\u1ecbch v\u1ee5 c\u1ee7a CDNSun<\/a>. Ngo\u00e0i ra <a href=\"https:\/\/kiencang.net\/cdn-toi-uu-anh\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN c\u00f2n c\u00f3 \u01b0u th\u1ebf b\u1ed5 sung r\u1ea5t \u0111\u00e1ng gi\u00e1<\/a> l\u00e0 m\u1ed9t s\u1ed1 d\u1ecbch v\u1ee5 c\u00f2n \u0111\u00ednh k\u00e8m theo \u0111\u00f3 nhi\u1ec1u t\u1ed1i \u01b0u h\u00f3a kh\u00e1c nh\u01b0 \u0111\u1ecbnh d\u1ea1ng, k\u00edch c\u1ee1, v\u00e2n v\u00e2n<\/li><li>Ch\u1ec9 lazy load c\u00e1c \u1ea3nh kh\u00f4ng quan tr\u1ecdng ho\u1eb7c\/v\u00e0 c\u00e1c \u1ea3nh \u1edf s\u00e2u b\u00ean d\u01b0\u1edbi n\u1ed9i dung. C\u00e1c v\u00ed d\u1ee5 cho c\u00e1c \u1ea3nh nh\u01b0 v\u1eady c\u00f3 th\u1ec3 l\u00e0 c\u00e1c \u1ea3nh \u0111\u1ea1i di\u1ec7n \u1edf m\u1ee5c b\u00e0i li\u00ean quan, \u1ea3nh n\u1eb7ng n\u1eb1m t\u1eeb gi\u1eefa b\u00e0i vi\u1ebft \u0111\u1ebfn cu\u1ed1i b\u00e0i, c\u00e1c banner \u1ea3nh \u1edf b\u00ean c\u1ed9t ph\u1ea3i d\u00f9ng \u0111\u1ec3 qu\u1ea3ng c\u00e1o d\u1ecbch v\u1ee5 c\u1ee7a b\u1ea1n (tr\u00ean di \u0111\u1ed9ng, n\u00f3 s\u1ebd tr\u00f4i v\u1ec1 cu\u1ed1i)<\/li><\/ul>\n\n\n<p>L\u00fd t\u01b0\u1edfng nh\u1ea5t, tri\u1ec3n khai lazy load \u1ea3nh n\u00ean k\u1ebft h\u1ee3p v\u1edbi kh\u1ea3 n\u0103ng nh\u1eadn bi\u1ebft \u0111\u01b0\u1ee3c t\u1ed1c \u0111\u1ed9 k\u1ebft n\u1ed1i c\u1ee7a ng\u01b0\u1eddi d\u00f9ng \u0111\u1ec3 \u0111\u01b0a ra phi\u00ean b\u1ea3n t\u1ed1i \u01b0u nh\u1ea5t. Nh\u01b0ng v\u1ea5n \u0111\u1ec1 l\u00e0 tri\u1ec3n khai chuy\u1ec7n n\u00e0y cho \u0111\u00fang kh\u00f4ng d\u1ec5 d\u00e0ng g\u00ec. B\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/tai-thich-ung\/\">t\u1ea3i th\u00edch \u1ee9ng (adaptive loading)<\/a> \u0111\u1ec3 bi\u1ebft th\u00eam chi ti\u1ebft.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u1ea2nh l\u00e0 th\u00e0nh ph\u1ea7n chi\u1ebfm dung l\u01b0\u1ee3ng l\u1edbn tr\u00ean website n\u00ean c\u00f3 nhi\u1ec1u bi\u1ec7n ph\u00e1p ch\u1ee7 \u0111\u1ed9ng can thi\u1ec7p v\u00e0o n\u00f3 \u0111\u1ec3 gi\u1ea3m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. M\u1ed9t s\u1ed1 bi\u1ec7n ph\u00e1p \u0111\u00f3 bao g\u1ed3m: N\u00e9n \u1ea3nh: g\u1ed3m n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. &hellip;<\/p>\n","protected":false},"author":1,"featured_media":13050,"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>Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng? &#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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng? &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"\u1ea2nh l\u00e0 th\u00e0nh ph\u1ea7n chi\u1ebfm dung l\u01b0\u1ee3ng l\u1edbn tr\u00ean website n\u00ean c\u00f3 nhi\u1ec1u bi\u1ec7n ph\u00e1p ch\u1ee7 \u0111\u1ed9ng can thi\u1ec7p v\u00e0o n\u00f3 \u0111\u1ec3 gi\u1ea3m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. M\u1ed9t s\u1ed1 bi\u1ec7n ph\u00e1p \u0111\u00f3 bao g\u1ed3m: N\u00e9n \u1ea3nh: g\u1ed3m n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-20T03:53:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/khong-lazy-load-mobile.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng? &#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\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/","og_locale":"vi_VN","og_type":"article","og_title":"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng? &#8226; Ki\u1ebfn c\u00e0ng","og_description":"\u1ea2nh l\u00e0 th\u00e0nh ph\u1ea7n chi\u1ebfm dung l\u01b0\u1ee3ng l\u1edbn tr\u00ean website n\u00ean c\u00f3 nhi\u1ec1u bi\u1ec7n ph\u00e1p ch\u1ee7 \u0111\u1ed9ng can thi\u1ec7p v\u00e0o n\u00f3 \u0111\u1ec3 gi\u1ea3m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. M\u1ed9t s\u1ed1 bi\u1ec7n ph\u00e1p \u0111\u00f3 bao g\u1ed3m: N\u00e9n \u1ea3nh: g\u1ed3m n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. &hellip;","og_url":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-05-20T03:53:00+00:00","og_image":[{"width":800,"height":500,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/khong-lazy-load-mobile.png","type":"image\/png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"6 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/","url":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/","name":"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng? &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-05-20T03:53:00+00:00","dateModified":"2020-05-20T03:53:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/khong-nen-su-dung-lazy-load-anh-tren-thiet-bi-di-dong\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng Lazy load \u1ea3nh tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng?"}]},{"@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\/11866"}],"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=11866"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/13050"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}