Trang chủ / Thủ thuật Online / Wordpress / Tải có điều kiện các file JS và CSS của plugin WooCommerce

Tải có điều kiện các file JS và CSS của plugin WooCommerce

Tải có điều kiện các file JS và CSS của plugin WooCommerce5 (22 votes)

Tải có điều kiện các file JS và CSS của plugin WooCommerce.

WooCommerce là một trong những plugin hỗ trợ xây dựng shop bán hàng online trên nền tảng WordPress phổ biến nhất và tốt nhất hiện nay. Theo mặc định, nếu blog/ website WordPress của bạn có cài đặt WooCommerce thì tất cả các trang đều sẽ tải file JS và CSS của plugin này. Điều đó vô tình khiến cho page-size cũng như lượng request của mỗi trang đều tăng lên đáng kể, làm blog/ website của bạn tải chậm hơn, khách hàng phải đợi lâu hơn và nguy cơ mất khách cũng tăng rõ rệt.

Tham khảo thêm:

Theme Paradise v4.2 chính thức ra mắt, hỗ trợ WooCommerce
Hướng dẫn sửa lỗi memory limit trong WooCommerce
Top 10 WooCommerce plugins và extensions miễn phí
Danh sách các file CSS và JS mặc định của WooCommerce
JS của WooCommerce

CSS của WooCommerce

Để nhìn thấy danh sách các file này, các bạn chỉ cần view source của site trên trình duyệt web hoặc sử dụng các công cụ kiểm tra tốc độ. Nhớ tắt plugin minify hay cache (nếu có) trước khi xem nhé.

Tải có điều kiện các file JS và CSS của WooCommerce

Tải có điều kiện các file JS và CSS của WooCommerce nghĩa là chỉ cho phép chúng tải trên những trang do WooCommerce tạo ra, chẳng hạn như Shop, Cart, Checkout, My Account… Không cho phép chúng tải trên các trang khác (không cần đến CSS và JS của WooCommerce) để tránh làm chậm trang.

Tất cả những gì các bạn cần làm là chèn đoạn code sau đây vào cuối file functions.php của theme (hoặc child theme) mà bạn đang sử dụng:

Lưu lại, xóa cache và minify của web (nếu có), xóa cache trình duyệt và xem kết quả. Chúc các bạn thành công!

Theme Paradise được phát triển bởi WP Căn bản đã mặc định được bổ sung thêm code này từ phiên bản 4.2.2 nên các bạn không cần phải thực hiện thao tác kể trên nữa. Demo chi tiết của giao diện, các bạn có thể xem tại đây:

Mọi thắc mắc và góp ý liên quan đến việc tải có điều kiện các file JS và CSS của plugin WooCommerce xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. 🙂

Chia sẻNhấn vào chia sẻ trên Facebook (Opens in new window)Bấm để chia sẻ trên Google+ (Opens in new window)Bấm để chia sẻ trên Twitter (Opens in new window)

Bài viết liên quan

About hoangnguyen

Có thể bạn cũng thích

Khắc phục lỗi cache của Google Analytics một cách đơn giản

Khắc phục lỗi cache của Google Analytics một cách đơn giản4.4 (13 votes) Khắc phục …