Dạo gần đây có khá nhiều bạn inbox, gửi email hỏi tôi về việc WP Căn bản đang sử dụng hosting của nhà cung cấp nào, chạy web server nào, dùng những plugin gì… tại sao lại có tốc độ load nhanh đến như vậy? Vì không có thời gian để trả lời cụ thể cho từng bạn nên hôm nay tôi quyết định viết bài này để “bật mí” cho các bạn về những công nghệ mà tôi đang sử dụng trên blog WP Căn bản. Nếu bạn đang có mối quan tâm tương tự, hãy dành một chút thời gian để lướt qua bài viết nhé.
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.
Vô hiệu hóa lazy load hình ảnh mặc định của WordPress
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ạ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ể. Không nổi tiếng và không được nhiều người sử dụng, nhưng Social Media Share Buttons hoàn toàn đáp ứng được những kỳ vọng của tôi.
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.
Google giới thiệu thuật toán xếp hạng trải nghiệm trang
Nếu bạn để ý thì vào mấy ngày trước, Google đã có những cập nhật lớn cho phần “Chỉ số Thiết yếu về Trang web” trong Search Console. Việc này đã khiến cho xếp hạng về tốc độ load của các trang trên website thay đổi một cách chóng mặt. Chính WP Căn bản cũng bị ảnh hưởng bởi lần cập nhật này. Toàn bộ link bài viết và các trang của chúng tôi đều bị đánh giá là load “chậm” trên điện thoại di động, trong khi trên máy tính để bàn thì tất cả đều “nhanh”.
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.
Bình luận mới nhất