{"id":5111,"date":"2017-06-17T19:04:25","date_gmt":"2017-06-17T19:04:25","guid":{"rendered":"http:\/\/www.ducanhplus.com\/?p=5111"},"modified":"2017-06-17T19:04:25","modified_gmt":"2017-06-17T19:04:25","slug":"chuyen-anh-tren-wordpress-sang-dinh-dang-webp","status":"publish","type":"post","link":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/","title":{"rendered":"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG &#038; PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP"},"content":{"rendered":"\n<p>Sau khi th\u1ef1c hi\u1ec7n th\u1eed nghi\u1ec7m v\u1edbi vi\u1ec7c <a href=\"https:\/\/kiencang.net\/chuyen-anh-jpg-va-png-sang-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">chuy\u1ec3n \u1ea3nh \u0111\u1ecbnh d\u1ea1ng JPG v\u00e0 PNG sang WebP<\/a> v\u00e0 nh\u1eadn th\u1ea5y c\u00e1c \u1ea3nh n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u khi chuy\u1ec3n sang WebP cho \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng v\u1eabn t\u1ed1t \u0111\u1ed3ng th\u1eddi <em>dung l\u01b0\u1ee3ng gi\u1ea3m \u0111\u00e1ng k\u1ec3<\/em> t\u00f4i \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh chuy\u1ec3n to\u00e0n b\u1ed9 \u1ea3nh c\u1ee7a trang web \u0111\u1ed1i t\u00e1c (d\u00f9ng CMS WordPress) sang \u0111\u1ecbnh d\u1ea1ng WebP.<\/p>\n\n\n<p>Tr\u01b0\u1edbc khi \u0111i v\u00e0o chi ti\u1ebft thao t\u00e1c chuy\u1ec3n, t\u00f4i mu\u1ed1n k\u1ec3 cho c\u00e1c b\u1ea1n qu\u00e1 tr\u00ecnh t\u1ed1i \u01b0u h\u00f3a \u1ea3nh tr\u00ean trang \u0111\u00f3 tr\u01b0\u1edbc khi b\u1ea3n th\u00e2n bi\u1ebft \u0111\u1ebfn \u0111\u1ecbnh d\u1ea1ng WebP.<\/p>\n\n\n<p>T\u00f4i \u0111\u00e3 l\u00e0m c\u00e1c vi\u1ec7c sau:<\/p>\n\n\n<ul><li>C\u1ed1 g\u1eafng ch\u1ec9 s\u1eed d\u1ee5ng <strong>k\u00edch c\u1ee1 \u1ea3nh t\u1ed1i thi\u1ec3u c\u1ea7n thi\u1ebft<\/strong>, th\u01b0\u1eddng l\u00e0 chi\u1ec1u r\u1ed9ng 600px &#8211; 700px, ho\u1eb7c l\u1edbn l\u1eafm l\u00e0 1200px, khi t\u00f4i mu\u1ed1n ti\u1ec7n d\u00f9ng \u1ea3nh \u0111\u00f3 l\u00e0m thumbnail khi up l\u00ean Facebook (xem th\u00eam: <a href=\"https:\/\/kiencang.net\/kich-co-anh-phu-hop-imsantiny\/\" target=\"_blank\" rel=\"noreferrer noopener\">Thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc \u1ea3nh ph\u00f9 h\u1ee3p<\/a>).<\/li><li><strong>S\u1eed d\u1ee5ng n\u00e9n \u1ea3nh kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng<\/strong>. T\u00f4i s\u1eed d\u1ee5ng <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Imagify<\/a> \u0111\u1ec3 n\u00e9n (xem <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-imagify\/\" target=\"_blank\" rel=\"noreferrer noopener\">h\u01b0\u1edbng d\u1eabn c\u00e1ch d\u00f9ng \u1edf \u0111\u00e2y<\/a>), v\u00ec c\u00f3 r\u1ea5t nhi\u1ec1u b\u1ee9c \u1ea3nh ch\u01b0a \u0111\u01b0\u1ee3c n\u00e9n tr\u01b0\u1edbc \u0111\u00e2y n\u00ean t\u00f4i c\u1ea7n ph\u1ea3i <strong>mua g\u00f3i b\u1ed5 sung 1 l\u1ea7n <\/strong>(<em>c\u00e1ch n\u00e0y l\u00e0 r\u1ebb nh\u1ea5t v\u1edbi \u0111a s\u1ed1 c\u00e1c trang, l\u1ef1a ch\u1ecdn g\u00f3i theo th\u00e1ng ch\u1ec9 th\u00edch h\u1ee3p v\u1edbi trang n\u00e0o c\u00f3 l\u01b0\u1ee3ng up b\u00e0i \u0111\u1ec1u \u0111\u1eb7n s\u1ed1 l\u01b0\u1ee3ng l\u1edbn<\/em>), \u0111\u00e2u kho\u1ea3ng 10 USD \/ 1GB \u1ea3nh \u0111\u01b0\u1ee3c n\u00e9n. Kh\u00f4ng gi\u1edbi h\u1ea1n t\u00ean mi\u1ec1n, d\u00f9ng bao gi\u1edd h\u1ebft 1GB th\u00ec th\u00f4i. P\/S: v\u1ec1 sau t\u00f4i m\u1edbi bi\u1ebft, n\u1ebfu n\u00e9n \u1ea3nh kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng th\u00ec n\u00ean d\u00f9ng <a href=\"https:\/\/kiencang.net\/plugin-ewww-image-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\">EWWW<\/a> \u0111\u1ec3 mi\u1ec5n ph\u00ed (c\u00f3 nhi\u1ec1u t\u00f9y ch\u1ecdn), m\u1ed9t l\u1ef1a ch\u1ecdn kh\u00e1c c\u0169ng r\u1ea5t tuy\u1ec7t l\u00e0 <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-resmush-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">reSmush<\/a>\u00a0(\u00edt t\u00f9y ch\u1ecdn h\u01a1n). Hi\u1ec7n b\u1ea1n n\u00e0o d\u00f9ng <a href=\"https:\/\/kiencang.net\/hd-plugin-litespeed-cache-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin LiteSpeed cache th\u00ec d\u00f9ng ch\u00ednh plugin n\u00e0y \u0111\u1ec3 n\u00e9n \u1ea3nh<\/a> l\u00e0 ti\u1ec7n nh\u1ea5t.<\/li><li><strong>Gi\u1ea3m s\u00e2u dung l\u01b0\u1ee3ng<\/strong> cho m\u1ed9t s\u1ed1 b\u1ee9c \u1ea3nh c\u00f3 l\u01b0\u1ee3ng truy c\u1eadp l\u1edbn, th\u00ed d\u1ee5 nh\u01b0 \u1ea3nh banner, \u1ea3nh c\u1ed9t ph\u1ea3i, \u1ea3nh nh\u00fang qu\u1ea3ng c\u00e1o trong b\u00e0i vi\u1ebft. Nh\u1eefng \u1ea3nh \u0111\u00f3 \u0111\u01b0\u1ee3c gi\u1ea3m dung l\u01b0\u1ee3ng m\u1ea1nh nh\u1edd <strong>n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng\u00a0<\/strong>(nh\u01b0ng v\u1eabn \u0111\u1ee7 \u0111\u1ec3 nh\u00ecn kh\u00f4ng qu\u00e1 t\u1ec7), t\u00f4i s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 t\u1ed1i \u01b0u\u00a0<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=vi\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a>\u00a0(xem <a href=\"https:\/\/kiencang.net\/tang-toc-web-pagespeed-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">h\u01b0\u1edbng d\u1eabn \u00e1p d\u1ee5ng PageSpeed Insights \u0111\u1ec3 t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 website \u1edf \u0111\u00e2y<\/a>) cho \u1ea3nh JPG v\u00e0 <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG<\/a> cho \u1ea3nh PNG. \u01afu \u0111i\u1ec3m c\u1ee7a 2 c\u00f4ng c\u1ee5 n\u00e0y l\u00e0 gi\u1ea3m \u0111\u01b0\u1ee3c dung l\u01b0\u1ee3ng kh\u00e1 nhi\u1ec1u (th\u01b0\u1eddng t\u1eeb 30 &#8211; 70%) nh\u01b0ng ch\u1ea5t l\u01b0\u1ee3ng r\u1ea5t \u00edt b\u1ecb \u1ea3nh h\u01b0\u1edfng.<\/li><\/ul>\n\n\n<p>C\u00e1c c\u00e1ch n\u00e0y th\u1ef1c s\u1ef1 hi\u1ec7u qu\u1ea3, nh\u1edd n\u00f3 m\u00e0 nhi\u1ec1u trang t\u00f4i gi\u1ea3m \u0111\u01b0\u1ee3c 50 &#8211; 300KB \u1ea3nh, \u0111\u00fang l\u00e0 gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n<p>N\u00f3i \u0111\u1ebfn \u1ea3nh th\u00ec l\u1ea1i nh\u1eafc t\u00f4i v\u1ec1 qu\u00e1 kh\u1ee9 t\u1eebng s\u1eed d\u1ee5ng d\u1ecbch v\u1ee5 CDN c\u1ee7a <a href=\"https:\/\/www.maxcdn.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">MaxCDN<\/a> v\u00e0 photon c\u1ee7a <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jetpack Automatic<\/a>. \u0110\u00e2y c\u0169ng l\u00e0 c\u00e1ch th\u1ee9c gi\u00fap t\u0103ng t\u1ed1c b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng m\u00e1y ch\u1ee7 ph\u00e2n t\u00e1n \u0111\u1ec3 d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c t\u1ea3i t\u1eeb n\u01a1i g\u1ea7n ng\u01b0\u1eddi d\u00f9ng nh\u1ea5t. Tuy nhi\u00ean ch\u00fang l\u00e0 k\u1ef7 ni\u1ec7m kh\u00f4ng m\u1ea5y d\u1ec5 ch\u1ecbu.<\/p>\n\n\n<p>V\u1edbi MaxCDN th\u00ec t\u00f4i d\u00ednh m\u1ea5y l\u1ea7n downtime do c\u00f3 v\u1ea5n \u0111\u1ec1 v\u1edbi m\u00e1y ch\u1ee7 \u1edf Singapore (\u0111\u1ec3 cho c\u00f4ng b\u1eb1ng, th\u00ec s\u1ef1 ki\u1ec7n t\u00f4i b\u1ecb downtime ch\u1ec9 l\u00e0 v\u1ea5n \u0111\u1ec1 th\u1eddi \u0111i\u1ec3m th\u00f4i, v\u1ec1 sau MaxCDN thu\u1ed9c v\u1ec1 Stackpath v\u00e0 c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng r\u1ea5t \u1ed5n, hi\u1ec7n nhi\u1ec1u blog l\u1edbn tr\u00ean th\u1ebf gi\u1edbi v\u1eabn tin t\u01b0\u1edfng d\u00f9ng s\u1ea3n ph\u1ea9m c\u1ee7a h\u1ecd, v\u00ed d\u1ee5 nh\u01b0 <code>wpbeginner.com<\/code>).<\/p>\n\n\n<p>Sau \u0111\u1ea5y th\u00ec t\u00f4i c\u00f3 chuy\u1ec3n sang d\u00f9ng <a href=\"https:\/\/www.keycdn.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">KeyCDN<\/a> m\u1ed9t th\u1eddi gian, gi\u00e1 r\u1ebb h\u01a1n MaxCDN kh\u00e1 nhi\u1ec1u nh\u01b0ng c\u1ea3m t\u01b0\u1edfng t\u1ed1c \u0111\u1ed9 c\u0169ng kh\u00f4ng c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 n\u00ean l\u1ea1i th\u00f4i (c\u1eadp nh\u1eadt th\u00eam, gi\u1edd KeyCDN c\u0169ng r\u1ea5t \u1ed5n, n\u00f3 thu\u1ed9c nh\u00f3m d\u1ecbch v\u1ee5 CDN c\u00f3 quy m\u00f4 r\u1ea5t l\u1edbn, hi\u1ec7n \u0111\u00e3 m\u1edf r\u1ed9ng th\u00eam nhi\u1ec1u PoP v\u00e0 c\u00e1c t\u00ednh n\u0103ng \u0111a d\u1ea1ng, giao di\u1ec7n s\u1eed d\u1ee5ng th\u00e2n thi\u1ec7n. <\/p>\n\n\n<p>Hi\u1ec7n KeyCDN \u0111ang l\u00e0 \u0111\u1ed1i t\u00e1c c\u1ee7a Kinsta, m\u1ed9t c\u00f4ng ty hosting chuy\u00ean cho WordPress d\u00e0nh cho ph\u00e2n kh\u00fac kh\u00e1ch h\u00e0ng cao c\u1ea5p. KeyCDN c\u0169ng ph\u00e1t tri\u1ec3n h\u00e0ng lo\u1ea1t c\u00e1c c\u00f4ng c\u1ee5 gi\u00fap ki\u1ec3m tra, ph\u00e2n t\u00edch \u0111\u1ec3 c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website: <a href=\"https:\/\/tools.keycdn.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/tools.keycdn.com\/<\/a>\u00a0v\u00e0 nhi\u1ec1u plugin WP d\u00e0nh cho vi\u1ec7c c\u1ea3i thi\u1ec7n hi\u1ec7u n\u0103ng nh\u01b0 <a href=\"https:\/\/kiencang.net\/plugin-cache-enabler\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cache Enabler<\/a> \/ chuy\u00ean \u0111\u1ec3 t\u1ea1o trang t\u0129nh, CDN Enabler \/ d\u00f9ng \u0111\u1ec3 t\u00edch h\u1ee3p v\u1edbi c\u00e1c d\u1ecbch v\u1ee5 CDN b\u1ea5t k\u1ef3, v\u00e0 Optimus \/ t\u1ed1i \u01b0u h\u00f3a \u1ea3nh, trong \u0111\u00f3 c\u00f3 chuy\u1ec3n \u1ea3nh sang WebP &#8211; l\u00e0 d\u1ecbch v\u1ee5 c\u00f3 ph\u00ed).<\/p>\n\n\n<p>C\u00f2n v\u1ec1 Jetpack c\u1ee7a Automatic th\u00ec sao, m\u1eb7c d\u00f9 c\u00f3 \u01b0u \u0111i\u1ec3m kh\u00f4ng th\u1ec3 ch\u1ed1i c\u00e3i l\u00e0 mi\u1ec5n ph\u00ed nh\u01b0ng n\u00f3 kh\u00f4ng ph\u1ea3i l\u00e0 d\u1ecbch v\u1ee5 CDN ch\u1ea5t l\u01b0\u1ee3ng. T\u1ed1c \u0111\u1ed9 kh\u00f4ng cao, \u1ea3nh b\u1ecb gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng l\u00e0 nh\u01b0\u1ee3c \u0111i\u1ec3m l\u1edbn nh\u1ea5t. N\u00f3i \u0111\u00fang th\u00ec n\u00f3 ch\u1ec9 h\u1ee3p v\u1edbi nh\u1eefng ai mu\u1ed1n ti\u1ebft ki\u1ec7m b\u0103ng th\u00f4ng ho\u1eb7c\/v\u00e0 mong gi\u1ea3m t\u1ea3i m\u00e1y ch\u1ee7 y\u1ebfu \u1edbt c\u1ee7a h\u1ecd. Xem th\u00eam <a href=\"https:\/\/kiencang.net\/tang-toc-do-website-jetpack\/\" target=\"_blank\" rel=\"noreferrer noopener\">b\u00e0i \u0111\u00e1nh gi\u00e1 v\u1ec1 c\u00e1c t\u00ednh n\u0103ng t\u0103ng t\u1ed1c \u0111\u1ed9 c\u1ee7a Jetpack \u1edf \u0111\u00e2y<\/a> (c\u1eadp nh\u1eadt, hi\u1ec7n ch\u1ea5t l\u01b0\u1ee3ng c\u1ee7a JetPack \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3).<\/p>\n\n\n<p>R\u1ed3i th\u00ec <a href=\"https:\/\/kiencang.net\/google-amp-tang-toc-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google AMP<\/a> \u1eadp \u0111\u1ebfn, t\u1ed1c \u0111\u1ed9 nhanh \u0111\u1ebfn b\u1ea5t ng\u1edd. M\u1ed9t s\u1ef1 h\u1ea5p d\u1eabn ph\u1ea3i n\u00f3i l\u00e0 r\u1ea5t kh\u00f3 c\u01b0\u1ee1ng l\u1ea1i, th\u1ef1c t\u1ebf trang web n\u00e0y b\u1ea1n \u0111ang \u0111\u1ecdc \u0111\u00e3 \u00e1p d\u1ee5ng AMP th\u00f4ng qua <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin AMP<\/a> d\u00e0nh cho WordPress (k\u1ebft qu\u1ea3 c\u1ee7a s\u1ef1 ph\u1ed1i h\u1ee3p gi\u1eefa Automatic v\u00e0 Google).<\/p>\n\n\n<p>Tuy nhi\u00ean t\u00f4i kh\u00f4ng \u00e1p d\u1ee5ng Google AMP cho trang c\u1ee7a \u0111\u1ed1i t\u00e1c. D\u00f9 cho t\u1ed1c \u0111\u1ed9 h\u1ea5p d\u1eabn, Google AMP nh\u01b0 t\u00f4i t\u1eebng n\u00f3i r\u1ea5t gi\u1ed1ng &#8220;n\u00e9n \u1ea3nh m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng&#8221; \u1edf kh\u00eda c\u1ea1nh n\u00f3 s\u1ebd lo\u1ea1i b\u1ecf nhi\u1ec1u y\u1ebfu t\u1ed1 c\u1ee7a trang web. L\u00fd do h\u00e0ng \u0111\u1ea7u khi\u1ebfn cho trang d\u00f9ng AMP nhanh l\u00e0 v\u00ec n\u00f3 \u0111\u01b0\u1ee3c r\u00fat g\u1ecdn \u0111i r\u1ea5t nhi\u1ec1u nh\u1eefng ph\u1ea7n r\u00e2u ria c\u1ee7a trang, v\u00ed d\u1ee5 nh\u01b0 c\u00e1c widget, ph\u1ea7n b\u00ecnh lu\u1eadn, c\u00e1c CSS l\u00e0m \u0111\u1eb9p trang, v\u00e2n v\u00e2n, n\u00f3 ch\u1ec9 \u0111\u1ec3 l\u1ea1i h\u1ea7u nh\u01b0 c\u00f2n m\u1ed7i n\u1ed9i dung l\u00f5i m\u00e0 th\u00f4i.<\/p>\n\n\n<p>Ch\u00ednh v\u00ec v\u1eady AMP kh\u00f4ng d\u00e0nh cho m\u1ecdi website, c\u1ee5 th\u1ec3 th\u00ec n\u00f3 kh\u00f4ng h\u1ee3p cho trang c\u1ea7n nhi\u1ec1u t\u00ednh n\u0103ng \u0111i k\u00e8m nh\u01b0 trang kh\u00e1ch h\u00e0ng c\u1ee7a t\u00f4i. T\u1ed1c \u0111\u1ed9 s\u1ebd kh\u00f4ng th\u1ec3 b\u00f9 \u0111\u1eafp \u0111\u01b0\u1ee3c h\u00e0ng lo\u1ea1t c\u00e1c thi\u1ec7t th\u00f2i kh\u00e1c m\u00e0 trang web c\u00f3 kh\u1ea3 n\u0103ng cao ph\u1ea3i g\u00e1nh ch\u1ecbu.<\/p>\n\n\n<p>V\u1eady l\u00e0 t\u00f4i t\u1eeb b\u1ecf AMP d\u00f9 r\u1ea5t ti\u1ebfc.<\/p>\n\n\n<p>N\u00f3i v\u1ec1 hosting, t\u00f4i s\u1eed d\u1ee5ng g\u00f3i <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">DreamPress<\/a> t\u1ed1i \u01b0u ri\u00eang cho WordPress c\u1ee7a Dreamhost, s\u1eed d\u1ee5ng host t\u1ed1t l\u00e0 m\u1ed9t trong c\u00e1c c\u00e1ch c\u01a1 b\u1ea3n \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u0103ng t\u1ed1c \u0111\u1ed9 WordPress<\/a>. V\u00ec n\u1ec1n t\u1ea3ng c\u1ee7a n\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u s\u1eb5n kh\u00e1 nhi\u1ec1u n\u00ean t\u00f4i kh\u00f4ng ph\u1ea3i c\u00e0i \u0111\u1eb7t th\u00eam plugin cache ki\u1ec3u nh\u01b0 <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3 Total cache<\/a>.<\/p>\n\n\n<p>C\u00f3 v\u1ebb nh\u01b0 t\u00f4i \u0111\u00e3 \u0111i h\u01a1i xa so v\u1edbi m\u1ee5c \u0111\u00edch ban \u0111\u1ea7u. Quay tr\u1edf l\u1ea1i <a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh \u0111\u1ecbnh d\u1ea1ng WebP<\/a>. Kh\u1ea3 n\u0103ng m\u1ea1nh c\u1ee7a n\u00f3 l\u00e0m t\u00f4i c\u1ea3m th\u1ea5y l\u1ea1 khi gi\u1edd \u0111\u00e2y m\u1edbi bi\u1ebft \u0111\u1ebfn, v\u00ec <strong>WebP \u0111\u01b0\u1ee3c Google ph\u00e1t tri\u1ec3n t\u1eeb t\u1eadn n\u0103m 2010 r\u1ed3i<\/strong>, t\u1ee9c l\u00e0 \u0111\u00e3 7 n\u0103m tr\u1eddi.<\/p>\n\n\n<p>\u01afu \u0111i\u1ec3m n\u1ed5i b\u1eadt c\u1ee7a WebP l\u00e0 cho \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng t\u01b0\u01a1ng t\u1ef1 JPG v\u00e0 PNG nh\u01b0ng dung l\u01b0\u1ee3ng gi\u1ea3m kho\u1ea3ng 20 &#8211; 30%, \u0111\u1ed1i v\u1edbi n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng, dung l\u01b0\u1ee3ng c\u00f2n c\u00f3 th\u1ec3 gi\u1ea3m nhi\u1ec1u h\u01a1n n\u1eefa, ch\u1eb3ng h\u1ea1n c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u1ebfn 3 l\u1ea7n v\u1edbi \u1ea3nh PNG. <a href=\"https:\/\/kiencang.net\/cac-ky-thuat-nen-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebP s\u1eed d\u1ee5ng c\u1ea3 hai k\u1ef9 thu\u1eadt n\u00e9n<\/a> m\u1ea5t d\u1eef li\u1ec7u v\u00e0 kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u. Trong \u0111\u00f3 k\u1ef9 thu\u1eadt n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u do nh\u00f3m WebP ph\u00e1t tri\u1ec3n, c\u00f2n n\u00e9n m\u1ea5t d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c sao ch\u00e9p t\u1eeb k\u1ef9 thu\u1eadt n\u00e9n video VP8 \u0111\u00e3 bi\u1ebft.<\/p>\n\n\n<p>L\u00fac \u0111\u1ea7u t\u00f4i lo l\u1eafng vi\u1ec7c chuy\u1ec3n sang WebP c\u00f3 \u0111\u00e1ng kh\u00f4ng, v\u00ec \u0111\u1ecbnh d\u1ea1ng n\u00e0y kh\u00f4ng \u0111\u01b0\u1ee3c nhi\u1ec1u tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 (m\u1edbi c\u00f3 Chrome v\u00e0 Opera), s\u1ebd phi\u1ec1n to\u00e1i h\u01a1n trong qu\u00e1 tr\u00ecnh d\u00f9ng. Nh\u01b0ng 2 c\u00e1i l\u00e0m t\u00f4i c\u1ea3m th\u1ea5y t\u1ef1 tin l\u00e0:<\/p>\n\n\n<ul><li>Dung l\u01b0\u1ee3ng \u1ea3nh gi\u1ea3m th\u1ef1c s\u1ef1 \u0111\u00e1ng k\u1ec3.<\/li><li>Chrome \u0111\u1eb7c bi\u1ebft ph\u1ed5 bi\u1ebfn \u1edf Vi\u1ec7t Nam, tr\u00ecnh duy\u1ec7t C\u1ed1c C\u1ed1c c\u0169ng \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n tr\u00ean c\u00f9ng n\u1ec1n t\u1ea3ng c\u00e0ng l\u00e0m n\u00f3 ph\u1ed5 bi\u1ebfn h\u01a1n.<\/li><\/ul>\n\n\n<p>Khi t\u00f4i v\u00e0o Google Analystics c\u1ee7a website \u0111\u1ed1i t\u00e1c \u0111\u1ec3 xem c\u1ee5 th\u1ec3 c\u00f3 bao nhi\u00eau % ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i \u00edch khi chuy\u1ec3n \u1ea3nh sang \u0111\u1ecbnh d\u1ea1ng WebP, th\u00ec \u0111\u00e2y l\u00e0 k\u1ebft qu\u1ea3:<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/trinh-duyet-su-dung.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/trinh-duyet-su-dung.png\" alt=\"V\u1edbi trang n\u00e0y c\u1ee7a t\u00f4i, IE &amp; FireFox chi\u1ebfm kh\u00f4ng \u0111\u1ebfn 1,5% ng\u01b0\u1eddi d\u00f9ng. Ch\u1ee7 y\u1ebfu l\u00e0 Chrome c\u00e1c phi\u00ean b\u1ea3n \u0111\u1ec3 b\u00e0n, \u0111i\u1ec7n tho\u1ea1i v\u00e0 Safari c\u1ee7a Apple\" class=\"wp-image-5112\"\/><\/a><figcaption>V\u1edbi trang n\u00e0y c\u1ee7a \u0111\u1ed1i t\u00e1c, IE &amp; FireFox chi\u1ebfm kh\u00f4ng \u0111\u1ebfn 1,5% ng\u01b0\u1eddi d\u00f9ng. Ch\u1ee7 y\u1ebfu l\u00e0 Chrome c\u00e1c phi\u00ean b\u1ea3n \u0111\u1ec3 b\u00e0n, \u0111i\u1ec7n tho\u1ea1i v\u00e0 Safari c\u1ee7a Apple.<\/figcaption><\/figure><\/div>\n\n\n<p>Khi t\u00f4i c\u1ed9ng t\u1ea5t c\u1ea3 v\u00e0o th\u00ec <strong>kho\u1ea3ng 61%<\/strong> s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edfng l\u1ee3i nh\u1edd dung l\u01b0\u1ee3ng \u1ea3nh gi\u1ea3m. Con s\u1ed1 l\u1edbn \u0111\u00e1ng \u0111\u1ec3 t\u00f4i \u00e1p d\u1ee5ng, th\u1ef1c l\u00f2ng m\u00e0 n\u00f3i trong c\u1ea3m ngh\u0129, t\u00f4i ch\u1ec9 c\u1ea7n kho\u1ea3ng 30% ng\u01b0\u1eddi d\u00f9ng l\u00e0 \u0111\u00e3 \u00e1p d\u1ee5ng r\u1ed3i&#8230;<\/p>\n\n\n<p>V\u1eady 39% ng\u01b0\u1eddi d\u00f9ng c\u00f2n l\u1ea1i th\u00ec sao? H\u1ecd s\u1ebd v\u1eabn l\u01b0\u1edbt web v\u1edbi \u1ea3nh JPG v\u00e0 PNG truy\u1ec1n th\u1ed1ng.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">D\u00f9ng plugin \u0111\u1ec3 t\u1ea1o \u1ea3nh WebP<\/h2>\n\n\n<p>WordPress kh\u00f4ng cho up tr\u1ef1c ti\u1ebfp \u1ea3nh \u0111\u1ecbnh d\u1ea1ng WebP l\u00ean, do v\u1eady s\u1ebd kh\u00f4ng c\u00f3 chuy\u1ec7n b\u1ea1n chuy\u1ec3n \u1ea3nh JPG v\u00e0 PNG sang WebP t\u1eeb desktop sau \u0111\u00f3 chuy\u1ec3n l\u00ean th\u01b0 vi\u1ec7n qua giao di\u1ec7n th\u00f4ng th\u01b0\u1eddng.<\/p>\n\n\n<p>Ngo\u00e0i ra s\u1ebd c\u00f2n r\u1ea5t nhi\u1ec1u \u1ea3nh c\u0169 tr\u01b0\u1edbc \u0111\u00e2y, k\u1ec3 c\u1ea3 vi\u1ec7c b\u1ea1n truy c\u1eadp th\u01b0 m\u1ee5c WordPress Content (wp-content\/uploads) d\u1ec5 d\u00e0ng th\u00f4ng qua FTP (b\u1eb1ng c\u00f4ng c\u1ee5 nh\u01b0 FileZilla) th\u00ec vi\u1ec7c chuy\u1ec3n m\u1ed9t \u0111\u1ed1ng \u1ea3nh c\u0169 sang WebP r\u1ed3i up l\u00ean l\u1ea1i th\u1ee7 c\u00f4ng b\u1eb1ng FTP s\u1ebd l\u00e0 c\u00f4ng vi\u1ec7c r\u1ea5t <em>t\u1ed1n th\u1eddi gian<\/em> v\u00e0 d\u1ec5 g\u00e2y <em>nh\u1ea7m l\u1eabn<\/em>.<\/p>\n\n\n<p>C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t l\u00e0 d\u00f9ng plugin, n\u00f3 s\u1ebd chuy\u1ec3n d\u1ec5 d\u00e0ng c\u00e1c \u1ea3nh c\u0169 sang WebP, \u0111\u1ed3ng th\u1eddi chuy\u1ec3n t\u1ef1 \u0111\u1ed9ng c\u00e1c \u1ea3nh m\u1edbi up n\u1eefa. Hi\u1ec7n t\u00f4i bi\u1ebft c\u00f3 3 plugin c\u00f3 kh\u1ea3 n\u0103ng chuy\u1ec3n \u1ea3nh sang \u0111\u1ecbnh d\u1ea1ng WebP:<\/p>\n\n\n<ul><li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\">EWWW Image Optimizer<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noreferrer noopener\">ShortPixel Image Optimizer<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/optimus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimus \u2013 WordPress Image Optimizer<\/a><\/li><\/ul>\n\n\n<p>Plugin m\u00e0 t\u00f4i l\u1ef1a ch\u1ecdn d\u00f9ng \u0111\u1ec3 chuy\u1ec3n \u1ea3nh sang WebP l\u00e0 ShortPixel, d\u0129 nhi\u00ean vi\u1ec7c n\u00e0y s\u1ebd g\u00e2y t\u1ed1n ti\u1ec1n (c\u00e1c l\u1ef1a ch\u1ecdn kh\u00e1c c\u0169ng v\u1eady). Ti\u1ebfc l\u00e0 Imagify \u0111\u00e3 s\u1eafm tr\u01b0\u1edbc \u0111\u00e2y l\u1ea1i kh\u00f4ng c\u00f3 t\u00ednh n\u0103ng chuy\u1ec3n \u1ea3nh sang WebP.<\/p>\n\n\n<p>Theo th\u1ed1ng k\u00ea t\u00f4i c\u00f3 h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh, trong \u0111\u00f3 ch\u1ec9 h\u01a1n 1000 l\u00e0 \u1ea3nh g\u1ed1c c\u00f2n l\u1ea1i l\u00e0 g\u1ea7n 11 ng\u00e0n \u1ea3nh nh\u1ecf do WordPress t\u1ea1o th\u00eam cho c\u00e1c giao di\u1ec7n kh\u00e1c nhau, th\u00ed d\u1ee5 nh\u01b0 tr\u00ean \u0111i\u1ec7n tho\u1ea1i (\u0111\u00e2y c\u0169ng l\u00e0 m\u1ed9t c\u00e1ch <a href=\"https:\/\/kiencang.net\/toi-uu-hoa-anh-tren-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ed1i \u01b0u h\u00f3a \u1ea3nh cho website<\/a>, n\u1ebfu s\u1eed d\u1ee5ng \u1ea3nh g\u1ed1c to ban \u0111\u1ea7u cho desktop s\u1ebd t\u1ed1n dung l\u01b0\u1ee3ng h\u01a1n nhi\u1ec1u \u1ea3nh nh\u1ecf, v\u1ed1n v\u1eeba v\u1eb7n v\u1edbi \u0111i\u1ec7n tho\u1ea1i th\u00f4ng minh).<\/p>\n\n\n<p>H\u01a1i x\u00f3t v\u00ec s\u1ed1 l\u01b0\u1ee3ng \u1ea3nh n\u00e0y l\u1ea1i bu\u1ed9c t\u00f4i ph\u1ea3i nh\u00edch n\u00ean ch\u1ecdn l\u1ef1a g\u00f3i 20USD (s\u1ed1 l\u01b0\u1ee3ng t\u1ed1i \u01b0u cho 30 ng\u00e0n t\u1ea5m), g\u00f3i r\u1ebb nh\u1ea5t 10USD cho 10 ng\u00e0n b\u1ee9c \u1ea3nh th\u00ec m\u00ecnh v\u01b0\u1ee3t m\u1ea5t r\u1ed3i. D\u00f9 sao \u0111\u00e2y c\u0169ng l\u00e0 \u0111\u00e1nh \u0111\u1ed5i x\u1ee9ng \u0111\u00e1ng ch\u1ee9 (t\u1ef1 an \u1ee7i!), 1s t\u1ea3i trang t\u0103ng th\u00eam s\u1ebd l\u00e0m gi\u1ea3m 10% t\u1ef7 l\u1ec7 chuy\u1ec3n \u0111\u1ed5i c\u01a1 m\u00e0!<\/p>\n\n\n<p>ShortPixel c\u00f3 v\u1ebb n\u00e9n ch\u1eadm h\u01a1n Imagify, nh\u01b0ng t\u00f4i ngh\u0129 m\u1ed9t ph\u1ea7n nguy\u00ean nh\u00e2n l\u00e0 v\u00ec n\u00f3 c\u00f2n ph\u1ea3i t\u1ea1o th\u00eam \u0111\u1ecbnh d\u1ea1ng WebP n\u1eefa. V\u00ec c\u00e1c \u1ea3nh \u0111\u00e3 \u0111\u01b0\u1ee3c n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u tr\u01b0\u1edbc \u0111\u00f3 b\u1edfi Imagify n\u00ean vi\u1ec7c n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u ti\u1ebfp theo c\u1ee7a ShortPixel ch\u1ec9 ti\u1ebft ki\u1ec7m th\u00eam \u0111\u01b0\u1ee3c 1 &#8211; 2%. C\u01a1 m\u00e0 t\u00f4i kh\u00f4ng quan t\u00e2m \u0111\u1ebfn c\u00e1i \u0111\u00f3 l\u1eafm, v\u00e0 th\u1ef1c c\u0169ng h\u01a1i b\u1ea5t ng\u1edd khi n\u00f3 v\u1eabn t\u1ed1i \u01b0u th\u00eam \u0111\u01b0\u1ee3c&#8230;Tuy nhi\u00ean m\u1ee5c \u0111\u00edch ch\u00ednh ch\u1ec9 l\u00e0 \u0111\u1ec3 n\u00f3 chuy\u1ec3n h\u1ebft sang \u0111\u1ecbnh d\u1ea1ng WebP. Ph\u1ea3i m\u1ea5t 6 &#8211; 7 ti\u1ebfng \u0111\u1ec3 to\u00e0n b\u1ed9 qu\u00e1 tr\u00ecnh ho\u00e0n th\u00e0nh. M\u1ea5y ti\u1ebfng cu\u1ed1i t\u00f4i \u0111i ng\u1ee7 v\u00ec kh\u00f4ng ch\u1edd th\u00eam \u0111\u01b0\u1ee3c n\u1eefa.<\/p>\n\n\n<p>Sau khi chuy\u1ec3n \u0111\u1ed5i xong WordPress s\u1ebd t\u1ed3n t\u1ea1i song song hai b\u1ee9c \u1ea3nh c\u00f3 t\u00ean gi\u1ed1ng y nhau \u1edf c\u00f9ng th\u01b0 m\u1ee5c nh\u01b0ng ch\u1ec9 kh\u00e1c \u0111u\u00f4i, m\u1ed9t c\u00e1i l\u00e0 .jpg (ho\u1eb7c .png) c\u00f2n c\u00e1i kia l\u00e0 .webp<\/p>\n\n\n<p>V\u1ea5n \u0111\u1ec1 b\u00e2y gi\u1edd l\u00e0 ch\u00fang ta s\u1ebd ch\u1ecdn hi\u1ec3n th\u1ecb \u1ea3nh \u0111\u1ecbnh d\u1ea1ng WebP ch\u1ec9 tr\u00ean tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3, c\u00f2n c\u00e1c c\u00e1i kh\u00e1c v\u1eabn ph\u1ea3i hi\u1ec3n th\u1ecb \u1ea3nh \u0111\u1ecbnh d\u1ea1ng c\u0169.<\/p>\n\n\n<p><strong>C\u00e1ch 1. Th\u00eam m\u1ed9t \u0111o\u1ea1n m\u00e3 nh\u1ecf<\/strong><\/p>\n\n\n<p>B\u1ea1n c\u1ea7n th\u00eam m\u1ed9t \u0111o\u1ea1n m\u00e3 v\u00e0o file .htaccess (Apache), ho\u1eb7c nginx config, c\u1ee5 th\u1ec3 n\u00f3 th\u1ec3 n\u00e0y.<\/p>\n\n\n<p><strong>D\u00e0nh cho m\u00e1y ch\u1ee7 Apache<\/strong>&nbsp;(tr\u01b0\u1edbc h\u1ebft b\u1ea1 c\u1ea7n bi\u1ebft <a href=\"https:\/\/kiencang.net\/sua-htaccess-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1ch ch\u1ec9nh s\u1eeda file .htaccess<\/a> \u0111\u00e3, n\u00f3 r\u1ea5t d\u1ec5 g\u00e2y l\u1ed7i n\u1ebfu b\u1ea1n thao t\u00e1c nh\u1ea7m):<\/p>\n\n\n<pre class=\"wp-block-preformatted\">RewriteEngine On\nRewriteCond %{HTTP_ACCEPT} image\/webp\nRewriteCond %{DOCUMENT_ROOT}\/$1.webp -f\nRewriteRule ^(wp-content\/uploads.+)\\.(jpe?g|png)$ $1.webp [T=image\/webp,E=accept:1]\nHeader append Vary Accept env=REDIRECT_accept\nAddType image\/webp .webp<\/pre>\n\n\n<p><strong>D\u00e0nh cho m\u00e1y ch\u1ee7 Nginx<\/strong>:<\/p>\n\n\n<pre class=\"wp-block-preformatted\"># http config block\nmap $http_accept $webp_ext {\ndefault \"\";\n\"~*webp\" \".webp\";\n}\n# server config block\nlocation ~* ^\/wp-content\/.+\\.(png|jpg)$ {\nadd_header Vary Accept;\ntry_files $uri$webp_ext $uri =404;\n}<\/pre>\n\n\n<p><strong>Ch\u00fa \u00fd l\u00e0 c\u00e1ch n\u00e0y s\u1ebd kh\u00f4ng l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c v\u1edbi CDN.&nbsp;<\/strong>N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng CDN m\u00e0 v\u1eabn d\u00f9ng WebP theo c\u00e1ch tr\u00ean s\u1ebd g\u00e2y ra l\u1ed7i kh\u00f4ng hi\u1ec3n th\u1ecb \u1ea3nh tr\u00ean m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t (xem th\u00eam <a href=\"https:\/\/kiencang.net\/rac-roi-cdn\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c r\u1eafc r\u1ed1i khi l\u1ea7n \u0111\u1ea7u s\u1eed d\u1ee5ng CDN<\/a>). N\u1ebfu b\u1ea1n v\u1eabn mu\u1ed1n s\u1eed d\u1ee5ng CDN k\u1ebft h\u1ee3p v\u1edbi WebP c\u1ea7n can thi\u1ec7p s\u00e2u h\u01a1n v\u00e0o code. Hi\u1ec7n t\u00f4i bi\u1ebft c\u00f3 2 c\u00e1ch, m\u1ed9t l\u00e0 s\u1eed d\u1ee5ng CDN Enabler c\u1ee7a KeyCDN \u0111\u1ec3 n\u00f3 t\u1ea1o ra hai phi\u00ean b\u1ea3n cache kh\u00e1c nhau cho hai \u0111\u1ecbnh d\u1ea1ng \u1ea3nh, v\u00e0 nh\u1eadn di\u1ec7n tr\u00ecnh duy\u1ec7t \u0111\u1ec3 ph\u00e2n ph\u1ed1i b\u1ea3n cache th\u00edch h\u1ee3p. C\u00e1ch th\u1ee9 hai l\u00e0 s\u1eed d\u1ee5ng plugin ki\u1ec3u nh\u01b0:&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/webp-express\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/webp-express\/<\/a>, n\u00f3 s\u1ebd ch\u00e8n th\u00eam th\u1ebb m\u1edbi v\u00e0o \u1ea3nh, \u0111\u1ec3 \u0111\u1ed3ng th\u1eddi c\u00f3 hai \u0111\u1ecbnh d\u1ea1ng \u1ea3nh trong HTML, v\u00e0 ch\u1ecdn hi\u1ec3n th\u1ecb \u1ea3nh t\u00f9y theo tr\u00ecnh duy\u1ec7t b\u1eb1ng m\u1ed9t \u0111o\u1ea1n m\u00e3&#8230;<\/p>\n\n\n<p>&#8211; &#8211; &#8211;<\/p>\n\n\n<p>Sau khi \u0111o\u1ea1n m\u00e3 tr\u00ean \u0111\u01b0\u1ee3c th\u00eam v\u00e0o, b\u1ea1n s\u1ebd th\u1ea5y \u0111\u1ecbnh d\u1ea1ng ph\u1ea7n m\u1edf r\u1ed9ng kh\u00f4ng thay \u0111\u1ed5i, \u1ea3nh v\u1eabn c\u00f3 \u0111u\u00f4i l\u00e0 png ho\u1eb7c jpg, tuy nhi\u00ean \u1ea3nh t\u1ea3i th\u1ef1c s\u1ef1 v\u1ec1 \u0111\u00e3 l\u00e0 \u0111\u1ecbnh d\u1ea1ng webp v\u1edbi tr\u00ecnh duy\u1ec7t t\u01b0\u01a1ng th\u00edch v\u1edbi n\u00f3 (ch\u00ednh v\u00ec l\u00fd do n\u00e0y l\u00e0m t\u00f4i kh\u1ed1n kh\u1ed5 h\u01a1n 1 ti\u1ebfng \u0111\u1ed3ng h\u1ed3 v\u00ec c\u1ee9 ngh\u0129 m\u00ecnh \u0111\u00e3 thi\u1ebft l\u1eadp \u0111i\u1ec1u g\u00ec sai).<\/p>\n\n\n<p>\u0110\u1ec3 x\u00e1c th\u1ef1c \u0111i\u1ec1u \u0111\u1ea5y, b\u1ea1n v\u00e0o <strong>c\u00f4ng c\u1ee5 kh\u00e1c &gt; c\u00f4ng c\u1ee5 cho nh\u00e0 ph\u00e1t tri\u1ec3n<\/strong> tr\u00ean Google Chrome, sau \u0111\u00f3 v\u00e0o <strong>tab Network<\/strong>, cu\u1ed1i c\u00f9ng b\u1ea1n th\u1eed t\u1ea3i l\u1ea1i trang web, b\u1ea1n s\u1ebd th\u1ea5y \u1edf ph\u1ea7n <strong>Type<\/strong> \u0111\u1ecbnh d\u1ea1ng \u1ea3nh l\u00e0 webp m\u1eb7c d\u00f9 ph\u1ea7n m\u1edf r\u1ed9ng l\u00e0 jpg.<\/p>\n\n\n<p>\u0110\u1ec3 ch\u1ec9nh s\u1eeda .htaccess tr\u00ean WordPress b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00e1c plugin h\u1ed7 tr\u1ee3 thay v\u00ec ch\u1ec9nh s\u1eeda th\u1ee7 c\u00f4ng v\u00e0 up l\u1ea1i b\u1eb1ng FTP. M\u1ed9t trong c\u00e1c plugin ph\u1ed5 bi\u1ebfn nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng c\u00f3 kh\u1ea3 n\u0103ng n\u00e0y l\u00e0 <a href=\"https:\/\/kiencang.net\/yoast-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yoast SEO<\/a>.<\/p>\n\n\n<p><strong>C\u00e1ch 2: s\u1eed d\u1ee5ng plugin<\/strong><\/p>\n\n\n<p>\u0110\u00e2y l\u00e0 plugin cache c\u00f3 t\u00ean <a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cache Enabler plugin<\/a> c\u1ee7a KeyCDN c\u00f9ng h\u00e3ng ph\u00e1t tri\u1ec3n&nbsp;Optimus \u2013 WordPress Image Optimizer.<\/p>\n\n\n<p>B\u1ea1n v\u00e0o ph\u1ea7n&nbsp;Settings -&gt; Cache Enabler, v\u00e0 tick v\u00e0o ph\u1ea7n nh\u01b0 ph\u1ea7n \u0111\u01b0\u1ee3c \u0111\u00e1nh d\u1ea5u b\u00ean d\u01b0\u1edbi:<\/p>\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/webP-images-in-WordPress-cache-enabler.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/webP-images-in-WordPress-cache-enabler.png\" alt=\"\u1ea2nh ch\u1ee5p m\u00e0n h\u00ecnh thi\u1ebft l\u1eadp \" class=\"wp-image-5119\"\/><\/a><figcaption>\u1ea2nh ch\u1ee5p m\u00e0n h\u00ecnh thi\u1ebft l\u1eadp &#8211; \u1ea3nh c\u1ee7a wpcolt.com<\/figcaption><\/figure>\n\n\n<p>N\u00f3 s\u1ebd t\u1ea1o ra th\u00eam m\u1ed9t phi\u00ean b\u1ea3n cache d\u00e0nh ri\u00eang cho WebP ngo\u00e0i b\u1ea3n cache th\u00f4ng th\u01b0\u1eddng.<\/p>\n\n\n<p>C\u00e1 nh\u00e2n t\u00f4i d\u00f9ng c\u00e1ch 1, m\u1eb7c d\u00f9 c\u00e1ch 2 c\u00f3 v\u1ebb hay h\u01a1n, s\u1edf d\u0129 l\u00e0 v\u00ec trang c\u1ee7a \u0111\u1ed1i t\u00e1c \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u s\u1eb5n cache ph\u00eda m\u00e1y ch\u1ee7 r\u1ed3i n\u00ean th\u00eam m\u1ed9t c\u00e1i cache kh\u00e1c s\u1ebd t\u1ea1o ra th\u00eam r\u1eafc r\u1ed1i.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\">\u0110\u00e1nh gi\u00e1 m\u1ee9c \u0111\u1ed9 th\u00e0nh c\u00f4ng<\/h2>\n\n\n<p>Vi\u1ec7c chuy\u1ec3n \u1ea3nh sang \u0111\u1ecbnh d\u1ea1ng m\u1edbi c\u1ee7a t\u00f4i di\u1ec5n ra \u00eam th\u1ea5m, v\u00ec h\u1ea7u h\u1ebft c\u00e1c \u1ea3nh c\u00f3 t\u1eeb tr\u01b0\u1edbc \u0111\u1ec1u l\u00e0 \u1ea3nh n\u00e9n kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng n\u00ean vi\u1ec7c chuy\u1ec3n sang \u0111\u1ecbnh d\u1ea1ng m\u1edbi kh\u00f4ng l\u00e0m suy gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n<p>Duy c\u00f3 v\u00e0i \u1ea3nh JPG \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u r\u1ea5t nhi\u1ec1u th\u00ec sau khi chuy\u1ec3n sang WebP b\u1ecb suy gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5y kh\u00e1 r\u00f5. Ngo\u00e0i ra c\u00f3 2 &#8211; 3 b\u1ee9c \u1ea3nh PNG h\u1ed3i x\u01b0a t\u1eebng \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u m\u1ea5t d\u1eef li\u1ec7u b\u1eb1ng TinyPNG, sau khi chuy\u1ec3n sang WebP th\u00ec t\u0103ng dung l\u01b0\u1ee3ng! Nh\u01b0ng may m\u1eafn l\u00e0 ch\u1ec9 c\u00f3 v\u00e0i \u1ea3nh nh\u01b0 v\u1eady n\u00ean t\u00f4i ho\u00e0n to\u00e0n s\u1eeda ch\u1eefa th\u1ee7 c\u00f4ng \u0111\u01b0\u1ee3c.<\/p>\n\n\n<p>R\u1ea5t nhi\u1ec1u \u1ea3nh JPG kh\u00e1c \u0111\u00e3 gi\u1ea3m \u0111\u01b0\u1ee3c dung l\u01b0\u1ee3ng t\u1eeb 30% &#8211; 50% t\u1ea1o ra \u1ea3nh h\u01b0\u1edfng \u0111\u00e1ng k\u1ec3 \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang.<\/p>\n\n\n<p>To\u00e0n b\u1ed9 chi ph\u00ed cho thi\u1ebft l\u1eadp n\u00e0y c\u1ee7a t\u00f4i ch\u1ec9 l\u00e0 s\u1ed1 ti\u1ec1n 20 USD mua vi\u1ec7c chuy\u1ec3n \u0111\u1ed5i sang WebP c\u1ee7a plugin ShortPixel Image Optimizer. V\u1edbi vi\u1ec7c m\u1edbi ti\u00eau h\u1ebft h\u01a1n 10 ng\u00e0n b\u1ee9c tr\u00ean t\u1ed5ng s\u1ed1 30 ng\u00e0n b\u1ee9c, t\u00f4i s\u1ebd ch\u1ec9 ph\u1ea3i mua th\u00eam khi trang c\u1ee7a \u0111\u1ed1i t\u00e1c c\u00f3 th\u00eam t\u1ea7m 1000 b\u00e0i vi\u1ebft m\u1edbi. X\u00e9t ra th\u00ec kh\u00f4ng \u0111\u1eaft.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sau khi th\u1ef1c hi\u1ec7n th\u1eed nghi\u1ec7m v\u1edbi vi\u1ec7c chuy\u1ec3n \u1ea3nh \u0111\u1ecbnh d\u1ea1ng JPG v\u00e0 PNG sang WebP v\u00e0 nh\u1eadn th\u1ea5y c\u00e1c \u1ea3nh n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u khi chuy\u1ec3n sang WebP cho \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng v\u1eabn t\u1ed1t \u0111\u1ed3ng th\u1eddi dung l\u01b0\u1ee3ng gi\u1ea3m \u0111\u00e1ng k\u1ec3 t\u00f4i \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh chuy\u1ec3n to\u00e0n b\u1ed9 \u1ea3nh c\u1ee7a trang web &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[296],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG &amp; PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP &#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\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG &amp; PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Sau khi th\u1ef1c hi\u1ec7n th\u1eed nghi\u1ec7m v\u1edbi vi\u1ec7c chuy\u1ec3n \u1ea3nh \u0111\u1ecbnh d\u1ea1ng JPG v\u00e0 PNG sang WebP v\u00e0 nh\u1eadn th\u1ea5y c\u00e1c \u1ea3nh n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u khi chuy\u1ec3n sang WebP cho \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng v\u1eabn t\u1ed1t \u0111\u1ed3ng th\u1eddi dung l\u01b0\u1ee3ng gi\u1ea3m \u0111\u00e1ng k\u1ec3 t\u00f4i \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh chuy\u1ec3n to\u00e0n b\u1ed9 \u1ea3nh c\u1ee7a trang web &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/\" \/>\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=\"2017-06-17T19:04:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/trinh-duyet-su-dung.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=\"13 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG & PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP &#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\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/","og_locale":"vi_VN","og_type":"article","og_title":"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG & PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Sau khi th\u1ef1c hi\u1ec7n th\u1eed nghi\u1ec7m v\u1edbi vi\u1ec7c chuy\u1ec3n \u1ea3nh \u0111\u1ecbnh d\u1ea1ng JPG v\u00e0 PNG sang WebP v\u00e0 nh\u1eadn th\u1ea5y c\u00e1c \u1ea3nh n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u khi chuy\u1ec3n sang WebP cho \u1ea3nh ch\u1ea5t l\u01b0\u1ee3ng v\u1eabn t\u1ed1t \u0111\u1ed3ng th\u1eddi dung l\u01b0\u1ee3ng gi\u1ea3m \u0111\u00e1ng k\u1ec3 t\u00f4i \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh chuy\u1ec3n to\u00e0n b\u1ed9 \u1ea3nh c\u1ee7a trang web &hellip;","og_url":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2017-06-17T19:04:25+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/trinh-duyet-su-dung.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":"13 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/","url":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/","name":"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG & PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2017-06-17T19:04:25+00:00","dateModified":"2017-06-17T19:04:25+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/chuyen-anh-tren-wordpress-sang-dinh-dang-webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Chuy\u1ec3n th\u00e0nh c\u00f4ng h\u01a1n 12 ng\u00e0n b\u1ee9c \u1ea3nh JPG &#038; PNG tr\u00ean WordPress sang \u0111\u1ecbnh d\u1ea1ng WebP"}]},{"@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\/5111"}],"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=5111"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/5111\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=5111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=5111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=5111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}