{"id":16223,"date":"2020-08-08T10:20:40","date_gmt":"2020-08-08T03:20:40","guid":{"rendered":"https:\/\/speed.family\/?p=16223"},"modified":"2023-09-01T22:25:46","modified_gmt":"2023-09-01T15:25:46","slug":"toi-uu-anh-swift-performance","status":"publish","type":"post","link":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/","title":{"rendered":"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance"},"content":{"rendered":"\n<p>T\u1ed1i \u01b0u h\u00f3a \u1ea3nh l\u00e0 t\u00ednh n\u0103ng quan tr\u1ecdng, n\u00f3 l\u00e0 plugin m\u00e0 r\u1ea5t nhi\u1ec1u ng\u01b0\u1eddi \u0111ang c\u00e0i tr\u00ean website c\u1ee7a h\u1ecd, c\u00f3 c\u00e1c d\u00f2ng \u0111\u1ed9c l\u1eadp chuy\u00ean s\u00e2u cho m\u1ee5c \u0111\u00edch n\u00e0y, n\u1ed5i ti\u1ebfng c\u00f3 <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin ShortPixel<\/a>.<\/p>\n\n\n\n<p>N\u00f3i v\u1ec1 3 plugin cache m\u1ea1nh hi\u1ec7n n\u00e0y l\u00e0 <a href=\"https:\/\/kiencang.net\/hd-plugin-litespeed-cache-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache<\/a>, <a href=\"https:\/\/kiencang.net\/cach-dung-plugin-swift-performance\/\" target=\"_blank\" rel=\"noreferrer noopener\">Swift Performance<\/a> &amp; WP-Rocket, c\u00f3 v\u1ebb Swift cho t\u1ed1c \u0111\u1ed9 n\u00e9n \u1ea3nh t\u1ed1t nh\u1ea5t. \u0110\u1ec3 so s\u00e1nh th\u00ec WP-Rocket th\u1eadm ch\u00ed c\u00f2n kh\u00f4ng t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng n\u00e0y v\u00e0o plugin c\u1ee7a h\u1ecd, m\u00e0 y\u00eau c\u1ea7u c\u00e0i th\u00eam <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-imagify\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin tr\u1ea3 ph\u00ed Imagify<\/a> (c\u0169ng c\u1ee7a WP-Rocket) m\u1edbi tho\u1ea3i m\u00e1i n\u00e9n \u1ea3nh \u0111\u01b0\u1ee3c, t\u00f4i cho \u0111\u00e2y l\u00e0 \u0111i\u1ec3m tr\u1eeb \u0111\u1ed1i v\u1edbi WP-Rocket. <a href=\"https:\/\/kiencang.net\/toi-uu-anh-litespeed\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache c\u0169ng c\u00f3 t\u00ednh n\u0103ng n\u00e9n \u1ea3nh, v\u1edbi g\u00f3i free r\u1ea5t r\u1ed9ng r\u00e3i<\/a>, \u0111\u1ebfn m\u1ee9c hi\u1ebfm l\u1eafm b\u1ea1n m\u1edbi ph\u1ea3i mua g\u00f3i tr\u1ea3 ph\u00ed c\u1ee7a LiteSpeed&#8230;<\/p>\n\n\n\n<p>PS: T\u1ed1c \u0111\u1ed9 n\u00e9n \u1ea3nh c\u1ee7a LiteSpeed (d\u00f9ng QUIC cloud) c\u0169ng r\u1ea5t t\u1ed1t, trong v\u00f2ng 24h n\u00f3 c\u00f3 th\u1ec3 n\u00e9n \u0111\u01b0\u1ee3c 5000 \u1ea3nh (v\u1edbi h\u00e0ng \u0111\u1ee3i nhanh\/fast queue). N\u1ebfu tr\u00ean LiteSpeed b\u1ea1n n\u00e9n b\u1ecb ch\u1eadm th\u00ec ho\u1eb7c l\u00e0 do sai th\u00f4ng tin IP \u1edf ph\u1ea7n Settings tr\u00ean QUIC (th\u01b0\u1eddng l\u00e0 do sau khi <a href=\"https:\/\/kiencang.net\/category\/chuyen-host\/\">chuy\u1ec3n hosting<\/a>), ho\u1eb7c l\u00e0 b\u1ea1n \u0111\u00e3 h\u1ebft gi\u1edbi h\u1ea1n fast queue.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>D\u00f4ng d\u00e0i th\u1ebf l\u00e0 \u0111\u1ee7, gi\u1edd t\u00f4i s\u1ebd \u0111i v\u00e0o ph\u00e2n t\u00edch c\u00e1c t\u00ednh n\u0103ng n\u00e9n \u1ea3nh ch\u00ednh c\u1ee7a Swift.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-1024x465.png\" alt=\"T\u1ed1i \u01b0u \u1ea3nh b\u1eb1ng Swift Performance\" class=\"wp-image-16233\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-1024x465.png 1024w, https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-300x136.png 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-768x349.png 768w, https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1.png 1118w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Giao di\u1ec7n n\u00e9n \u1ea3nh c\u1ee7a Swift Performance<\/figcaption><\/figure><\/div>\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-6577d616da864\" ><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-6577d616da864\"  type=\"checkbox\" id=\"item-6577d616da864\"><\/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\/toi-uu-anh-swift-performance\/#Cac_tinh_nang_co_ban_simple_view\" title=\"C\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n (simple view)\">C\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n (simple view)<\/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\/toi-uu-anh-swift-performance\/#Cac_tinh_nang_nang_cao_advanced_view\" title=\"C\u00e1c t\u00ednh n\u0103ng n\u00e2ng cao (advanced view)\">C\u00e1c t\u00ednh n\u0103ng n\u00e2ng cao (advanced view)<\/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\/toi-uu-anh-swift-performance\/#Huong_dan_toi_uu_anh_voi_Swift\" title=\"H\u01b0\u1edbng d\u1eabn t\u1ed1i \u01b0u \u1ea3nh v\u1edbi Swift\">H\u01b0\u1edbng d\u1eabn t\u1ed1i \u01b0u \u1ea3nh v\u1edbi Swift<\/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\/toi-uu-anh-swift-performance\/#Thong_tin_ky_thuat\" title=\"Th\u00f4ng tin k\u1ef9 thu\u1eadt\">Th\u00f4ng tin 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\/toi-uu-anh-swift-performance\/#Kiem_tra_tinh_nang_long_anh_webp_vao_website\" title=\"Ki\u1ec3m tra t\u00ednh n\u0103ng l\u1ed3ng \u1ea3nh webp v\u00e0o website\">Ki\u1ec3m tra t\u00ednh n\u0103ng l\u1ed3ng \u1ea3nh webp v\u00e0o website<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_tinh_nang_co_ban_simple_view\"><\/span>C\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n (simple view)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul>\n<li>T\u1ef1 \u0111\u1ed9ng n\u00e9n \u1ea3nh khi t\u1ea3i \u1ea3nh l\u00ean (Optimize Images on Upload): s\u1eed d\u1ee5ng API c\u1ee7a Swift.<\/li>\n\n\n\n<li>C\u00f3 b\u1ed1n c\u1ea5p \u0111\u1ed9 n\u00e9n \u1ea3nh kh\u00e1c nhau (Image Optimizer), t\u00f4i th\u01b0\u1eddng d\u00f9ng lossless, t\u1ee9c l\u00e0 n\u00e9n kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u. C\u00e1c l\u1ef1a ch\u1ecdn c\u00f2n l\u1ea1i s\u1ebd n\u00e9n m\u1ea5t d\u1eef li\u1ec7u, v\u00e0 \u1ea3nh c\u00f3 th\u1ec3 b\u1ecb m\u1edd, n\u1ebfu d\u00f9ng b\u1ea1n n\u00ean th\u1eadn tr\u1ecdng.<\/li>\n\n\n\n<li>Gi\u1eef l\u1ea1i \u1ea3nh g\u1ed1c (Keep Original Images): \u0111\u1ec3 ph\u00f2ng khi vi\u1ec7c t\u1ed1i \u01b0u kh\u00f4ng nh\u01b0 \u00fd b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4i ph\u1ee5c l\u1ea1i \u1ea3nh g\u1ed1c.<\/li>\n\n\n\n<li>T\u1ea1o <a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh \u0111\u1ecbnh d\u1ea1ng WebP<\/a> (Generate WebP): \u0111\u1ecbnh d\u1ea1ng \u1ea3nh gi\u00fap ti\u1ebft ki\u1ec7m t\u1eeb 20 &#8211; 30% dung l\u01b0\u1ee3ng so v\u1edbi JPG &amp; PNG<\/li>\n\n\n\n<li>Nh\u00fang \u1ea3nh WebP v\u00e0o website (Serve WebP) khi c\u00f3 th\u1ec3.<\/li>\n\n\n\n<li>S\u1eed d\u1ee5ng \u1ea3nh n\u1ec1n l\u00e0 WebP khi c\u00f3 th\u1ec3 (Serve WebP Background Images).<\/li>\n\n\n\n<li>N\u1ed9i tuy\u1ebfn c\u00e1c \u1ea3nh nh\u1ecf (Inline Small Images). C\u00e1c \u1ea3nh nh\u1ecf d\u01b0\u1edbi 1KB c\u00f3 th\u1ec3 chuy\u1ec3n th\u00e0nh <a href=\"https:\/\/kiencang.net\/hinh-anh-ma-hoa-base64\/\" target=\"_blank\" rel=\"noreferrer noopener\">d\u1ea1ng \u1ea3nh base64<\/a> \u0111\u1ec3 gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i.<\/li>\n\n\n\n<li><a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazyload \u1ea3nh<\/a>. T\u00ednh n\u0103ng \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng tr\u00ean trang nhi\u1ec1u \u1ea3nh, v\u00e0 gi\u00fap c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang \u0111\u00e1ng k\u1ec3.<\/li>\n\n\n\n<li>Lo\u1ea1i tr\u1eeb URL \u1ea3nh kh\u00f4ng cho lazyload (Exclude Images URL). Nh\u1eefng \u1ea3nh thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, \u0111i\u1ec3n h\u00ecnh nh\u01b0 logo c\u1ea7n lo\u1ea1i tr\u1eeb kh\u00f4ng c\u1ea7n lazyload \u0111\u1ec3 n\u00f3 hi\u1ec3n th\u1ecb s\u1edbm nh\u1ea5t c\u00f3 th\u1ec3.<\/li>\n\n\n\n<li>Lo\u1ea1i tr\u1eeb \u1ea3nh kh\u00f4ng c\u1ea7n lazyload th\u00f4ng qua class c\u1ee7a \u1ea3nh (Exclude Images by CSS classname). M\u1ed9t c\u00e1ch th\u1ee9c kh\u00e1c \u0111\u1ec3 lo\u1ea1i b\u1ecf t\u00ednh n\u0103ng lazyload tr\u00ean h\u00e0ng lo\u1ea1t \u1ea3nh. V\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh l\u00e0 \u1ea3nh feature image th\u01b0\u1eddng l\u00e0m \u1ea3nh minh h\u1ecda ngay \u0111\u1ea7u b\u00e0i vi\u1ebft (v\u00e0 do v\u1eady c\u0169ng th\u01b0\u1eddng n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean).<\/li>\n\n\n\n<li>N\u1ed9i tuy\u1ebfn \u1ea3nh nh\u1ecf ch\u1ea5t l\u01b0\u1ee3ng th\u1ea5p s\u1eed d\u1ee5ng trong lazyload (<a href=\"https:\/\/kiencang.net\/anh-lqip\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh LQIP<\/a>) \u0111\u1ec3 gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng k\u1ebft n\u1ed1i (Inline Lazy Load Images). \u0110\u00e2y l\u00e0 \u0111i\u1ec3m c\u1ed9ng n\u1eefa c\u1ee7a Swift- LQIP l\u00e0 k\u1ef9 thu\u1eadt n\u00e9n \u1ea3nh r\u1ea5t th\u00fa v\u1ecb d\u00f9 kh\u00f4ng ph\u1ea3i m\u1ecdi website \u0111\u1ec1u ph\u00f9 h\u1ee3p. V\u1ec1 m\u1eb7t \u0111i\u1ec3m s\u1ed1 Google PageSpeed Insights, \u00e1p d\u1ee5ng k\u1ef9 thu\u1eadt n\u00e0y c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 th\u1eddi gian \u0111i\u1ec3m s\u1ed1 hi\u1ec3n th\u1ecb n\u1ed9i dung c\u00f3 k\u00edch th\u01b0\u1edbc l\u1edbn nh\u1ea5t. Tuy nhi\u00ean kh\u00f4ng gi\u1ed1ng LiteSpeed, b\u1ea1n kh\u00f4ng \u0111i\u1ec1u ch\u1ec9nh \u0111\u01b0\u1ee3c ch\u1ea5t l\u01b0\u1ee3ng c\u1ee7a \u1ea3nh LQIP n\u00e0y.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_tinh_nang_nang_cao_advanced_view\"><\/span>C\u00e1c t\u00ednh n\u0103ng n\u00e2ng cao (advanced view)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul>\n<li>L\u1ef1a ch\u1ecdn th\u01b0 m\u1ee5c l\u1ea5y \u1ea3nh (Image source) g\u1ed3m ch\u1ec9 th\u01b0 vi\u1ec7n \u1ea3nh media (Media Library) ho\u1eb7c c\u1ea3 th\u01b0 m\u1ee5c WP-Content (WP-CONTENT Directory).<\/li>\n\n\n\n<li>JPEG quality v\u00e0 PNG quality, n\u01a1i b\u1ea1n d\u00f9ng \u0111\u1ec3 thi\u1ebft l\u1eadp ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh.<\/li>\n\n\n\n<li>C\u00f3 t\u00ednh n\u0103ng Resize Large Images \u0111\u1ec3 d\u00f9ng trong tr\u01b0\u1eddng h\u1ee3p tr\u01b0\u1edbc \u0111\u00e2y b\u1ea1n up c\u00e1c \u1ea3nh qu\u00e1 l\u1edbn l\u00ean website, g\u00e2y l\u00e3ng ph\u00ed dung l\u01b0\u1ee3ng &amp; c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m t\u0103ng th\u1eddi gian t\u1ea3i trang. B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng t\u00ednh n\u0103ng n\u00e0y \u0111\u1ec3 chuy\u1ec3n n\u00f3 v\u1ec1 k\u00edch c\u1ee1 \u1ea3nh ph\u00f9 h\u1ee3p h\u01a1n.<\/li>\n\n\n\n<li>T\u00f4n tr\u1ecdng c\u00e1c ti\u00eau chu\u1ea9n lazyload (Respect Lazyload Standards) \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 lo\u1ea1i tr\u1eeb c\u00e1c \u1ea3nh c\u00f3 class l\u00e0 skip-class ho\u1eb7c data-skip-lazy.<\/li>\n\n\n\n<li>T\u1ea3i tr\u01b0\u1edbc \u1ea3nh khi n\u00f3 \u0111i v\u00e0o khung h\u00ecnh (Preload Sensitivity).<\/li>\n\n\n\n<li>Load \u1ea3nh d\u1ef1a v\u00e0o t\u01b0\u01a1ng t\u00e1c ng\u01b0\u1eddi d\u00f9ng (load images on User Interaction), b\u1eadt n\u1ebfu b\u1ea1n mu\u1ed1n t\u1ea3i \u0111\u1ea7y \u0111\u1ee7 \u1ea3nh ch\u1ec9 khi c\u00f3 t\u01b0\u01a1ng t\u00e1c ng\u01b0\u1eddi d\u00f9ng (di chuy\u1ec3n chu\u1ed9t, cu\u1ed9n, b\u1eaft \u0111\u1ea7u ch\u1ea1m).<\/li>\n\n\n\n<li>\u1ea2nh lazyload chi\u1ebfm ch\u1ed7 (Lazyload Placeholder). V\u1edbi ba l\u1ef1a ch\u1ecdn Blurred, Transparent, Low Quality.<\/li>\n\n\n\n<li>\u00c9p d\u00f9ng \u1ea3nh \u0111\u00e1p \u1ee9ng (Force Responsive Images). \u00c9p t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh srcsrt n\u1ebfu n\u00f3 c\u00f3 th\u1ec3.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Huong_dan_toi_uu_anh_voi_Swift\"><\/span>H\u01b0\u1edbng d\u1eabn t\u1ed1i \u01b0u \u1ea3nh v\u1edbi Swift<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u1ea1n chuy\u1ec3n sang tab <em>Image Optimizer &gt; Scan Images<\/em> \u0111\u1ec3 n\u00f3 qu\u00e9t h\u1ebft \u1ea3nh tr\u00ean website \u0111\u01b0a v\u00e0o danh s\u00e1ch \u1ea3nh c\u1ea7n n\u1ec1n, l\u00fac sau khi n\u00f3 qu\u00e9t xong, b\u1ea1n nh\u1ea5n Optimize Images (All) \u0111\u1ec3 n\u00f3 t\u1ed1i \u01b0u t\u1ea5t c\u1ea3 \u1ea3nh n\u00e0y.<\/p>\n\n\n\n<p>T\u1ed1c \u0111\u1ed9 n\u00e9n v\u00e0 t\u1ea1o \u1ea3nh webp c\u1ee7a Swift r\u1ea5t t\u1ed1t, 1-2s l\u00e0 xong m\u1ed9t \u1ea3nh. Gi\u1ea3 d\u1ee5 trang b\u1ea1n c\u00f3 \u0111\u1ebfn 20K \u1ea3nh n\u00f3 c\u0169ng ch\u1ec9 m\u1ea5t n\u1eeda ng\u00e0y, c\u00f9ng l\u1eafm l\u00e0 m\u1ed9t ng\u00e0y s\u1ebd xong t\u1ea5t. <\/p>\n\n\n\n<p class=\"has-very-light-gray-background-color has-background\">PS: T\u00ednh n\u0103ng n\u00e9n \u1ea3nh m\u1edbi up l\u00ean s\u1eed d\u1ee5ng API c\u1ee7a Swift, hi\u1ec7n t\u00f4i kh\u00f4ng r\u00f5 t\u00ednh n\u0103ng n\u00e9n \u1ea3nh c\u0169 c\u00f3 s\u1eed d\u1ee5ng API hay l\u00e0 d\u00f9ng t\u00e0i nguy\u00ean m\u00e1y ch\u1ee7. V\u1edbi t\u1ed1c \u0111\u1ed9 t\u1ed1t nh\u01b0 v\u1eady, t\u1ed1t \u0111o\u00e1n l\u00e0 s\u1eed d\u1ee5ng t\u00e0i nguy\u00ean m\u00e1y ch\u1ee7 c\u1ee7a ch\u00ednh ng\u01b0\u1eddi d\u00f9ng. \u0110\u1ec3 c\u00f3 c\u00e2u tr\u1ea3 l\u1eddi ch\u00ednh x\u00e1c, t\u00f4i s\u1ebd li\u00ean h\u1ec7 b\u00ean Swift h\u1ecfi l\u1ea1i h\u1ecd sau.<\/p>\n\n\n\n<p>M\u1ed9t \u0111i\u1ec3m y\u1ebfu m\u00e0 t\u00f4i nh\u1eadn th\u1ea5y \u1edf ph\u1ea7n n\u00e9n \u1ea3nh c\u1ee7a Swift \u0111\u00f3 l\u00e0 n\u00f3 c\u00f3 th\u1ec3 b\u1ecb d\u1eebng gi\u1eefa ch\u1eebng (ch\u1eb3ng h\u1ea1n 50%), v\u00e0 n\u00f3 kh\u00f4ng b\u1eaft \u0111\u1ea7u l\u1ea1i t\u1eeb ch\u1ed7 m\u00e0 n\u00f3 d\u1eebng gi\u1eefa ch\u1eebng! Do v\u1eady b\u1ea1n c\u00f3 th\u1ec3 m\u1ea5t c\u00f4ng n\u00e9n l\u1ea1i \u1ea3nh \u0111\u00e3 n\u00e9n. [May m\u1eafn cho ch\u00fang ta l\u00e0 hi\u1ec7n t\u01b0\u1ee3ng d\u1eebng gi\u1eefa ch\u1eebng r\u1ea5t hi\u1ebfm khi x\u1ea3y ra].<\/p>\n\n\n\n<p>Trong tr\u01b0\u1eddng h\u1ee3p b\u1ecb nh\u01b0 v\u1eady ho\u1eb7c l\u00e0 b\u1ea1n nh\u1ea5n n\u00fat \u0111\u1ec3 n\u00e9n l\u1ea1i t\u1ea5t (c\u00e1ch nhanh nh\u1ea5t), ho\u1eb7c l\u00e0 b\u1ea1n d\u00f9ng t\u00ednh n\u0103ng l\u1ecdc (click v\u00e0o <em>All status<\/em> r\u1ed3i ch\u1ecdn <em>Not Optimized<\/em> \u0111\u1ec3 l\u1ea5y c\u00e1c \u1ea3nh ch\u01b0a n\u00e9n).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thong_tin_ky_thuat\"><\/span>Th\u00f4ng tin k\u1ef9 thu\u1eadt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ea2nh backup l\u1eabn \u1ea3nh webp (n\u1ebfu b\u1ea1n b\u1eadt c\u00e1c t\u00ednh n\u0103ng n\u00e0y) \u0111\u1ec1u \u0111\u01b0\u1ee3c l\u01b0u tr\u1eef c\u00f9ng th\u01b0 m\u1ee5c v\u1edbi \u1ea3nh g\u1ed1c, \u0111\u1ecbnh d\u1ea1ng c\u1ee7a ch\u00fang nh\u01b0 sau:<\/p>\n\n\n\n<ul>\n<li>\u1ea2nh backup: c\u00f3 \u0111u\u00f4i ki\u1ec3u<em> .jpg.swift-original<\/em><\/li>\n\n\n\n<li>\u1ea2nh webp: c\u00f3 \u0111u\u00f4i ki\u1ec3u <em>.jpg.webp<\/em><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kiem_tra_tinh_nang_long_anh_webp_vao_website\"><\/span>Ki\u1ec3m tra t\u00ednh n\u0103ng l\u1ed3ng \u1ea3nh webp v\u00e0o website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 t\u00edch h\u1ee3p \u0111\u1ecbnh d\u1ea1ng \u1ea3nh webp v\u00e0o trang b\u1ea1n n\u00ean ch\u1ecdn t\u00ednh n\u0103ng <em>Use &lt;picture&gt; elements<\/em> \u1edf m\u1ee5c <em>Server WebP<\/em> thu\u1ed9c ph\u1ea7n <em>Settings<\/em>, sau \u0111\u00f3 purge t\u1ea5t c\u1ea3 cache \u0111\u1ec3 c\u1eadp nh\u1eadt n\u00e0y \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n.<\/p>\n\n\n\n<p>N\u1ebfu ch\u1ecdn <em>Use rewrites<\/em> vi\u1ec7c t\u00edch h\u1ee3p WebP c\u00f3 th\u1ec3 kh\u00f4ng th\u00e0nh c\u00f4ng ho\u1eb7c c\u00f3 v\u1ea5n \u0111\u1ec1 khi k\u1ebft h\u1ee3p v\u1edbi CDN, Cloudflare.<\/p>\n\n\n\n<p>Vi\u1ec7c t\u00edch h\u1ee3p WebP tr\u00ean Swift r\u1ea5t \u0111\u01a1n gi\u1ea3n, ngo\u00e0i ra h\u1ecd c\u00f3 t\u1ea1o fallback (d\u1ef1 ph\u00f2ng) cho c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u1ed1i \u01b0u h\u00f3a \u1ea3nh l\u00e0 t\u00ednh n\u0103ng quan tr\u1ecdng, n\u00f3 l\u00e0 plugin m\u00e0 r\u1ea5t nhi\u1ec1u ng\u01b0\u1eddi \u0111ang c\u00e0i tr\u00ean website c\u1ee7a h\u1ecd, c\u00f3 c\u00e1c d\u00f2ng \u0111\u1ed9c l\u1eadp chuy\u00ean s\u00e2u cho m\u1ee5c \u0111\u00edch n\u00e0y, n\u1ed5i ti\u1ebfng c\u00f3 plugin ShortPixel. N\u00f3i v\u1ec1 3 plugin cache m\u1ea1nh hi\u1ec7n n\u00e0y l\u00e0 LiteSpeed cache, Swift Performance &amp; WP-Rocket, c\u00f3 v\u1ebb &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[249,280,290],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance &#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\/toi-uu-anh-swift-performance\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u1ed1i \u01b0u h\u00f3a \u1ea3nh l\u00e0 t\u00ednh n\u0103ng quan tr\u1ecdng, n\u00f3 l\u00e0 plugin m\u00e0 r\u1ea5t nhi\u1ec1u ng\u01b0\u1eddi \u0111ang c\u00e0i tr\u00ean website c\u1ee7a h\u1ecd, c\u00f3 c\u00e1c d\u00f2ng \u0111\u1ed9c l\u1eadp chuy\u00ean s\u00e2u cho m\u1ee5c \u0111\u00edch n\u00e0y, n\u1ed5i ti\u1ebfng c\u00f3 plugin ShortPixel. N\u00f3i v\u1ec1 3 plugin cache m\u1ea1nh hi\u1ec7n n\u00e0y l\u00e0 LiteSpeed cache, Swift Performance &amp; WP-Rocket, c\u00f3 v\u1ebb &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/\" \/>\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-08-08T03:20:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-01T15:25:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-1024x465.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=\"9 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance &#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\/toi-uu-anh-swift-performance\/","og_locale":"vi_VN","og_type":"article","og_title":"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u1ed1i \u01b0u h\u00f3a \u1ea3nh l\u00e0 t\u00ednh n\u0103ng quan tr\u1ecdng, n\u00f3 l\u00e0 plugin m\u00e0 r\u1ea5t nhi\u1ec1u ng\u01b0\u1eddi \u0111ang c\u00e0i tr\u00ean website c\u1ee7a h\u1ecd, c\u00f3 c\u00e1c d\u00f2ng \u0111\u1ed9c l\u1eadp chuy\u00ean s\u00e2u cho m\u1ee5c \u0111\u00edch n\u00e0y, n\u1ed5i ti\u1ebfng c\u00f3 plugin ShortPixel. N\u00f3i v\u1ec1 3 plugin cache m\u1ea1nh hi\u1ec7n n\u00e0y l\u00e0 LiteSpeed cache, Swift Performance &amp; WP-Rocket, c\u00f3 v\u1ebb &hellip;","og_url":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2020-08-08T03:20:40+00:00","article_modified_time":"2023-09-01T15:25:46+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/08\/toi-uu-anh-swift-performance-1-1024x465.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":"9 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/","url":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/","name":"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2020-08-08T03:20:40+00:00","dateModified":"2023-09-01T15:25:46+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/toi-uu-anh-swift-performance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"\u0110\u00e1nh gi\u00e1 t\u00ednh n\u0103ng t\u1ed1i \u01b0u h\u00f3a \u1ea3nh c\u1ee7a plugin Swift Performance"}]},{"@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\/16223"}],"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=16223"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16223\/revisions"}],"predecessor-version":[{"id":24719,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16223\/revisions\/24719"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}