{"id":16833,"date":"2019-12-09T04:33:10","date_gmt":"2019-12-09T04:33:10","guid":{"rendered":"https:\/\/kiencang.net\/?p=13862"},"modified":"2023-07-23T22:30:44","modified_gmt":"2023-07-23T15:30:44","slug":"khong-nen-dung-lazy-load","status":"publish","type":"post","link":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/","title":{"rendered":"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load"},"content":{"rendered":"\n<p>T\u00f4i r\u1ea5t gh\u00e9t lazy load. T\u1ea1i sao? B\u1edfi v\u00ec n\u00f3 l\u00e0m \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn UX (user experience \/ tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng) trong khi l\u1ee3i \u00edch c\u1ee7a n\u00f3 c\u00f3 th\u1ec3 ch\u1ec9 l\u00e0 \u0111\u1ec3 qua m\u1eb7t (tricking) c\u00e1c b\u00e0i ki\u1ec3m tra v\u1ec1 t\u1ed1c \u0111\u1ed9 trang (page speed tests) m\u00e0 th\u00f4i. N\u00f3 v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 c\u00e1ch r\u1ebb ti\u1ec1n \u0111\u1ec3 l\u00e0m t\u0103ng \u0111i\u1ec3m s\u1ed1 t\u1ed1c \u0111\u1ed9 trang th\u00f4ng qua vi\u1ec7c t\u1ea3i ch\u1ec9 v\u00e0i th\u00e0nh ph\u1ea7n (\u1ea3nh, script) l\u00fac ban \u0111\u1ea7u. V\u1ea5n \u0111\u1ec1 l\u00e0 v\u1edbi m\u1eaft ng\u01b0\u1eddi, n\u00f3 l\u00e0m m\u1ecdi th\u1ee9 t\u1ea3i ch\u1eadm h\u01a1n!<\/p>\n\n\n\n<p>Ch\u1eafc ch\u1eafn&#8230;c\u00f3 logic h\u1ee3p l\u00fd n\u1eb1m \u1edf ch\u1ed7 c\u00e1c th\u00e0nh ph\u1ea7n (\u1ea3nh) n\u1eb1m xa b\u00ean d\u01b0\u1edbi c\u1ee7a trang kh\u00f4ng n\u00ean t\u1ea3i ngay n\u1ebfu ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng cu\u1ed9n chu\u1ed9t \u0111\u1ebfn \u0111\u00f3. Ch\u00ednh x\u00e1c&#8230;nh\u01b0ng b\u1ea1n c\u00f3 th\u1ef1c s\u1ef1 ki\u1ec3m so\u00e1t \u0111\u01b0\u1ee3c c\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c t\u1ea3i l\u01b0\u1eddi v\u00e0 b\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn l\u00e0 vi\u1ec7c tr\u00ec ho\u00e3n t\u1ea3i kh\u00f4ng \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng?<\/p>\n\n\n\n<p>T\u00f4i s\u1ebd \u0111\u00e0o s\u00e2u v\u00e0o ch\u1ee7 \u0111\u1ec1 n\u00e0y \u0111\u1ec3 bi\u1ebft khi n\u00e0o b\u1ea1n n\u00ean (v\u00e0 kh\u00f4ng n\u00ean) s\u1eed d\u1ee5ng lazy load.<\/p>\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-6577d74d1b960\" ><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-6577d74d1b960\"  type=\"checkbox\" id=\"item-6577d74d1b960\"><\/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-dung-lazy-load\/#Khi_nao_ban_KHONG_nen_su_dung_lazy_load\" title=\"Khi n\u00e0o b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng lazy load:\">Khi n\u00e0o b\u1ea1n KH\u00d4NG n\u00ean 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-2\" href=\"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/#Khi_nao_ban_NEN_su_dung_lazy_load\" title=\"Khi n\u00e0o b\u1ea1n N\u00caN s\u1eed d\u1ee5ng lazy load:\">Khi n\u00e0o b\u1ea1n N\u00caN 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-3\" href=\"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/#Ket_luan_cuoi_cung_ve_lazy_load\" title=\"K\u1ebft lu\u1eadn cu\u1ed1i c\u00f9ng v\u1ec1 lazy load\">K\u1ebft lu\u1eadn cu\u1ed1i c\u00f9ng v\u1ec1 lazy load<\/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-dung-lazy-load\/#Nhan_xet_cua_nguoi_dich\" title=\"Nh\u1eadn x\u00e9t c\u1ee7a ng\u01b0\u1eddi d\u1ecbch\">Nh\u1eadn x\u00e9t c\u1ee7a ng\u01b0\u1eddi d\u1ecbch<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Khi_nao_ban_KHONG_nen_su_dung_lazy_load\"><\/span>Khi n\u00e0o b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng lazy load:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul>\n<li><strong>B\u1ea1n c\u00f3 \u1ea3nh \u1edf trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/strong> (n\u00f3 l\u00e0m tr\u00ec ho\u00e3n t\u1ea3i \u1ea3nh \u1edf header v\u00e0 banner)<\/li>\n\n\n\n<li><strong>B\u1ea1n \u0111ang b\u00e1n h\u00e0ng\/trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed.<\/strong> (ng\u01b0\u1eddi mua h\u00e0ng th\u01b0\u1eddng cu\u1ed9n chu\u1ed9t r\u1ea5t nhanh)<\/li>\n\n\n\n<li><strong>B\u1ea1n \u00e1p d\u1ee5ng n\u00f3 ch\u1ec9 \u0111\u1ec3 \u0111\u00e1nh l\u1eeba \u0111i\u1ec3m s\u1ed1 t\u1ed1c \u0111\u1ed9 trang.<\/strong> (trong khi n\u00f3 \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn UX c\u1ee7a ng\u01b0\u1eddi d\u00f9ng th\u1ef1c)<\/li>\n\n\n\n<li><strong>B\u1ea1n \u0111\u00e3 s\u1eed d\u1ee5ng CDN.<\/strong> (m\u00e1y ch\u1ee7 CDN th\u1ef1c hi\u1ec7n c\u00f4ng vi\u1ec7c t\u1ea3i \u1ea3nh, kh\u00f4ng ph\u1ea3i m\u00e1y ch\u1ee7 c\u1ee7a b\u1ea1n)<\/li>\n\n\n\n<li><strong>B\u1ea1n ch\u1ec9 c\u00f3 v\u00e0i b\u1ee9c \u1ea3nh tr\u00ean c\u00e1c trang.<\/strong> (c\u00e1c n\u1ed9i dung t\u0129nh d\u1ec5 d\u00e0ng \u0111\u01b0\u1ee3c cache tr\u00ecnh duy\u1ec7t v\u00e0 t\u1ea3i nhanh ch\u00f3ng)<\/li>\n\n\n\n<li><strong>B\u1ea1n c\u00f3 website v\u1ed1n \u0111\u00e3 t\u1ea3i nhanh r\u1ed3i v\u00e0 m\u1ed9t m\u00e1y ch\u1ee7 \u0111\u1ee7 m\u1ea1nh.<\/strong> (kh\u00f4ng c\u00f3 \u00edch g\u00ec khi b\u1ea1n t\u1ea3i l\u01b0\u1eddi c\u00e1c th\u00e0nh ph\u1ea7n tr\u00ean trang n\u1ebfu website c\u1ee7a b\u1ea1n \u0111ang t\u1ea3i nhanh v\u00e0 hosting x\u1eed l\u00fd ch\u00fang d\u1ec5 d\u00e0ng)<\/li>\n<\/ul>\n\n\n\n<p>M\u1ee5c \u0111\u00edch website c\u1ee7a b\u1ea1n tr\u01b0\u1edbc h\u1ebft l\u00e0 ph\u1ee5c v\u1ee5 ng\u01b0\u1eddi d\u00f9ng, r\u1ed3i sau \u0111\u00f3 \u0111\u1ebfn robots\/m\u00e1y t\u00ecm ki\u1ebfm. T\u1ea1i sao b\u1ea1n l\u1ea1i \u0111\u1ec3 c\u00e1c \u1ea3nh t\u1ea3i sau \u0111\u00f3 ch\u1ee9 kh\u00f4ng ph\u1ea3i t\u1ea3i s\u1edbm h\u01a1n? M\u1ee5c \u0111\u00edch c\u1ee7a vi\u1ec7c c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang l\u00e0 t\u1ea3i m\u1ecdi th\u1ee9 NHANH H\u01a0N, ch\u1ee9 kh\u00f4ng ph\u1ea3i ch\u1eadm h\u01a1n. \u0110\u1ec3 trang web c\u1ee7a b\u1ea1n t\u1ea3i \u1ea3nh ngay l\u1eadp t\u1ee9c l\u00e0m trang web c\u1ee7a b\u1ea1n t\u1ea3i nhanh h\u01a1n v\u1edbi ng\u01b0\u1eddi d\u00f9ng. (B\u1ea1n qu\u00ean m\u1ea5t t\u1eeb L\u01af\u1edcI trong &#8220;t\u1ea3i l\u01b0\u1eddi&#8221;? N\u00f3 c\u00f3 ngh\u0129a l\u00e0 m\u1ecdi th\u1ee9 \u0111\u01b0\u1ee3c t\u1ea3i ch\u1eadm h\u01a1n!)<\/p>\n\n\n\n<p>B\u1ea1n kh\u00f4ng bi\u1ebft c\u00e1ch \u0111\u1ec3 t\u1ea3i m\u1ecdi th\u1ee9 nhanh h\u01a1n? B\u1ea1n c\u00f3 th\u1ec3 c\u1ea3i thi\u1ec7n n\u00f3 theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau! Website c\u1ee7a t\u00f4i c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n l\u00e0m \u0111i\u1ec1u \u0111\u00f3.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Khi_nao_ban_NEN_su_dung_lazy_load\"><\/span>Khi n\u00e0o b\u1ea1n N\u00caN s\u1eed d\u1ee5ng lazy load:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul>\n<li><strong>Ph\u1ea7n l\u1edbn \u1ea3nh c\u1ee7a b\u1ea1n n\u1eb1m t\u1eeb m\u00e0n h\u00ecnh th\u1ee9 hai tr\u1edf \u0111i<\/strong>, \u00edt nh\u1ea5t c\u1ea7n v\u00e0i l\u1ea7n cu\u1ed9n chu\u1ed9t t\u1eeb ph\u1ea7n \u0111\u1ea7u c\u1ee7a website (\u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng n\u00f3 kh\u00f4ng t\u1ea3i \u1ea3nh\/th\u00e0nh ph\u1ea7n m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 kh\u00f4ng cu\u1ed9n chu\u1ed9t \u0111\u1ebfn).<\/li>\n\n\n\n<li><strong>B\u1ea1n c\u00f3 c\u00e1c b\u1ee9c \u1ea3nh l\u1edbn, v\u00e0 kh\u00f4ng c\u00f3 CDN.<\/strong> (gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m t\u00e0i nguy\u00ean m\u00e1y ch\u1ee7\/b\u0103ng th\u00f4ng)<\/li>\n\n\n\n<li><strong>B\u1ea1n c\u00f3 nhi\u1ec1u \u1ea3nh, v\u00e0 kh\u00f4ng c\u00f3 CDN.<\/strong> (gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m t\u00e0i nguy\u00ean m\u00e1y ch\u1ee7\/b\u0103ng th\u00f4ng)<\/li>\n\n\n\n<li><strong>\u1ea2nh kh\u00f4ng c\u00f3 nhi\u1ec1u gi\u00e1 tr\u1ecb trong tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/strong> (ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 quan t\u00e2m \u0111\u1ebfn n\u1ed9i dung v\u0103n b\u1ea3n)<\/li>\n\n\n\n<li><strong>S\u1eed d\u1ee5ng n\u00f3 cho SCRIPT, kh\u00f4ng ph\u1ea3i cho \u1ea3nh.<\/strong> (ho\u00e0n h\u1ea3o cho vi\u1ec7c t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang)<\/li>\n\n\n\n<li><strong>M\u00e1y ch\u1ee7 web c\u1ee7a b\u1ea1n th\u1ef1c s\u1ef1 y\u1ebfu.<\/strong> (t\u1ea3i l\u01b0\u1eddi s\u1ebd gi\u00fap b\u1ea1n gi\u1ea3m t\u1ea3i qu\u00e1 tr\u00ecnh x\u1eed l\u00fd c\u1ee7a m\u00e1y ch\u1ee7)<\/li>\n<\/ul>\n\n\n\n<p>Nh\u01b0 b\u1ea1n th\u1ea5y, c\u00f3 m\u1ed9t v\u00e0i tr\u01b0\u1eddng h\u1ee3p t\u00f4i khuy\u1ebfn kh\u00edch s\u1eed d\u1ee5ng lazy load. Nh\u01b0ng ngo\u00e0i v\u00e0i k\u1ecbch b\u1ea3n n\u00e0y ra, th\u00ec c\u00e1ch t\u1ed1t nh\u1ea5t l\u00e0 s\u1eed d\u1ee5ng CDN v\u00e0 \u0111\u1ec3 t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh c\u1ee7a b\u1ea1n t\u1ea3i m\u1ed9t c\u00e1ch t\u1ef1 nhi\u00ean!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ket_luan_cuoi_cung_ve_lazy_load\"><\/span>K\u1ebft lu\u1eadn cu\u1ed1i c\u00f9ng v\u1ec1 lazy load<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>X\u00e9t cho c\u00f9ng, lazy load ch\u1ec9 n\u00ean s\u1eed d\u1ee5ng \u0111\u1ec3 t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang ho\u1eb7c \u0111\u1ec3 gi\u1ea3m nhu c\u1ea7u s\u1eed d\u1ee5ng c\u1ee7a m\u00e1y ch\u1ee7 l\u01b0u tr\u1eef. V\u00e0 KH\u00d4NG n\u00ean d\u00f9ng \u0111\u1ec3 b\u00f9 \u0111\u1eafp vi\u1ec7c vi\u1ebft m\u00e3 k\u00e9m ho\u1eb7c m\u00e1y ch\u1ee7 kh\u00f4ng \u0111\u1ee7 m\u1ea1nh. Khi \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ch\u00ednh x\u00e1c, lazy load s\u1ebd kh\u00f4ng l\u00e0m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn ph\u1ea7n hi\u1ec3n th\u1ecb c\u1ee7a trang web. Khi s\u1eed d\u1ee5ng kh\u00f4ng \u0111\u00fang c\u00e1ch, lazy load l\u00e0m \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: <a href=\"https:\/\/wpjohnny.com\/never-use-lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Why You Should (almost) NEVER Use Lazy Load<\/a>, t\u00e1c gi\u1ea3: Johnny Nguyen, website: WPJohnny)<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Nhan_xet_cua_nguoi_dich\"><\/span>Nh\u1eadn x\u00e9t c\u1ee7a ng\u01b0\u1eddi d\u1ecbch<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Johnny v\u1eabn hay c\u00f3 nh\u1eefng quan \u0111i\u1ec3m th\u00fa v\u1ecb, d\u00f9 kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o t\u00f4i c\u0169ng \u0111\u1ed3ng \u00fd.<\/p>\n\n\n\n<p>Nh\u1eefng tr\u01b0\u1edbc h\u1ebft l\u00e0 \u0111i\u1ec3m gi\u1ed1ng \u0111\u00e3. T\u00f4i c\u0169ng kh\u00f4ng bao gi\u1edd s\u1eed d\u1ee5ng lazy load tr\u00ean c\u00e1c trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed, n\u01a1i m\u1ed9t sai s\u00f3t nh\u1ecf c\u00f3 th\u1ec3 tr\u1ea3 gi\u00e1 b\u1eb1ng \u0111\u01a1n h\u00e0ng l\u1edbn b\u1ecb m\u1ea5t, thay v\u00e0o \u0111\u00f3 t\u00f4i t\u1eadp trung v\u00e0o \u0111\u1ea7u t\u01b0 hosting m\u1ea1nh m\u1ebd h\u01a1n (ho\u1eb7c\/v\u00e0 CDN) \u0111\u1ec3 t\u0103ng t\u1ed1c t\u1ea3i trang.<\/p>\n\n\n\n<p>V\u1edbi website blog, nhi\u1ec1u \u1ea3nh, t\u00f4i v\u1eabn th\u01b0\u1eddng xuy\u00ean s\u1eed d\u1ee5ng t\u1ea3i l\u01b0\u1eddi \u1ea3nh \u0111\u1ec3 t\u1ed1i \u01b0u chi ph\u00ed (nh\u1edd gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7) v\u00e0 th\u1ef1c s\u1ef1 n\u00f3 c\u00f3 c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 l\u00fac ban \u0111\u1ea7u do kh\u00f4ng ph\u1ea3i t\u1ea3i to\u00e0n b\u1ed9 \u1ea3nh trong b\u00e0i.<\/p>\n\n\n\n<p>C\u00f2n m\u1ed9t s\u1ed1 \u0111i\u1ec3m t\u00f4i kh\u00e1c c\u00e1ch ngh\u0129 c\u1ee7a Johnny:<\/p>\n\n\n\n<ul>\n<li><strong>S\u1eed d\u1ee5ng CDN kh\u00f4ng \u0111\u1ed3ng ngh\u0129a v\u1edbi vi\u1ec7c b\u1ea1n kh\u00f4ng n\u00ean d\u00f9ng lazyload<\/strong>. V\u1ea5n \u0111\u1ec1 n\u1eb1m \u1edf chi ph\u00ed, c\u00e1c d\u1ecbch v\u1ee5 CDN ph\u1ea7n l\u1edbn t\u00ednh ti\u1ec1n theo dung l\u01b0\u1ee3ng s\u1eed d\u1ee5ng. N\u1ebfu b\u1ea1n c\u00f3 nhi\u1ec1u \u1ea3nh ho\u1eb7c c\u00e1c \u1ea3nh dung l\u01b0\u1ee3ng l\u1edbn, s\u1eed d\u1ee5ng CDN k\u1ebft h\u1ee3p lazyload gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m chi ph\u00ed.<\/li>\n\n\n\n<li><strong>S\u1eed d\u1ee5ng lazyload kh\u00f4ng \u0111\u1ed3ng ngh\u0129a v\u1edbi m\u00e1y ch\u1ee7 kh\u00f4ng \u0111\u1ee7 m\u1ea1nh<\/strong>. M\u1ed9t l\u1ea7n n\u1eefa l\u00e0 t\u1ed1i \u01b0u chi ph\u00ed, r\u1ea5t nhi\u1ec1u trang tin l\u1edbn tr\u00ean th\u1ebf gi\u1edbi \u0111\u1ec1u d\u00f9ng lazy load kh\u00f4ng ph\u1ea3i h\u1ecd kh\u00f4ng c\u00f3 m\u00e1y ch\u1ee7 \u0111\u1ee7 m\u1ea1nh, m\u00e0 h\u1ecd kh\u00f4ng mu\u1ed1n \u0111\u1ea7u t\u01b0 qu\u00e1 m\u1ee9c chi ph\u00ed cho m\u00e1y ch\u1ee7, trong khi c\u00f3 th\u1ec3 ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c.<\/li>\n\n\n\n<li><strong>\u1ea2nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng c\u1ee7a lazy load ng\u00e0y c\u00e0ng nh\u1ecf<\/strong>. V\u1edbi c\u00f4ng ngh\u1ec7 lazy load ph\u00e1t tri\u1ec3n h\u01a1n, ch\u1eb3ng h\u1ea1n v\u1edbi <a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\">native lazy load c\u1ee7a tr\u00ecnh duy\u1ec7t Chrome<\/a> v\u00e0 vi\u1ec7c t\u1ea3i \u1ea3nh tr\u01b0\u1edbc khi n\u00f3 \u0111i v\u00e0o viewport (khung nh\u00ecn) gi\u00fap t\u1ed5i thi\u1ec3u h\u00f3a t\u00e1c h\u1ea1i \u0111\u1ebfn UX. M\u1ed9t plugin r\u1ea5t t\u1ed1t trong c\u00f4ng vi\u1ec7c n\u00e0y l\u00e0 <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\">Flying Images<\/a>. V\u1edbi nh\u1eefng \u1ea3nh thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, nhi\u1ec1u c\u00f4ng c\u1ee5 lazy load c\u0169ng cho ph\u00e9p ch\u00fang ta t\u00f9y ch\u1ec9nh \u0111\u1ec3 nh\u1eefng \u1ea3nh thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean v\u1eabn t\u1ea3i b\u00ecnh th\u01b0\u1eddng (ngay l\u1eadp t\u1ee9c) trong khi c\u00e1c \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u1ea1i \u0111\u01b0\u1ee3c tr\u00ec ho\u00e3n t\u1ea3i.<\/li>\n<\/ul>\n\n\n\n<p>P\/S: quan \u0111i\u1ec3m c\u1ee7a ng\u01b0\u1eddi d\u1ecbch v\u1ec1 lazy load \u1ea3nh \u0111\u00e3 tr\u1edf n\u00ean gay g\u1eaft h\u01a1n, t\u00f4i m\u1edbi vi\u1ebft b\u00e0i <a href=\"https:\/\/kiencang.net\/lazy-load-anh-khong-hap-dan\/\">t\u1ea1i sao lazy load \u1ea3nh l\u1ea1i kh\u00f4ng h\u1ea5p d\u1eabn nh\u01b0 mong \u0111\u1ee3i<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00f4i r\u1ea5t gh\u00e9t lazy load. T\u1ea1i sao? B\u1edfi v\u00ec n\u00f3 l\u00e0m \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn UX (user experience \/ tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng) trong khi l\u1ee3i \u00edch c\u1ee7a n\u00f3 c\u00f3 th\u1ec3 ch\u1ec9 l\u00e0 \u0111\u1ec3 qua m\u1eb7t (tricking) c\u00e1c b\u00e0i ki\u1ec3m tra v\u1ec1 t\u1ed1c \u0111\u1ed9 trang (page speed tests) m\u00e0 th\u00f4i. N\u00f3 v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":13864,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[274,297],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load &#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-dung-lazy-load\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u00f4i r\u1ea5t gh\u00e9t lazy load. T\u1ea1i sao? B\u1edfi v\u00ec n\u00f3 l\u00e0m \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn UX (user experience \/ tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng) trong khi l\u1ee3i \u00edch c\u1ee7a n\u00f3 c\u00f3 th\u1ec3 ch\u1ec9 l\u00e0 \u0111\u1ec3 qua m\u1eb7t (tricking) c\u00e1c b\u00e0i ki\u1ec3m tra v\u1ec1 t\u1ed1c \u0111\u1ed9 trang (page speed tests) m\u00e0 th\u00f4i. N\u00f3 v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-09T04:33:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-23T15:30:44+00:00\" \/>\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=\"9 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load &#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-dung-lazy-load\/","og_locale":"vi_VN","og_type":"article","og_title":"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u00f4i r\u1ea5t gh\u00e9t lazy load. T\u1ea1i sao? B\u1edfi v\u00ec n\u00f3 l\u00e0m \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn UX (user experience \/ tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng) trong khi l\u1ee3i \u00edch c\u1ee7a n\u00f3 c\u00f3 th\u1ec3 ch\u1ec9 l\u00e0 \u0111\u1ec3 qua m\u1eb7t (tricking) c\u00e1c b\u00e0i ki\u1ec3m tra v\u1ec1 t\u1ed1c \u0111\u1ed9 trang (page speed tests) m\u00e0 th\u00f4i. N\u00f3 v\u1ec1 c\u01a1 b\u1ea3n l\u00e0 &hellip;","og_url":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2019-12-09T04:33:10+00:00","article_modified_time":"2023-07-23T15:30:44+00:00","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":"9 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/","url":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/","name":"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2019-12-09T04:33:10+00:00","dateModified":"2023-07-23T15:30:44+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/khong-nen-dung-lazy-load\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"V\u00ec sao trong h\u1ea7u h\u1ebft tr\u01b0\u1eddng h\u1ee3p b\u1ea1n KH\u00d4NG n\u00ean s\u1eed d\u1ee5ng Lazy load"}]},{"@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\/16833"}],"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=16833"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16833\/revisions"}],"predecessor-version":[{"id":24361,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16833\/revisions\/24361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}