Tối ưu Tốc độ Website WordPress chuẩn GTmetrix

04/11/2020 Việt Hải Thủ Thuật 189 view

Toi Uu Toc Do Website Wordpress Chuan Gtmetrix

Một trang WordPress chạy chậm thường có thể được khắc phục bằng cách sử dụng dịch vụ lưu trữ, trình tạo trang, chủ đề và plugin nhanh hơn. Nhưng nó cũng có thể là từ các yếu tố riêng lẻ như hình ảnh chưa được tối ưu hóa, phông chữ, CSS nặng và tập lệnh của bên thứ ba. Điều này khiến cho nhiều người phải điên đầu làm cách nào để có thể tối ưu hóa được website WordPress. Mình khuyên bạn nên sử dụng các công cụ như GTmetrix và PageSpeed ​​Insights để có thể giải quyết được các vấn đề lỗi trên website.

Và cách giải quyết của mình sẽ như sau (tài liệu chỉ mang tính chất tham khảo nếu bạn nào muốn sâu hơn hãy tìm hiểu kỹ về từng phần nhé 😀 ) :

  • Sử dụng Hosting/VPS nhanh hơn:
    • Ở đây mình có tham khảo về một số đơn vị mua bán ở Việt Nam như Tenten, Tino Host, Azdigi, VHost, Inet,… mỗi đơn vị đều có thế mạnh và yếu riêng cho nên mình xin phép không bình luận về vấn đề này. Tuy nhiên để có thể đảm bảo về tốc độ và trải nghiệm nên mình thường hay sử dụng Vultr Hight Frequency nó có thể sẽ mắc hơn 1 chút (khoảng $6 – $12/tháng) nhưng mà đáp ứng tốt như cầu sử dụng giúp cho người dùng được trải nghiệm tốt hơn và được đánh giá cao hơn. Đối với các đơn vị Hosting/VPS nước ngoài khác thì mình xin phép đề xuất thêm A2Hosting.
  • Lựa chọn một Theme + Page Builder phù hợp :
    • Hầu hết ở Việt Nam mình thấy đa phần các bạn sẽ sử dụng Flatsome, Jnews, OceanWP, Astra,… và các trình Builder của Flatsome, SiteOrigin Page Builder, Divi Builder, WPBakery Page Builder,  để thiết kế cho các website của mình nên không ngại giảm một chút tốc độ xuống, về cơ bản nếu website của bạn không quá nhiều về mặt nội dung, hình ảnh, sản phẩm thì đây có vẻ là sự lựa chọn hiệu quả nhưng để phù hợp hơn cho các dữ liệu lớn, có qui mô lớn hơn thì mình xin giới thiệu với các bạn đó là Elementor, StudioPress và Genesis.
  • Lựa chọn Plugin Super Cache hiệu quả :
    • Theo điểm GTmetrix , plugin bộ nhớ cache có tác động lớn nhất như :  WP Fastest Cache , W3 Total Cache , WP Super Cache và Swift Performance
    • WP Rocket là plugin bộ nhớ cache phổ biến nhất (nó cũng là thứ tôi sử dụng) chủ yếu vì nó đi kèm với nhiều tính năng tối ưu hóa tốc độ hơn bất kỳ plugin bộ nhớ cache nào khác. Điều này không chỉ dẫn đến điểm GTmetrix tốt hơn, mà còn có nghĩa là bạn không phải cài đặt thêm nhiều plugin trên trang web của mình.
    • Với hầu hết các plugin Cache khác, bạn sẽ cần cài đặt thêm khoảng 7 plugin để có được các tính năng này khi WP Rocket đã tích hợp tất cả chúng. Dưới đây là những tính năng mà WP Rocket đã được tích hợp để hỗ trợ
    • Dọn dẹp cơ sở dữ liệu (tích hợp sẵn trong WP Rocket hoặc sử dụng WP-Optimize )
    • Kiểm soát nhịp tim (tích hợp trong WP Rocket hoặc sử dụng Heartbeat Control )
    • Tải hình ảnh / video chậm (tích hợp sẵn trong WP Rocket hoặc sử dụng WP YouTube Lyte )
    • Tối ưu hóa Google Fonts (tích hợp sẵn trong WP Rocket hoặc sử dụng OMGF hoặc SHGF )
    • Lưu trữ Google Analytics cục bộ (tích hợp sẵn trong WP Rocket hoặc sử dụng Flying Analytics )
    • Tìm nạp trước các yêu cầu DNS (tích hợp sẵn trong WP Rocket hoặc sử dụng Pre* Party Resource Hints )
    • Tích hợp với Cloudflare + các CDN khác (được tích hợp sẵn trong WP Rocket hoặc sử dụng CDN Enabler )
  • Nâng cấp lên PHP 7.4PHP-7.4
  • Bật Varnish + Memcached
  • Sử dụng Cloudflare CDN
  • Sử dụng các plugin nhẹ
    1. SEO – Rank Math.
    2. Backups – UpdraftPlus .
    3. Sliders – Soliloquy hoặc MetaSlider .
    4. Page BuilderOxy hoặc Gutenberg.
    5. Portfolio – Envira Gallery , FooGallery hoặc The Grid .
    6. Analytics – Google Analytics và Google Search Console (không có plugin).
    7. WooCommerce – điều quan trọng nhất là sử dụng dịch vụ lưu trữ nhanh (ví dụ: Cloudways ).
    8. Social SharingGrow By Mediavine (plugin chia sẻ xã hội nhanh nhất trong thử nghiệm của WP Rocket ).
    9. Comments – nhận xét gốc hoặc wpDiscuz với cài đặt được tối ưu hóa được định cấu hình bằng Tập lệnh bay để tạo thời gian chờ cho nhận xét + Gravatars = không có yêu cầu GTmetrix bổ sung.
  • Tối ưu hóa theo các lỗi của bên thứ ba : các trình báo lỗi trên Google Fonts, Analytics, Maps, AdSense, Trình quản lý thẻ, video được nhúng, tiện ích truyền thông xã hội, Facebook Pixel, Gravatars hoặc thậm chí nút thích từ plugin chia sẻ xã hội của bạn.
  • Tối ưu hóa Hình ảnh + Video
    • Cung cấp hình ảnh được chia tỷ lệ – thay đổi kích thước hình ảnh lớn thành nhỏ hơn.
    • Chỉ định kích thước hình ảnh – thêm chiều rộng / chiều cao vào HTML của hình ảnh.
    • Nén không mất dữ liệu – sử dụng plugin tối ưu hóa hình ảnh để nén hình ảnh.
    • Tải chậm hình ảnh + video – trì hoãn tải hình ảnh / video cho đến khi chúng được nhìn thấy rõ ràng.
    • Cung cấp hình ảnh bằng định dạng thế hệ tiếp theo – sử dụng định dạng WebP / SVG thay vì JPEG / PNG.
  • Tối ưu cơ sở dữ liệu phpMyAdmin của bạn
    • Sử dụng WP Rocket hoặc WP Optimize để làm sạch cơ sở dữ liệu của bạn
    • Xóa bảng plugin cũ
  • Loại bỏ Bloat
    • Perfmatters (của Kinsta) là plugin tốt nhất ở thời điểm hiện tại.
    • Giới hạn Đăng sửa đổi – sử dụng Perfmatters hoặc thêm mã vào tệp wp-config của bạn. define(‘WP_POST_REVISIONS’, 5);
    • Tăng khoảng thời gian lưu tự động – sử dụng Perfmatters hoặc thêm mã vào tệp wp-config.php của bạn define(‘AUTOSAVE_INTERVAL’, 60);
    • Tắt Trackbacks + Pingbacks – sử dụng Perfmatters hoặc tắt trong Cài đặt → Thảo luận.Disable-Trackbacks-Pingbacks
    • Tắt Addons + Mô-đun không được sử dụng – nếu bạn đang sử dụng một plugin có chứa một loạt các bổ trợ hoặc mô-đun (Elementor, Ultimate / Premium Addons, JetPack), hãy xóa những cái bạn không sử dụng.
    • Xóa các Plugin + Chủ đề không được sử dụng – bất kỳ plugin / chủ đề nào bạn không sử dụng sẽ bị xóa.
  • Tắt các plugin trên các trang + bài đăng cụ thể
    • Trình quản lý tập lệnh Perfmatters (cao cấp) và Asset CleanUp (miễn phí) đều cho phép bạn tắt plugin / tập lệnh chạy trên các trang / bài đăng cụ thể. Một số plugin tải trên toàn bộ trang web của bạn (ngay cả trên nội dung mà chúng không được sử dụng), vì vậy tốt nhất bạn nên tắt chúng khi rơi vào trường hợp đó.
  • Giảm thiểu chuyển hướng redirect
  • Không kích hoạt có thể lập chỉ mục ở Yoast SEO
  • Tăng giới hạn bộ nhớ lên 256MB define(‘WP_MEMORY_LIMIT’, ‘256M’);
  • Làm cho WooCommerce tải nhanh hơn
    • Tối ưu hóa WooCommerce Scripts, Styles, Cart Fragmentperfmatters tối ưu hóa thương mại gỗ
    • Xóa các chuyển tiếp WooCommerceXóa các chuyển tiếp WooCommerce

Những nội dung trên là do mình tham khảo ở nhiều nơi và tích hợp lại, nếu cảm thấy không hợp các bạn có  thể phản hồi lại giúp mình để có được hướng giải quyết hiệu quả hơn :D.

Chúc các bạn thành công !