{"id":21995,"date":"2019-12-08T15:26:44","date_gmt":"2019-12-08T15:26:44","guid":{"rendered":"https:\/\/kiencang.net\/?p=13839"},"modified":"2019-12-08T15:26:44","modified_gmt":"2019-12-08T15:26:44","slug":"cai-dat-plugin-flying-images","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/","title":{"rendered":"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images"},"content":{"rendered":"\n<p>Trong b\u00e0i vi\u1ebft tr\u01b0\u1edbc t\u00f4i c\u00f3 gi\u1edbi thi\u1ec7u v\u1ec1 plugin lazy load \u1ea3nh r\u1ea5t th\u00fa v\u1ecb c\u00f3 t\u00ean <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\">Flying Images<\/a>. Tuy nhi\u00ean kh\u00f4ng n\u00f3i g\u00ec v\u1ec1 c\u00e1c c\u00e0i \u0111\u1eb7t c\u1ea3. B\u00e0i vi\u1ebft ng\u1eafn n\u00e0y s\u1ebd b\u1ed5 sung thi\u1ebfu s\u00f3t \u0111\u00f3.<\/p>\n\n\n<p>Nh\u1eafc l\u1ea1i m\u1ed9t ch\u00fat, \u0111i\u1ec3m m\u1edbi c\u1ee7a plugin Flying Images l\u00e0 n\u00f3:<\/p>\n\n\n<ul><li>S\u1eed d\u1ee5ng t\u00ednh n\u0103ng t\u1ea3i l\u01b0\u1eddi m\u1eb7c \u0111\u1ecbnh c\u1ee7a tr\u00ecnh duy\u1ec7t Chrome (<a href=\"https:\/\/kiencang.net\/native-lazy-loading-cho-web\/\">native lazy loading<\/a>), m\u1ed9t t\u00ednh n\u0103ng m\u1edbi, hi\u1ec7u qu\u1ea3 h\u01a1n c\u00e1ch d\u00f9ng JS truy\u1ec1n th\u1ed1ng;<\/li><li>V\u1edbi c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c Chrome, plugin v\u1eabn ph\u1ea3i s\u1eed d\u1ee5ng JS \u0111\u1ec3 t\u1ea3i l\u01b0\u1eddi. Tuy nhi\u00ean n\u00f3 r\u1ea5t nh\u1eb9, ch\u1ec9 v\u00e0o kho\u1ea3ng 1KB;<\/li><li>Vi\u1ec7c t\u1ea3i l\u01b0\u1eddi theo <strong>ki\u1ec3u t\u1ea3i tr\u01b0\u1edbc \u1ea3nh<\/strong>, ch\u1ee9 kh\u00f4ng ph\u1ea3i \u0111\u1ee3i \u1ea3nh v\u00e0o khung nh\u00ecn (viewport) r\u1ed3i m\u1edbi t\u1ea3i \u1ea3nh, \u0111i\u1ec1u n\u00e0y gi\u00fap h\u1ea1n ch\u1ebf hi\u1ec7n t\u01b0\u1ee3ng kh\u00f3 ch\u1ecbu l\u00e0 \u1ea3nh gi\u1eadt ho\u1eb7c \u1ea3nh kh\u00f4ng t\u1ea3i k\u1ecbp khi ng\u01b0\u1eddi d\u00f9ng k\u00e9o \u0111\u1ebfn n\u1ed9i dung c\u00f3 \u1ea3nh.<\/li><\/ul>\n\n\n<p>C\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t plugin r\u1ea5t \u0111\u01a1n gi\u1ea3n n\u00ean t\u00f4i s\u1ebd b\u1ecf qua \u0111\u1ec3 \u0111i v\u00e0o th\u1eb3ng qu\u00e1 tr\u00ecnh c\u1ea5u h\u00ecnh plugin:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/cai-dat-plugin-flying-images.png\" alt=\"c\u00e0i \u0111\u1eb7t plugin flying images\" class=\"wp-image-13840\"\/><\/figure><\/div>\n\n\n<p>C\u00e1c t\u00f9y ch\u1ec9nh c\u00e0i \u0111\u1eb7t c\u0169ng d\u1ec5 hi\u1ec3u, ch\u1ec9 bao g\u1ed3m 4 ph\u1ea7n sau:<\/p>\n\n\n<ul><li><strong>Lazy load method\u00a0<\/strong>&#8211; Ph\u01b0\u01a1ng th\u1ee9c lazy load \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng, c\u00f3 3 l\u1ef1a ch\u1ecdn g\u1ed3m <strong>Native + JavaScript<\/strong> (thi\u1ebft l\u1eadp m\u1eb7c \u0111\u1ecbnh) s\u1ebd s\u1eed d\u1ee5ng c\u1ea3 ph\u01b0\u01a1ng th\u1ee9c lazy load ki\u1ec3u native tr\u00ean Chrome, l\u1eabn c\u00e1c ph\u01b0\u01a1ng th\u1ee9c JavaScript tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c; <strong>JavaScript only<\/strong> ngh\u0129a l\u00e0 ch\u1ec9 d\u00f9ng JavaScript \u0111\u1ec3 l\u00e0m ph\u01b0\u01a1ng th\u1ee9c lazy load, c\u00e1ch n\u00e0y s\u1ebd kh\u00f4ng t\u1eadn d\u1ee5ng \u0111\u01b0\u1ee3c l\u1ee3i th\u1ebf c\u1ee7a Chrome; <strong>Native only<\/strong> ngh\u0129a l\u00e0 ch\u1ec9 s\u1eed d\u1ee5ng ph\u01b0\u01a1ng ph\u00e1p c\u00e0i s\u1eb5n tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, khi s\u1eed d\u1ee5ng c\u00e1ch n\u00e0y ngh\u0129a l\u00e0 b\u1ea1n s\u1ebd ch\u1ec9 c\u00f3 lazy load khi ng\u01b0\u1eddi duy\u1ec7t web d\u00f9ng tr\u00ecnh duy\u1ec7t Chrome, tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c s\u1ebd kh\u00f4ng c\u00f3 t\u1ea3i l\u01b0\u1eddi \u1ea3nh. Trong \u0111a s\u1ed1 tr\u01b0\u1eddng h\u1ee3p, c\u00e1ch m\u1eb7c \u0111\u1ecbnh l\u00e0 t\u1ed1t nh\u1ea5t, v\u00ec n\u00f3 t\u1eadn d\u1ee5ng \u0111\u01b0\u1ee3c c\u1ea3 l\u1ee3i th\u1ebf c\u1ee7a Chrome, m\u00e0 v\u1eabn c\u00f3 t\u1ea3i l\u01b0\u1eddi \u1ea3nh tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c.<\/li><li><strong>Bottom margin<\/strong> &#8211; X\u00e1c \u0111\u1ecbnh \u0111\u1ed9 cao t\u00ednh theo px \u0111\u1ec3 t\u1ea3i tr\u01b0\u1edbc \u1ea3nh, \u0111\u1ed9 cao t\u00ednh t\u1eeb ph\u1ea7n \u0111\u00e1y c\u1ee7a viewport, th\u01b0\u1eddng th\u00ec c\u00e0ng cao c\u00e0ng gi\u00fap h\u1ea1n ch\u1ebf \u1ea3nh h\u01b0\u1edfng x\u1ea5u \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng. M\u1eb7c \u0111\u1ecbnh l\u00e0 200px. Cao nh\u1ea5t l\u00e0 500px. Tuy nhi\u00ean \u0111\u1ec3 c\u00e0ng cao, t\u00e1c d\u1ee5ng t\u0103ng t\u1ed1c &amp; gi\u1ea3m t\u1ea3i cho hosting c\u00e0ng gi\u1ea3m.<\/li><li><strong>Exclude Keywords<\/strong> &#8211; T\u1eeb kh\u00f3a lo\u1ea1i tr\u1eeb, n\u1ebfu \u1ea3nh ch\u1ee9a c\u00e1c t\u1eeb kh\u00f3a n\u00e0y n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c lo\u1ea1i tr\u1eeb kh\u1ecfi ph\u01b0\u01a1ng th\u1ee9c lazy load, th\u00ed d\u1ee5 m\u1eb7c \u0111\u1ecbnh th\u00ec Flying Image s\u1ebd kh\u00f4ng t\u1ea3i l\u01b0\u1eddi logo m\u00e0 s\u1ebd cho t\u1ea3i ngay l\u1eadp t\u1ee9c, \u0111i\u1ec1u n\u00e0y l\u00e0 d\u1ec5 hi\u1ec3u v\u00ec logo lu\u00f4n n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, t\u1ea3i l\u01b0\u1eddi logo khi \u0111\u00f3 s\u1ebd c\u00f3 h\u1ea1i ch\u1ee9 kh\u00f4ng c\u00f3 l\u1ee3i. \u0110i\u1ec1u n\u00e0y suy ra n\u1ebfu b\u1ea1n kh\u00f4ng mu\u1ed1n lazy load \u1ea3nh trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean (\u0111i\u1ec1u n\u00ean l\u00e0m) th\u00ec b\u1ea1n c\u1ea7n t\u00ecm t\u00ean c\u1ee7a \u1ea3nh \u0111\u00f3 v\u00e0 \u0111\u01b0a v\u00e0o \u0111\u00e2y \u0111\u1ec3 n\u00f3 lo\u1ea1i tr\u1eeb h\u00e0ng lo\u1ea1t. Th\u00f4ng tin b\u1ed5 sung, tr\u01b0\u1eddng h\u1ee3p b\u1ea1n kh\u00f4ng mu\u1ed1n t\u1ea3i l\u01b0\u1eddi \u1ea3nh cho to\u00e0n b\u1ed9 website v\u00ec trang c\u1ee7a b\u1ea1n truy c\u1eadp ch\u1ee7 y\u1ebfu qua di \u0111\u1ed9ng tr\u00ean n\u1ec1n t\u1ea3ng k\u1ebft n\u1ed1i kh\u00f4ng qu\u00e1 t\u1ed1t (v\u00e0 \u0111\u1eb7c bi\u1ec7t l\u00e0 khi trang c\u1ee7a b\u1ea1n d\u1ea1ng th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed) th\u00ec b\u1ea1n n\u00ean lo\u1ea1i b\u1ecf lazy load t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh, khi \u0111\u00f3 b\u1ea1n v\u1eabn t\u1eadn d\u1ee5ng \u0111\u01b0\u1ee3c CDN mi\u1ec5n ph\u00ed. <img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"206\" class=\"size-full wp-image-14335 aligncenter\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/loai-bo-lazyload-anh.png\" alt=\"lo\u1ea1i b\u1ecf lazyload \u1ea3nh\"><\/li><li><strong>Add responsive images<\/strong> &#8211; B\u1ed5 sung t\u00ednh n\u0103ng \u1ea3nh co gi\u00e3n. N\u1ebfu \u1ea3nh tr\u00ean trang c\u1ee7a b\u1ea1n kh\u00f4ng c\u00f3 t\u00ednh n\u0103ng resize d\u1ef1a tr\u00ean k\u00edch c\u1ee1 m\u00e0n h\u00ecnh th\u00ec b\u1ea1n n\u00ean ch\u1ecdn t\u00ednh n\u0103ng n\u00e0y, ch\u1ed1c n\u1eefa t\u00f4i s\u1ebd ch\u1ec9 ra c\u00e1ch l\u00e0m sao \u0111\u1ec3 bi\u1ebft \u0111\u01b0\u1ee3c \u1ea3nh tr\u00ean trang c\u1ee7a b\u1ea1n \u0111\u00e3 c\u00f3 responsive hay ch\u01b0a. Nh\u01b0ng b\u1ea1n kh\u00f4ng ph\u1ea3i lo \u0111\u00e2u, ph\u1ea7n l\u1edbn theme \u0111\u00e3 c\u00f3 s\u1eb5n t\u00ednh n\u0103ng n\u00e0y r\u1ed3i.<\/li><\/ul>\n\n\n<p>OK, v\u1eady l\u00e0 xong c\u00e1c t\u00ednh n\u0103ng hi\u1ec7n c\u00f3. Nh\u01b0ng b\u00e0i vi\u1ebft n\u00e0y ch\u01b0a k\u1ebft th\u00fac. T\u00f4i mu\u1ed1n \u0111\u1ec1 c\u1eadp \u0111\u1ebfn 2 ph\u1ea7n cu\u1ed1i c\u00f9ng.<\/p>\n\n\n<p>\u0110\u1ea7u ti\u00ean l\u00e0 Exclude Keywords, l\u00e0 t\u00ednh n\u0103ng r\u1ea5t h\u1eefu \u00edch \u0111\u1ec3 b\u1ea1n lo\u1ea1i b\u1ecf lazy load \u0111\u1ed1i v\u1edbi nh\u1eefng \u1ea3nh Featured Image (\u1ea3nh hi\u1ec7n \u1edf \u0111\u1ea7u b\u00e0i vi\u1ebft). T\u1ea1i sao nh\u1eefng \u1ea3nh n\u00e0y kh\u00f4ng c\u1ea7n lazy load, v\u00ec \u0111\u00e2y l\u00e0 \u1ea3nh n\u1eb1m ngay trong <a href=\"https:\/\/kiencang.net\/man-hinh-dau-tien\/\">m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>, n\u00f3 c\u0169ng gi\u1ed1ng nh\u01b0 logo v\u1eady, kh\u00f4ng c\u1ea7n lazy load, ch\u00ednh x\u00e1c h\u01a1n l\u00e0 t\u1ea3i l\u01b0\u1eddi c\u00f2n c\u00f3 h\u1ea1i nhi\u1ec1u h\u01a1n, v\u00ec n\u00f3 t\u1ea1o ra kho\u1ea3ng tr\u1ed1ng khi t\u1ea3i website.<\/p>\n\n\n<p>\u0110\u00e2y ch\u00ednh l\u00e0 t\u00ednh n\u0103ng featured image khi b\u1ea1n bi\u00ean t\u1eadp b\u00e0i vi\u1ebft tr\u00ean WordPress:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/featured-image.png\" alt=\"t\u00ednh n\u0103ng featured image tr\u00ean WordPress\" class=\"wp-image-13842\"\/><\/figure><\/div>\n\n\n<p>V\u00e0 \u1ea3nh featured image s\u1ebd hi\u1ec3n th\u1ecb b\u00ean ngo\u00e0i nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/feature-image-bai-viet.png\" alt=\"\u1ea3nh feature image hi\u1ec3n th\u1ecb ra b\u00ean ngo\u00e0i b\u00e0i vi\u1ebft\" class=\"wp-image-13844\"\/><\/figure><\/div>\n\n\n<p>\u0110\u1ec3 lo\u1ea1i b\u1ecf \u1ea3nh n\u00e0y kh\u1ecfi lazy load b\u1ea1n ch\u1ec9 c\u1ea7n th\u00eam t\u1eeb kh\u00f3a <strong>wp-post-image&nbsp;<\/strong>v\u00e0o ph\u1ea7n Exclude Keywords \u1edf tr\u00ean gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/wp-post-image.png\" alt=\"lo\u1ea1i b\u1ecf \u1ea3nh \u0111\u1ea7u b\u00e0i vi\u1ebft\" class=\"wp-image-13845\"\/><\/figure><\/div>\n\n\n<p>Sau \u0111\u00f3 b\u1ea1n nh\u1ea5n Save change \u0111\u1ec3 l\u01b0u thay \u0111\u1ed5i.<\/p>\n\n\n<p>\u0110\u1ec3 ki\u1ec3m tra xem \u0111\u00e3 l\u00e0m ch\u00ednh x\u00e1c ch\u01b0a, b\u1ea1n ch\u1ec9 c\u1ea7n v\u00e0o b\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, chu\u1ed9t ph\u1ea3i v\u00e0o \u1ea3nh, v\u00e0 nh\u1ea5n ki\u1ec3m tra, n\u00f3 s\u1ebd hi\u1ec3n th\u1ecb ra m\u00e3 \u1ea3nh:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/ma-anh.png\" alt=\"m\u00e3 \u1ea3nh\" class=\"wp-image-13846\"\/><\/figure><\/div>\n\n\n<p>N\u1ebfu b\u1ea1n kh\u00f4ng th\u1ea5y <strong><span class=\"webkit-html-attribute-name\">loading<\/span>=&#8221;<span class=\"webkit-html-attribute-value\">lazy<\/span>&#8220;<\/strong> th\u00ec b\u1ea1n \u0111\u00e3 l\u00e0m ch\u00ednh x\u00e1c (b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y <strong>wp-post-image <\/strong>ch\u00ednh l\u00e0 m\u1ed9t trong c\u00e1c t\u00ean class c\u1ee7a \u1ea3nh, plugin d\u1ef1a v\u00e0o \u0111i\u1ec1u n\u00e0y \u0111\u1ec3 lo\u1ea1i tr\u1eeb).<\/p>\n\n\n<p>Khi b\u1ea1n ki\u1ec3m tra c\u00e1c \u1ea3nh kh\u00e1c trong b\u00e0i vi\u1ebft (n\u1ebfu c\u00f3), b\u1ea1n s\u1ebd <em>ph\u1ea3i t\u00ecm th\u1ea5y<\/em> <span class=\"webkit-html-attribute-name\">loading<\/span>=&#8221;<span class=\"webkit-html-attribute-value\">lazy<\/span>&#8220;, v\u00ec ch\u00fang ta ch\u1ec9 lo\u1ea1i tr\u1eeb t\u1ea3i l\u01b0\u1eddi v\u1edbi \u1ea3nh featured image m\u00e0 th\u00f4i.<\/p>\n\n\n<p>\u0110o\u1ea1n m\u00e3 c\u1ee7a m\u1ed9t \u1ea3nh b\u00ean d\u01b0\u1edbi:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/van-con-lazy-loading.png\" alt=\"m\u00e3 \u1ea3nh v\u1eabn c\u00f3 lazy load\" class=\"wp-image-13847\"\/><\/figure><\/div>\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y n\u00f3 v\u1eabn c\u00f2n thu\u1ed9c t\u00ednh <strong>loading=&#8221;lazy&#8221; <\/strong>trong khung m\u00e0 t\u00f4i \u0111\u00e1nh d\u1ea5u m\u00e0u \u0111\u1ecf. Thi\u1ebft l\u1eadp nh\u01b0 v\u1eady l\u00e0 ch\u00ednh x\u00e1c, sau khi l\u01b0u b\u1ea1n c\u1ea7n x\u00f3a cache (nh\u01b0 WP-Rocket, WP Super Cache, WP Fastest Cache, v\u00e2n v\u00e2n) \u0111\u1ec3 c\u00e1c c\u00e0i \u0111\u1eb7t n\u00e0y c\u00f3 t\u00e1c d\u1ee5ng ngay l\u1eadp t\u1ee9c v\u1edbi ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n<p>T\u00ednh n\u0103ng cu\u1ed1i c\u00f9ng Add responsive images, \u0111\u1ec3 ki\u1ec3m tra xem \u1ea3nh tr\u00ean website c\u1ee7a b\u1ea1n \u0111\u00e3 c\u00f3 ch\u01b0a, th\u00ec c\u0169ng tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, b\u1ea1n chu\u1ed9t ph\u1ea3i r\u1ed3i nh\u1ea5n ki\u1ec3m tra nh\u01b0 tr\u00ean \u0111\u1ec3 xem m\u00e3.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n th\u1ea5y \u1ea3nh c\u00f3 srcset th\u00ec c\u00f3 ngh\u0129a l\u00e0 b\u1ea1n kh\u00f4ng c\u1ea7n tick ch\u1ecdn t\u00ednh n\u0103ng n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/anh-co-srcset.png\" alt=\"\u1ea3nh c\u00f3 srcset\" class=\"wp-image-13848\"\/><\/figure><\/div>\n\n\n<p>N\u00f3i chung th\u00f4ng th\u01b0\u1eddng l\u00e0 s\u1ebd c\u00f3, v\u00ec \u0111\u00e2y l\u00e0 ch\u1ee9c n\u0103ng c\u01a1 b\u1ea3n, hi\u1ebfm theme n\u00e0o kh\u00f4ng s\u1eed d\u1ee5ng.<\/p>\n\n\n<p>P\/S: Cu\u1ed1i th\u00e1ng 12\/2019, plugin Flying Image b\u1ed5 sung m\u1ed9t s\u1ed1 t\u00ednh n\u0103ng r\u1ea5t hay, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00eam \u1edf b\u00e0i vi\u1ebft n\u00e0y: <a href=\"https:\/\/kiencang.net\/plugin-flying-images-cai-tien\/\">speed.family\/plugin-flying-images-cai-tien\/<\/a><\/p>\n\n\n<p>Cu\u1ed1i c\u00f9ng t\u00f4i v\u1eabn nh\u1eafc l\u1ea1i m\u1ed9t s\u1ed1 l\u1eddi khuy\u00ean c\u0103n b\u1ea3n v\u1edbi lazy load \u1ea3nh:<\/p>\n\n\n<ul><li>Kh\u00f4ng s\u1eed d\u1ee5ng lazy load \u1ea3nh tr\u00ean trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed, n\u01a1i ng\u01b0\u1eddi d\u00f9ng r\u1ea5t thi\u1ebfu ki\u00ean nh\u1eabn v\u00e0 m\u1ed9t l\u1ed7i hi\u1ec3n th\u1ecb \u1ea3nh nh\u1ecf th\u00f4i c\u00f3 th\u1ec3 l\u00e0m b\u1ea1n m\u1ea5t m\u1ed9t \u0111\u01a1n h\u00e0ng c\u00f3 gi\u00e1 tr\u1ecb.<\/li><li>Tr\u00ean trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed b\u1ea1n n\u00ean t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i \u1ea3nh b\u1eb1ng m\u1ed9t trong c\u00e1c c\u00e1ch sau (ho\u1eb7c k\u1ebft h\u1ee3p ch\u00fang v\u1edbi nhau khi th\u00edch h\u1ee3p): (1) s\u1eed d\u1ee5ng host ch\u1ea5t l\u01b0\u1ee3ng h\u01a1n, g\u1ea7n ng\u01b0\u1eddi d\u00f9ng h\u01a1n; (2) s\u1eed d\u1ee5ng plugin n\u00e9n \u1ea3nh \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh xu\u1ed1ng t\u1ed1i \u0111a (nh\u01b0ng nh\u1edb s\u1eed d\u1ee5ng n\u00e9n kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng); (3) s\u1eed d\u1ee5ng CDN n\u1ebfu th\u1ea5y c\u1ea7n thi\u1ebft.<\/li><li>Lazy load \u1ea3nh c\u00f3 hi\u1ec7u qu\u1ea3 nh\u1ea5t v\u1edbi c\u00e1c b\u00e0i vi\u1ebft c\u00f3 nhi\u1ec1u \u1ea3nh d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean. N\u00f3 v\u1ec1 c\u01a1 b\u1ea3n gi\u00fap gi\u1ea3m t\u1ea3i cho m\u00e1y ch\u1ee7 (\u0111\u1ed3ng ngh\u0129a v\u1edbi ti\u1ebft ki\u1ec7m ti\u1ec1n n\u00e2ng c\u1ea5p), cho t\u1ed1c \u0111\u1ed9 t\u1ea3i ban \u0111\u1ea7u cao h\u01a1n \u0111\u00e1ng k\u1ec3.<\/li><\/ul>\n\n\n<p>Gi\u1edd l\u00e0 l\u00fac ch\u00e0o t\u1ea1m bi\u1ec7t.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u00e0i vi\u1ebft tr\u01b0\u1edbc t\u00f4i c\u00f3 gi\u1edbi thi\u1ec7u v\u1ec1 plugin lazy load \u1ea3nh r\u1ea5t th\u00fa v\u1ecb c\u00f3 t\u00ean Flying Images. Tuy nhi\u00ean kh\u00f4ng n\u00f3i g\u00ec v\u1ec1 c\u00e1c c\u00e0i \u0111\u1eb7t c\u1ea3. B\u00e0i vi\u1ebft ng\u1eafn n\u00e0y s\u1ebd b\u1ed5 sung thi\u1ebfu s\u00f3t \u0111\u00f3. Nh\u1eafc l\u1ea1i m\u1ed9t ch\u00fat, \u0111i\u1ec3m m\u1edbi c\u1ee7a plugin Flying Images l\u00e0 n\u00f3: S\u1eed d\u1ee5ng t\u00ednh &hellip;<\/p>\n","protected":false},"author":1,"featured_media":22050,"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>Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images &#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\/cai-dat-plugin-flying-images\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Trong b\u00e0i vi\u1ebft tr\u01b0\u1edbc t\u00f4i c\u00f3 gi\u1edbi thi\u1ec7u v\u1ec1 plugin lazy load \u1ea3nh r\u1ea5t th\u00fa v\u1ecb c\u00f3 t\u00ean Flying Images. Tuy nhi\u00ean kh\u00f4ng n\u00f3i g\u00ec v\u1ec1 c\u00e1c c\u00e0i \u0111\u1eb7t c\u1ea3. B\u00e0i vi\u1ebft ng\u1eafn n\u00e0y s\u1ebd b\u1ed5 sung thi\u1ebfu s\u00f3t \u0111\u00f3. Nh\u1eafc l\u1ea1i m\u1ed9t ch\u00fat, \u0111i\u1ec3m m\u1edbi c\u1ee7a plugin Flying Images l\u00e0 n\u00f3: S\u1eed d\u1ee5ng t\u00ednh &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/\" \/>\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-08T15:26: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=\"10 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images &#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\/cai-dat-plugin-flying-images\/","og_locale":"vi_VN","og_type":"article","og_title":"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Trong b\u00e0i vi\u1ebft tr\u01b0\u1edbc t\u00f4i c\u00f3 gi\u1edbi thi\u1ec7u v\u1ec1 plugin lazy load \u1ea3nh r\u1ea5t th\u00fa v\u1ecb c\u00f3 t\u00ean Flying Images. Tuy nhi\u00ean kh\u00f4ng n\u00f3i g\u00ec v\u1ec1 c\u00e1c c\u00e0i \u0111\u1eb7t c\u1ea3. B\u00e0i vi\u1ebft ng\u1eafn n\u00e0y s\u1ebd b\u1ed5 sung thi\u1ebfu s\u00f3t \u0111\u00f3. Nh\u1eafc l\u1ea1i m\u1ed9t ch\u00fat, \u0111i\u1ec3m m\u1edbi c\u1ee7a plugin Flying Images l\u00e0 n\u00f3: S\u1eed d\u1ee5ng t\u00ednh &hellip;","og_url":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2019-12-08T15:26: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":"10 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/","url":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/","name":"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2019-12-08T15:26:44+00:00","dateModified":"2019-12-08T15:26:44+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cai-dat-plugin-flying-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Thi\u1ebft l\u1eadp nhanh cho plugin lazy load \u1ea3nh Flying Images"}]},{"@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\/21995"}],"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=21995"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/21995\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/22050"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=21995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=21995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=21995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}