.png "Đăng ký hosting")
Mục lục
Mặc định đối với Theme Flatsome thì khi bạn cài plugin Woocommerce vào thì file flatsome-swatches-frontend.css nó sẽ load ở khắp nơi trên website của bạn làm cho website không được tối ưu cho lắm
Chức năng của file flatsome-swatches-frontend.css
File này tầm 4.1 kb và nó chỉ có chức năng tạo kiểu và định dạng hiển thị cho các tùy chọn biến thể sản phẩm (product variations) trong WooCommerce, cho nên mình chỉ cần cho nó load ở các trang có sản phẩm thôi là được, vậy sẽ tối ưu cho tốc độ load ở các trang không có sản phẩm
Hình ảnh file flatsome-swatches-frontend.css load ở khắp nơi
Tải điều kiện file flatsome-swatches-frontend.css
- Giờ để tối ưu thì mình chỉ cho file flatsome-swatches-frontend.css load ở các trang có chứa sản phẩm của woocommerce thôi
- Bạn cho code sau vào file funtion.php của child theme là được nhé
- Xem hình ảnh cho code vào funtion.php như bên dưới
Kiểm tra sau khi cho code vào
Giờ mình sẽ kiểm tra xem các trang không chứa sản phẩm xem file flatsome-swatches-frontend.css còn load không nhé!
Kết luận
Trong quá trình thực hiện bạn gặp khó khăn gì cứ nhắn ch mình nhé
