by 
Tối ưu hóa Website bằng cách bật tạo CSS quan trọng:
Tạo CSS quan trọng : hoạt động khi chức năng CSS không đồng bộ được bật.
Khi cả hai cài đặt được bật, CSS quan trọng được tạo bởi máy chủ CCSS từ xa của LiteSpeed, sau đó được gửi lại cho LSCache.
Khi CSS quan trọng đã được tạo, nó sẽ được tải trước tiên và sau đó phần còn lại của CSS sẽ được tải không đồng bộ với HTML. Trang sẽ không tải nữa mà không cần định dạng.
CSS quan trọng được tạo ra chứa link sai đường dẫn 404 :
Vấn đề ở đây là khi ta kết hợp 3 chức năng tạo CSS quan trọng + bật kết hợp CSS + CDN nếu css quan trọng tạo ra từ file kết hợp css có chứa link thì link trong đó sẽ có dạng như sau :
http://st.1ktut.com/min/wp-content/themes/academica/images/search-icon.png
Khi bạn kiểm tra link đó sẽ thấy lỗi 404. Để khắc phục điều này chúng ta thêm đoạn sau vào wordpress file functions.php của theme website đang sử dụng.
//CSS Minify litespeed optm css rules Adding Folder /min/wp-content/ Folder Structure Causing 404 Errors
function filter_LiteSpeed_head( $html_head ) {
$html_head = str_replace('/min/wp-content/', '/wp-content/', $html_head);
return $html_head ;
}
add_filter( 'litespeed_optm_html_head', 'filter_LiteSpeed_head', 10, 3 );
Sau đó ta xóa hết cache và xóa tất cả css quan trọng được tạo trong plugin LiteSpeed Cache
viewsource xem hết quả :
http://st.1ktut.com/wp-content/themes/academica/images/search-icon.png
Đường link css quan trọng tạo ra đã hoạt động đúng cách rồi !
Cách này khá đơn giản bạn chỉ cần sử dụng file functions.php của theme đang dùng. Tôi đã thử các cài đặt trong plugin LiteSpeed Cache mà chưa khắc phục được lỗi này. Mong rằng phiên bản mới của plugin LiteSpeed Cache sẽ hoàn thiện nó.
