Nếu bạn chưa biết thì vào ngày hôm nay (11/8/2020), WordPress 5.5 sẽ chính thức được phát hành tới tay người dùng với nhiều cải tiến đáng chú ý. Trong đó, nổi bật là tính năng lazy load hình ảnh giúp website của bạn load nhanh hơn. Mặc dù hỗ trợ native lazy load của Google, tuy nhiên, theo nghiên cứu của chúng tôi, tính năng lazy load hình ảnh mặc định của WordPress còn thua kém khá nhiều khi so sánh với các plugin có cùng chức năng do bên thứ ba phát triển, chẳng hạn như LiteSpeed Cache.
Tăng tốc WordPress
Tổng hợp các thủ thuật và plugins tối ưu tốc độ load, giúp bạn tăng tốc WordPress một cách đơn giản và nhanh chóng mà không gây lỗi.
Tạo nút chia sẻ mạng xã hội siêu nhẹ cho WordPress
Từ trước đến nay, tôi chỉ quen dùng 2 plugin là Jetpack và Genesis Simple Share để tạo các nút chia sẻ mạng xã hội trên blog WP Căn bản. Tuy nhiên, áp lực từ việc Google giới thiệu thuật toán xếp hạng trải nghiệm trang đã khiến cho tôi phải tìm ra một giải pháp mới nhằm giảm page-size và số lượng truy vấn HTTP xuống mức thấp nhất có thể. Sau một thời gian dài nghiên cứu và thử nghiệm, cuối cùng tôi cũng đã phát triển được một plugin tạo nút chia sẻ mạng xã hội siêu nhẹ, gần như không gây ảnh hưởng tới tốc độ load của website.
Tối ưu database WordPress với plugin LiteSpeed Cache
LiteSpeed Cache có thể xem là plugin hỗ trợ tối ưu mã nguồn WordPress miễn phí, toàn năng nhất tính cho đến thời điểm hiện tại. Ngay cả những plugin trả phí như WP Rocket hay Swift Performance cũng không thể sánh bằng. Ngoài khả năng tối ưu dữ liệu tĩnh (CSS, JS, hình ảnh…) LiteSpeed Cache còn có thể giúp bạn dọn dẹp và tối ưu database để mang lại cho website hiệu suất hoạt động tốt nhất. Nếu bạn đang sử dụng plugin LiteSpeed Cache trên website của mình thì ngay sau đây là hướng dẫn chi tiết.
Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache
Nếu các bạn còn nhớ thì trước đây tôi đã từng có 1 bài viết giới thiệu về plugin lazyload hình ảnh chính thức từ Google rồi phải không nào? Trong một thời gian khá dài, tôi đã sử dụng plugin này tăng tốc độ load cho blog WP Căn bản cũng như các site vệ tinh trong hệ thống. Cho đến ngày Google giới thiệu thuật toán xếp hạng trải nghiệm trang, việc blog bị đánh giá load chậm trên mobile đã buộc tôi phải tìm một giải pháp khác. Lúc này, LiteSpeed Cache lại một lần nữa được gọi tên.
Sử dụng Statically CDN để tăng tốc WordPress
Nếu bạn đang tìm kiếm một dịch vụ CDN hoàn toàn miễn phí để thay thế cho CloudFlare (thường xuyên bị lỗi 52x) thì đây là bài viết dành cho bạn. Statically.io được tài trợ bởi 4 dịch vụ CDN lớn bao gồm CloudFlare, fastly, BunnyCDN và CDN77, hứa hẹn sẽ mang lại cho bạn một hiệu suất tốt ở mức giá 0 đồng. Tuy nhiên, qua thực tế thử nghiệm tại Việt Nam, chúng tôi nhận thấy phần lớn dữ liệu đều được push từ các server của CloudFlare thay vì 3 đối tác còn lại.
Loại bỏ các widget mặc định của WooCommerce
Thông thường, WooCommerce sẽ tích hợp thêm một số widget vào website của bạn. Mục đích của việc này là nhằm giúp shop bán hàng online của bạn có thêm nhiều tính năng chuyên nghiệp và hữu ích. Tuy nhiên, không phải lúc nào bạn cũng thực sự cần đến chúng. Loại bỏ những widget này khi không cần dùng đến là một trong những ý tưởng tốt giúp tiết kiệm tài nguyên và tăng tốc độ load cho website. Hãy dành ra vài phút để cùng WP Căn bản tìm hiểu ngay sau đây.
Loại bỏ các file CSS mặc định của WooCommerce
Nhằm mục đích hỗ trợ tốt tính năng bán hàng cơ bản cho tất cả các giao diện WordPress (kể cả những giao diện không phải sinh ra để bán hàng online), WooCommerce sẽ mặc định load các file CSS của nó vào front-end của website. Các file này bao gồm woocommerce-layout.css, woocommerce-smallscreen.css và woocommerce.css. Chúng có dung lượng tương đối lớn nên sẽ ảnh hưởng kha khá tới tốc độ load website của bạn. Trong trường hợp theme của bạn có CSS tùy biến riêng cho WooCommerce thì những file kể trên là không cần thiết.
Những plugin không nên cài cho website WordPress
Cài đặt quá nhiều plugin không thực sự cần thiết sẽ khiến cho website của bạn trở nên cồng kềnh và load chậm. Đặc biệt là khi bạn cài đặt những plugin nặng, có khả năng chèn thêm nhiều file vào mã nguồn web hay tạo nhiều truy vấn tới database. Dưới đây, chúng tôi đã tổng hợp một danh sách các plugin nặng, có thể gây ảnh hưởng xấu đến tốc độ load của website. Danh sách được đưa ra dựa trên kết quả theo dõi bằng plugin Query Monitor hoặc Waterfall của GTmetrix.
Tạo ảnh WebP miễn phí với plugin WebP Converter for Media
Trong 2 bài viết trước, tôi đã hướng dẫn cho các bạn cách tối ưu hình ảnh bằng plugin reSmush.it Image Optimizer và Robin Image Optimizer rồi phải không nào? Nếu chưa xem, bạn có thể theo dõi trong phần link tham khảo bên dưới. Một nhược điểm của 2 plugin này là chúng không hỗ trợ tạo ảnh WebP đối với phiên bản miễn phí. Do đó, nếu muốn sử dụng định dạng ảnh WebP, chúng ta sẽ cần phải cài đặt thêm một plugin khác. Và plugin mà tôi đang muốn giới thiệu đến các bạn trong bài viết hôm nay chính là WebP Converter for Media.
Hướng dẫn nén ảnh bằng plugin Robin Image Optimizer
Robin Image Optimizer là một trong 2 plugin nén ảnh miễn phí được chúng tôi khuyên dùng cho các khách hàng đang sử dụng dịch vụ WordPress Hosting của WP Căn bản. Trong bài viết hôm trước, tôi đã hướng dẫn cho các bạn cách nén ảnh bằng plugin reSmush.it Image Optimizer. Nếu bạn chưa xem, hãy đọc nó trong phần link tham khảo bên dưới. Còn hôm nay, Robin Image Optimizer sẽ là nhân vật chính mà chúng ta cần hướng đến. Hiệu suất nén ảnh của 2 plugin này là tương đương nhau nên các bạn lựa chọn plugin nào cũng được.
Bình luận mới nhất