VietNetwork.Vn

Bắt buộc phải sử dụng LiteSpeed ​​Cache trong WordPress. Nếu không, nó sẽ không hoạt động bình thường, hoặc thậm chí tệ hơn là nó có thể phá vỡ trang web của bạn. Đặc biệt, tính năng bộ nhớ Cache của nó rất tinh vi và yêu cầu cài đặt LiteSpeed ​​Cache tốt nhất để xuất ra kết quả như mong đợi.

Nếu bạn đã từng đối mặt với bất kỳ tính năng nào của LiteSpeed ​​Cache không hoạt động như tối ưu hóa hình ảnh, tối ưu hóa CSS và JS hoặc bất kỳ thứ gì khác, thì rất có thể điều đó xảy ra do cấu hình sai trong plugin. Ngoài ra, cài đặt sai có thể khiến trang web của bạn hoạt động không mong muốn, chẳng hạn như nhìn thấy nội dung trong trang web của bạn không có phong cách phù hợp khi nó bắt đầu tải, được gọi là Flash of Unstyled Content (FOUS), nhận thấy bất kỳ chức năng nào trong trang web của bạn không hoạt động.

Mình đã kiểm tra kỹ lưỡng plugin LiteSpeed ​​Cache và tất cả các cài đặt của nó trước khi đưa ra hướng dẫn cài đặt tốt nhất LiteSpeed ​​Cache này. Vì vậy, mình đã biết cài đặt nào gây ra sự cố nào. Bây giờ, mình sẽ hướng dẫn bạn tất cả những điều đó để bạn có thể tận dụng tối đa plugin LiteSpeed ​​Cache mà không gặp phải bất kỳ vấn đề nào.

1. Giới thiệu về LiteSpeed ​​Cache

Mình nghĩ LiteSpeed ​​Cache là plugin bộ nhớ Cache tốt nhất cho WordPress nếu bạn đang sử dụng máy chủ LiteSpeed. Và nếu bạn đang sử dụng một máy chủ khác như NGINX hoặc Apache, LiteSpeed ​​Cache vẫn là một trong những ứng dụng hiệu quả nhất để tối ưu hóa WordPress. Bạn sẽ không thể tận dụng khả năng bộ nhớ Cache cấp máy chủ tuyệt vời của nó trên các máy chủ khác. Tuy nhiên, bạn biết không, bạn có thể sử dụng bất kỳ plugin bộ nhớ Cache nào khác để bù đắp cho điều đó. Tất cả chúng đều làm khá nhiều việc giống nhau mà không cần nhiều chuyên môn.


Bất kể máy chủ web bạn đang sử dụng là gì, bạn có thể sử dụng HTML, CSS, JS, cơ sở dữ liệu và các tối ưu hóa khác của nó mà không gặp bất kỳ sự cố nào. Trên thực tế, bạn thậm chí có thể tận dụng các tính năng đặc biệt của nó như CSS quan trọng, tối ưu hóa hình ảnh, Trình giữ chỗ hình ảnh chất lượng thấp và   Đăng nhập để xem liên kết CDN trong bất kỳ trang web WordPress nào. Các dịch vụ này thậm chí không sử dụng tài nguyên máy chủ của bạn thay vào đó chúng được thực hiện trong các máy chủ   Đăng nhập để xem liên kết của họ. Điều đó thật tuyệt vời khi bạn nhận được giới hạn hàng tháng miễn phí khá hào phóng cho các dịch vụ này khi mọi người khác đang tính phí cho chúng. Và tất cả các tính năng khác trong LiteSpeed ​​Cache đều hoàn toàn miễn phí.

Hãy xem bài viết này để biết về các giới hạn miễn phí của các tính năng LiteSpeed ​​Cache yêu cầu   Đăng nhập để xem liên kết

Kết hợp tất cả các tính năng của nó, bạn có thể có được tốc độ tải trang web rất nhanh. Có thể là tất cả những gì mà trang web của bạn cần để đi từ điểm thấp trong Google PageSpeed ​​Insights đến điểm rất cao như trong phạm vi 90.

Xem bài đánh giá LiteSpeed ​​Cache này để biết thêm về lý do LiteSpeed ​​khác với bất kỳ plugin bộ nhớ Cache nào khác trong WordPress.

2. Cài đặt và cấu hình tốt nhất của LiteSpeed ​​Cache

Hướng dẫn cài đặt LiteSpeed ​​Cache tốt nhất sau đây dựa trên trải nghiệm đầu tiên của mình với plugin LiteSpeed ​​Cache dành cho WordPress. Mình đã thử và kiểm tra tất cả các cài đặt này trên nhiều trang web và tìm thấy các cài đặt được tối ưu hóa nhất thực sự hoạt động. Ý mình là một số cài đặt của nó xung đột với các cài đặt khác và gây ra nhiều vấn đề như hỏng trang web, FOUC, v.v. Ngoài ra, một số cài đặt gây ra nhiều thiệt hại hơn là tốt cho các yêu cầu riêng lẻ.

Đó là lý do tại sao mình đã mô tả chi tiết tất cả các cài đặt LiteSpeed ​​Cache để bạn có thể biết liệu cài đặt có hữu ích cho nhu cầu của bạn hay không và liệu cài đặt đó có xung đột với bất kỳ cài đặt nào khác có thể dẫn đến kết quả không mong muốn hay không.

Hãy bắt đầu với việc cài đặt và kích hoạt plugin LiteSpeed ​​Cache.

Từ bảng điều khiển WordPress của bạn, đi tới Plugins >> Add New. Sau đó, tìm kiếm LiteSpeed ​​Cache. Sau đó, để có kết quả plugin LiteSpeed ​​Cache, hãy nhấp vào Install và sau đó Activate


Bây giờ plugin LiteSpeed ​​Cache của bạn đã được cài đặt trên trang web của bạn. Thao tác này sẽ thêm một mục LiteSpeed ​​Cache trong menu của bảng điều khiển WordPress của bạn. Nhấp vào LiteSpeed ​​Cache từ menu đó để mở cài đặt của nó.

2.1. Tổng quan (Dashboard)

Nó chỉ là một bản tóm tắt về tình trạng dịch vụ khác nhau. Trên hàng đầu tiên, bạn sẽ thấy mức sử dụng dịch vụ yêu cầu   Đăng nhập để xem liên kết của tháng hiện tại.

  Đăng nhập để xem liên kết không chỉ được sử dụng cho CDN bởi LiteSpeed ​​Cache, nó còn được sử dụng để tối ưu hóa hình ảnh, tạo CSS quan trọng (CCSS) và tạo trình giữ chỗ hình ảnh chất lượng thấp (LQIP).


Ngoài ra, các dịch vụ   Đăng nhập để xem liên kết dựa trên giới hạn sử dụng miễn phí hàng tháng. Mặc dù giới hạn cấp miễn phí của họ khá hào phóng, bạn sẽ cần phải trả tiền nếu bạn sử dụng hết giới hạn của mình hoặc đợi tháng tiếp theo khi giới hạn sẽ đặt lại một lần nữa. Có nghĩa là, tất cả các tính năng của bộ Cache LiteSpeed ​​không yêu cầu sử dụng   Đăng nhập để xem liên kết đều được sử dụng hoàn toàn miễn phí.

Xem trang này để biết về giới hạn miễn phí của dịch vụ   Đăng nhập để xem liên kết trong LiteSpeed ​​Cache và chi phí sau khi sử dụng hết giới hạn hàng tháng.

Quay lại trang tổng quan LiteSpeed ​​Cache. Sau các dịch vụ   Đăng nhập để xem liên kết, bạn sẽ thấy các tab chứa LiteSpeed ​​đã giúp tăng hiệu suất trang web của bạn về Thời gian tải trang (Page Load Time) và Điểm tốc độ trang như thế nào (PageSpeed Score).

Sau đó, một số thông tin bổ sung về Tóm tắt tối ưu hóa hình ảnh (Image Optimization Summary), CSS quan trọng (Critical CSS) và các hoạt động Trình giữ chỗ hình ảnh chất lượng thấp (Low Quality Image Placeholder). Nó cũng hiển thị cho bạn Trạng thái bộ nhớ cache (Cache Status) cho bạn biết bộ nhớ Cache nào được bật và bộ nhớ Cache nào bị tắt. Sau đó, có một số thông tin về Trạng thái Craws (Craws Status) trên trang web của bạn.

2.2. Tổng quát (General)


Tự động nâng cấp (Automatically Upgrade) - Bạn có thể Bật tính năng này nhưng mình không muốn bị bất ngờ bởi một sự thay đổi lớn trong một sớm một chiều và phải đối mặt với bất kỳ vấn đề nào mặc dù trường hợp này hiếm khi xảy ra. Nhưng nếu xảy ra sự cố, việc nâng cấp tự động sẽ khiến mình không biết lý do tại sao sự cố có thể xảy ra. Ngoài ra, đôi khi mình muốn xem nhật ký cập nhật của các phiên bản mới nhưng việc nâng cấp tự động sẽ lấy đi điều đó đối với mình. Đó là lý do tại sao mình đã Tắt tùy chọn này.

Mình muốn có tùy chọn tự động nâng cấp chỉ các phiên bản nhỏ chứ không phải các phiên bản chính. Nhưng điều đó chưa có trong LiteSpeed ​​Cache, ít nhất là chưa có vào thời điểm này.

Khóa miền (Domain Key) - Để sử dụng bất kỳ dịch vụ nào trong LiteSpeed ​​Cache yêu cầu sử dụng   Đăng nhập để xem liên kết, bạn sẽ cần có khóa miền từ   Đăng nhập để xem liên kết. Các dịch vụ của   Đăng nhập để xem liên kết bao gồm Tối ưu hóa hình ảnh (Image Optimization), tạo CSS quan trọng (Critical CSS), tạo trình giữ chỗ hình ảnh chất lượng thấp (Low Quality Image Placeholder) và dịch vụ CDN của   Đăng nhập để xem liên kết.

Bạn có thể sử dụng ba dịch vụ đầu tiên chỉ bằng cách lấy một khóa miền cho trang web của mình mà không yêu cầu liên kết trang web của bạn với tài khoản   Đăng nhập để xem liên kết. Nhưng để sử dụng   Đăng nhập để xem liên kết CDN, bạn cũng cần phải liên kết trang web của mình với tài khoản   Đăng nhập để xem liên kết. Ngoài ra, nếu bạn hết hạn ngạch dịch vụ   Đăng nhập để xem liên kết miễn phí hàng tháng và muốn mua thêm, bạn sẽ cần kết nối trang web của mình với   Đăng nhập để xem liên kết và sau đó mua từ đó. Dưới đây là các bước mô tả cách thực hiện cả hai điều đó.

Để nhận khóa miền cho trang web của bạn, hãy nhấp vào nút Request Domain Key


Bây giờ, hãy đợi khoảng một phút hoặc lâu hơn để khóa miền của bạn được tạo tự động. Sau đó, làm mới trang và bạn sẽ thấy một số dấu hoa thị trong trường Request Domain. Điều này có nghĩa là khóa miền của bạn đã được tạo thành công.

Bây giờ để liên kết trang web WordPress của bạn với tài khoản   Đăng nhập để xem liên kết, hãy nhấp vào nút Link to   Đăng nhập để xem liên kết


Sau đó, bạn sẽ được nhắc đăng nhập vào tài khoản   Đăng nhập để xem liên kết của mình.


Từ trang này, bạn có thể đăng nhập vào tài khoản   Đăng nhập để xem liên kết hiện có của mình hoặc tạo một tài khoản miễn phí. Sau đó, khi bạn đã đăng nhập, bạn sẽ tự động được đưa trở lại trang cài đặt LiteSpeed ​​Cache.


Bây giờ bạn sẽ thấy nút Visit My Dashboard on   Đăng nhập để xem liên kết thay vì nút Link to   Đăng nhập để xem liên kết trước đó. Điều này có nghĩa là plugin LiteSpeed ​​Cache của bạn hiện đã được kết nối thành công với tài khoản   Đăng nhập để xem liên kết của bạn.

Một điều nữa, nếu bạn thay đổi loại máy chủ web của mình như chuyển từ máy chủ không phải LiteSpeed ​​sang máy chủ LiteSpeed, nâng cấp từ OpenLiteSpeed ​​lên LiteSpeed ​​Enterprise hoặc làm bất cứ điều gì tương tự và muốn giới hạn hàng tháng miễn phí   Đăng nhập để xem liên kết của bạn phản ánh thay đổi đó, bạn có thể nhấp vào nút Refresh Domain Key. Nếu không, LiteSpeed ​​Cache sẽ không tự động phản ánh điều đó.

Nếu bạn đang sử dụng máy chủ LiteSpeed ​​và sử dụng proxy ngược như Cloudflare trên trang web của mình, bạn chỉ có thể nhận được giới hạn sử dụng hàng tháng miễn phí của cấp cơ bản của   Đăng nhập để xem liên kết sau khi bạn nhận được khóa miền của mình vì   Đăng nhập để xem liên kết sẽ thấy loại máy chủ của bạn có thể nói là Cloudflare. Đó là lý do tại sao bạn có thể tắt proxy ngược trước, sau đó yêu cầu hoặc làm mới khóa miền của mình để nhận được cấp   Đăng nhập để xem liên kết miễn phí phù hợp. Sau đó, bạn có thể bật proxy ngược. Bằng cách này, giới hạn sử dụng miễn phí   Đăng nhập để xem liên kết của bạn sẽ giữ nguyên ngay cả sau khi bật proxy ngược.

IP của máy chủ (Server IP) - Bạn có thể sử dụng địa chỉ IP của máy chủ của mình trong trường này. Điều này sẽ loại bỏ thời gian tra cứu thêm DNS hoặc CDN liên quan đến việc sử dụng tên miền. Do đó,   Đăng nhập để xem liên kết sẽ có thể giao tiếp nhanh hơn với máy chủ của bạn, do đó cải thiện tốc độ trang web của bạn có thể nhận các dịch vụ   Đăng nhập để xem liên kết. Bạn có thể nhấp vào liên kết Check my public IP from   Đăng nhập để xem liên kết để xem địa chỉ IP của máy chủ của bạn.

Nhưng điều này có thể không phải lúc nào cũng cung cấp cho bạn địa chỉ IP phù hợp, vì vậy sẽ tốt hơn nếu bạn có thể lấy địa chỉ IP từ nhà cung cấp dịch vụ lưu trữ web của mình. Sau đó nhập IP đó vào trường Server IP. Nhưng nếu bạn không chắc chắn về địa chỉ IP của mình, hãy để trống trường đó.

Thông báo (Notifications) - Bật thông báo này sẽ hiển thị các cập nhật của họ trong bảng điều khiển WordPress. Nhưng mình thấy rằng một số thông báo cập nhật này không thể bị xóa khỏi các trang cài đặt LiteSpeed ​​Cache như khi có phiên bản beta. Đó là lý do tại sao mình đã Tắt tính năng này.

2.3. Cache

Cache

Các cài đặt trong danh mục này hầu hết có thể áp dụng cho người dùng máy chủ web LiteSpeed ​​như LiteSpeed ​​Enterprise và OpenLiteSpeed ​​và   Đăng nhập để xem liên kết CDN. Tuy nhiên, danh mục này cũng có các tính năng bộ nhớ Cache đối tượng và bộ nhớ Cache trình duyệt có thể được sử dụng với các máy chủ web khác như Apache và NGINX.

Cài đặt trên bài viết này chỉ áp dụng cho những người sử dụng máy chủ web LiteSpeed ​​hoặc   Đăng nhập để xem liên kết CDN hoặc cả hai.

Nhân tiện, tính năng bộ nhớ Cache HTML / toàn trang trong LiteSpeed ​​Cache hoạt động trực tiếp từ máy chủ web LiteSpeed. Như vậy, LiteSpeed ​​Cache cung cấp bộ nhớ Cache cấp máy chủ chứ không phải bộ nhớ Cache cấp ứng dụng được cung cấp bởi các plugin bộ nhớ Cache WordPress khác. Đây là một trong những lý do khiến bạn không tìm thấy các tập tin được lưu trong bộ Cache HTML bởi plugin LiteSpeed ​​Cache trong thư mục tập tin WordPress của bạn.


Kích hoạt bộ nhớ cache (Enable Cache) - Đây là công tắc kỳ diệu cho bộ nhớ Cache cấp máy chủ tuyệt vời của plugin LiteSpeed ​​Cache. Cần phải BẬT tùy chọn này để kích hoạt tính năng lưu vào bộ nhớ Cache của LiteSpeed ​​Cache. Nếu bạn chuyển tùy chọn này thành TẮT, tính năng bộ nhớ Cache toàn trang của plugin này sẽ bị vô hiệu hóa. Vì vậy, mình khuyên bạn nên BẬT tùy chọn này.

Cache Logged-in Users - Tùy chọn này dành cho bộ nhớ Cache riêng của các trang giao diện người dùng. Nếu trang web của bạn có nhiều người duyệt trang web WordPress của bạn với tư cách là người dùng đã đăng nhập như thành viên trong trang web thành viên, quản trị viên, tác giả, người đăng ký và các vai trò người dùng WordPress khác, kích thước bộ nhớ cache của trang web của bạn sẽ tăng lên đáng kể nếu bạn BẬT tùy chọn này. Vì vậy, nếu bạn không quan tâm đến bộ nhớ máy chủ web của mình, bạn có thể BẬT tùy chọn này để phân phối các trang web của bạn đến những người dùng này nhanh hơn.

Tuy nhiên, các trang sẽ không được lưu vào bộ nhớ cache cho đến lần truy cập thứ hai nên việc cải thiện tốc độ sẽ không khả dụng cho người dùng trong lần truy cập đầu tiên của họ. Đó là lý do tại sao nếu hầu hết người dùng đã đăng nhập đó không truy cập các trang web riêng lẻ nhiều lần, bạn sẽ không thực sự nhận được nhiều lợi ích từ việc này. Nhưng nếu bạn có một số ít người dùng đã đăng nhập, bạn có thể BẬT tùy chọn này. Tuy nhiên, một số ít người dùng đã đăng nhập đã là người dùng trang web của bạn, vì vậy họ có thể sẽ không bận tâm đến việc cải thiện tốc độ nhỏ do bộ nhớ Cache. Đó là lý do tại sao mình đã TẮT nó.

Cache Commenters - Điều này cho phép bạn lưu trữ riêng các trang web cho những khách truy cập đã để lại nhận xét rằng nhận xét vẫn đang chờ được phê duyệt hoặc bị loại bỏ. Cách sử dụng của nó tương tự như cách sử dụng tùy chọn Cache Logged-in Users đã đề cập trước đó. Vì vậy, mình đã TẮT nó.

Cache REST API - Đây thường được các nhà phát triển WordPress sử dụng cho các chức năng trong các giao diện và plugin. Vì vậy, nó sẽ không phải là điều gì đó đáng lo ngại đối với hầu hết mọi người. Bạn có thể giữ trạng thái mặc định là BẬT.

Trang đăng nhập bộ nhớ Cache (Cache Login Page) - Trang đăng nhập WordPress của bạn sẽ tải nhanh hơn khi nó được BẬT. Điều này cũng sẽ cho phép trang đăng nhập xử lý nhiều yêu cầu hơn. Bởi vì nhiều bot trực tuyến tấn công các trang đăng nhập, một trang đăng nhập tải nhanh hơn và có thể xử lý nhiều yêu cầu hơn sẽ thực hiện tốt hơn trong việc bảo vệ toàn bộ trang web của bạn không bị hỏng trong cuộc tấn công này. Vì vậy, mình khuyên bạn nên BẬT nó.

Một lưu ý nhỏ, máy chủ web LiteSpeed ​​Enterprise và LiteSpeed ​​WEB ADC đi kèm với một số biện pháp bảo mật tích hợp cho URL trang đăng nhập WordPress như bảo vệ chống lại các cuộc tấn công brute force. Đây là lý do tại sao nếu bạn đang ở bất kỳ máy chủ nào trong số đó, tốt hơn là không nên thay đổi URL trang đăng nhập WordPress mặc định của bạn là wp-login.php vì khi đó LiteSpeed ​​sẽ không biết trang đăng nhập của bạn là gì.

Cache favicon.ico - Nếu trang web WordPress của bạn không có biểu tượng trang web được hiển thị trong tab trình duyệt bên cạnh tên trang web của bạn, favicon.ico được yêu cầu sử dụng thay cho biểu tượng đó. Điều này cuối cùng sẽ tải một biểu tượng WordPress. Đó là lý do tại sao hãy BẬT tùy chọn này để làm cho phản hồi favicon.ico này nhanh hơn.

Tài nguyên PHP trong bộ nhớ cache (Cache PHP Resources) - Một số giao diện và plugin tải các tập tin CSS và JS bằng cách chạy các tập lệnh PHP nhưng những tập tin đó thường là tập tin tĩnh nên chúng có thể được lưu vào bộ nhớ cache mà không gặp bất kỳ sự cố nào. Ngoài ra, bằng cách lưu vào bộ nhớ Cache các tập tin đó, bạn có thể tránh chạy một số tập lệnh PHP để cải thiện hiệu suất máy chủ của bạn. Vì vậy, hãy giữ tùy chọn này được BẬT.

Cache Mobile - Tùy chọn này khá nhầm lẫn vì nó đưa ra ý tưởng rằng nó nên được BẬT khi trang web của bạn thân thiện với thiết bị di động. Nhưng đó hoàn toàn không phải là trường hợp. Thay vào đó, nó chỉ được sử dụng cho nội dung cụ thể trên thiết bị di động như khi trang web của bạn có phiên bản Accelerated Mobile Pages (AMP). Vì vậy, các trang web đáp ứng thông thường thường không yêu cầu BẬT chức năng này. Đây cũng là trường hợp của mình vì vậy mình đã TẮT nó.

Danh sách tác nhân người dùng di động (List of Mobile User Agents) - Điều này chỉ áp dụng nếu tùy chọn Bộ nhớ Cache di động trước đó của bạn được BẬT. Danh sách được cung cấp trong trường được đề xuất cũng là danh sách mặc định được sử dụng trong WordPress, vì vậy hãy giữ nó một mình hoặc thêm nhiều thiết bị hơn vào danh sách nếu bạn biết mình cần thêm những thiết bị khác.

URI được lưu trong bộ nhớ cache riêng tư (Private Cached URIs) - Điều này có thể áp dụng nếu bạn muốn một số trang, bài đăng hoặc bất kỳ thứ gì cụ thể trên trang web của mình không được lưu vào bộ nhớ Cache ở dạng công khai (bộ nhớ Cache nơi mọi người được phục vụ giống nhau bất kể ai đang truy cập trang) nhưng ở chế độ riêng tư. Một ví dụ điển hình là hồ sơ người dùng hoặc các trang tài khoản nơi mỗi người dùng cần xem các nội dung khác nhau trên cùng một trang web. Do bộ nhớ Cache riêng tư, cách sử dụng của nó sẽ tương tự như tùy chọn Cache Logged-in Users trước đó được tìm thấy trước đó trong trang cài đặt này. Đó là lý do tại sao cách sử dụng của nó có vẻ không hấp dẫn lắm đối với mình nên mình không sử dụng nó.

Force Cache URIs - Nếu bạn muốn buộc một số trang, bài đăng hoặc bất kỳ thứ gì trên trang web của mình được lưu vào bộ nhớ cache, đây là tùy chọn dành cho bạn. Nó thường không cần thiết trừ khi bạn có một số trường hợp sử dụng cụ thể.

Force Public Cache URIs - Tùy chọn này có thể được sử dụng để buộc một số trang, bài đăng hoặc bất kỳ thứ gì trên trang web của bạn được lưu vào bộ nhớ cache ở chế độ công khai. Hầu hết các trang web không cần phải làm bất cứ điều gì trong việc này nhưng nếu bạn cần sử dụng tùy chọn này, bạn sẽ biết về nó.

Drop Query String - Đây là một cài đặt quan trọng. Chuỗi truy vấn thường được sử dụng để chỉ sự hiện diện của nội dung động (ví dụ: nội dung thay đổi do những thứ như thay đổi ngôn ngữ, đơn vị tiền tệ, v.v.) trên trang. Vì vậy, để phân phối nội dung phù hợp cho đúng khách truy cập, tốt hơn nên phân phát phiên bản không được lưu trong bộ nhớ cache của trang hoặc lưu riêng trang vào bộ nhớ cache cho từng chuỗi truy vấn riêng biệt khi có bất kỳ chuỗi truy vấn nào xuất hiện trên URL.

Tuy nhiên, không phải tất cả các chuỗi truy vấn đều được sử dụng để chỉ nội dung động. Ví dụ: khi bạn nhấp vào một liên kết từ Facebook, liên kết đó sẽ tự động có một chuỗi truy vấn được đính kèm với nó, được sử dụng để theo dõi nhưng không phải để chỉ ra nội dung động. Các chuỗi truy vấn cũng được sử dụng cho mục đích theo dõi trong các chiến dịch tiếp thị và do đó các chuỗi truy vấn đó cũng không chỉ ra nội dung động. Đó là lý do tại sao các trang web hiển thị giống nhau có hoặc không có các chuỗi truy vấn này. Vì vậy, bạn có thể phân phát các trang được lưu trong bộ nhớ cache một cách an toàn khi các loại chuỗi truy vấn đó có trên URL.

Như bạn đã biết việc cung cấp nội dung được lưu trong bộ nhớ cache có thể cải thiện thời gian tải trang web. Vì vậy, bạn sẽ tốt hơn bằng cách cung cấp nội dung được lưu trong bộ nhớ cache hoặc bằng cách không tạo nhiều phiên bản được lưu trong bộ nhớ cache cho các loại chuỗi truy vấn không chỉ ra sự hiện diện của nội dung động trên trang.

Trong trường Drop Query String, bạn có thể sử dụng các chuỗi truy vấn sẽ bị bỏ qua khỏi URL để cho phép cung cấp các trang được lưu trong bộ nhớ cache mà không cần tạo nhiều phiên bản được lưu trong bộ nhớ cache bằng LiteSpeed ​​Cache. Danh sách mặc định là trường này khá tốt. Bạn cũng có thể sử dụng một số chuỗi truy vấn khác trên trang nếu bạn cho rằng chúng hữu ích.

Bạn cũng có thể lấy một số ý tưởng tham số / chuỗi truy vấn khác từ danh sách tham số Truy vấn được APO hỗ trợ của Cloudlare cho WordPress từ liên kết này   Đăng nhập để xem liên kết

TTL

Cài đặt trên bài viết này chỉ áp dụng cho những người sử dụng máy chủ web LiteSpeed ​​hoặc   Đăng nhập để xem liên kết CDN hoặc cả hai.

Cài đặt TTL (Time to Live) này là để thông báo cho plugin LiteSpeed ​​Cache về thời gian tối đa mà nó nên giữ các tập tin được lưu trong bộ nhớ cache khác nhau. Sau khi hết thời gian đó, bất kỳ yêu cầu mới nào đối với các tập tin đã hết hạn trong bộ nhớ cache sẽ không được phục vụ từ bộ nhớ cache. Thay vào đó, yêu cầu mới sẽ được tạo động và sau đó được phân phát cho khách truy cập mới đầu tiên. Trang hoặc phản hồi mới được tạo đó cũng sẽ được lưu vào bộ nhớ Cache để phục vụ cho bất kỳ khách truy cập nào tiếp theo.


Bộ Cache công cộng mặc định TTL (Default Public Cache TTL) - Đây là nơi bạn đặt thời gian hết hạn cho các trang công khai hoặc các trang có thể được hiển thị cho bất kỳ ai bất kể ai đang truy cập trang. Giá trị mặc định là 1 tuần được biểu thị bằng 604800 giây. Giữ giá trị mặc định sẽ hoạt động tốt. Nhưng bạn có thể tăng hoặc giảm nó theo nhu cầu của bạn.

Giá trị lớn hơn sẽ làm tăng tỷ lệ truy cập bộ nhớ cache của bạn hoặc cơ hội các trang được phân phát từ bộ nhớ cache. Vì vậy, bạn có thể muốn tăng giá trị này đặc biệt vì điều này ảnh hưởng đến hầu hết các trang trên trang web của bạn. LiteSpeed ​​Cache tự động xóa / xóa bộ nhớ cache cho tất cả các trang web có liên quan khi bạn cập nhật nội dung của bất kỳ trang web nào của mình. Vì vậy, ngay cả khi bạn sử dụng giá trị cao hơn, bạn sẽ không cần phải lo lắng về việc cung cấp nội dung cũ / cũ sau khi cập nhật bất kỳ nội dung trang web nào của mình.

Bộ nhớ Cache riêng mặc định TTL (Default Private Cache TTL) - Điều này tương tự như cài đặt Default Public Cache TTL ngoại trừ việc nó dành cho các trang riêng tư vào bộ nhớ Cache hoặc các trang hiển thị nội dung khác nhau dựa trên người đang truy cập trang. Giá trị mặc định là 30 phút được biểu thị bằng 1800 giây. Giữ giá trị này sẽ làm tốt.

Giá trị lớn hơn có thể khiến kích thước bộ nhớ cache của trang web của bạn tăng lên đáng kể nếu trang web của bạn cần lưu vào bộ nhớ cache nhiều trang riêng tư. Điều này có thể xảy ra do có nhiều trang web và / hoặc nhiều khách truy cập riêng tư. Trong tình huống này, bạn có thể muốn giữ một giá trị thấp hơn.

Trang chính mặc định TTL (Default Front Page TTL) - Bạn có thể chỉ định thời gian hết hạn bộ nhớ cache của trang đầu trang web của bạn trong trường này. Giá trị mặc định là 1 tuần hoặc 604800 giây. Giữ nguyên giá trị này hoặc thay đổi theo quyết định của bạn. Nếu bạn muốn quyết định về việc thay đổi giá trị, hãy xem trường Default Public Cache TTL đã đề cập trước đó vì hai trường này sẽ tương tự nhau.

Nguồn cấp dữ liệu mặc định TTL (Default Feed TTL) - Trường này dùng để chỉ định thời gian lưu trữ các nguồn cấp dữ liệu trang web của bạn. Giá trị mặc định là 1 tuần hoặc 604800 giây. Giữ giá trị này sẽ làm tốt.

Giá trị cao hơn sẽ tăng tỷ lệ truy cập bộ nhớ cache của bạn. LiteSpeed ​​Cache tự động xóa các trang nguồn cấp dữ liệu đã lưu trong bộ nhớ cache khi cập nhật và nhận xét, vì vậy bạn sẽ không phải lo lắng về việc cập nhật trang trong khi sử dụng bất kỳ giá trị nào cao hơn.

Default REST TTL - Như đã thảo luận trong tùy chọn Cache Rest API ở phần trước, tùy chọn này sẽ không phải là điều gì đó đáng lo ngại đối với hầu hết mọi người. Vì vậy, bạn chỉ có thể giữ giá trị mặc định là 1 tuần hoặc 604800 giây.

Trang mã trạng thái HTTP mặc định TTL (Default HTTP Status Code Page TTL) - Đây là để chỉ định thời gian bạn muốn lưu vào bộ Cache các trang để có phản hồi mã trạng thái khác nhau. Ví dụ: bạn có thể lưu vào bộ nhớ cache các trang trả về lỗi HTTP 404 Not Found trong một thời gian hết hạn nhất định. Vì vậy, trong trường này, bạn cần chỉ định mã trạng thái cụ thể và thời gian hết hạn bộ nhớ cache cho mã trạng thái đó với khoảng cách giữa hai mã này. Bạn có thể bao gồm nhiều mã trạng thái với thời gian hết hạn bộ nhớ cache của chúng trong các dòng riêng biệt. Chỉ cần giữ nguyên các giá trị mặc định hoặc thay đổi theo ý của bạn.

Purge
Excludes
ESI
Object
Browser
Advanced

2.4. CDN

CDN
CDN Settings
Manage

2.5. Image Optimization

Image Optimization
Image Optimization Summary
Image Optimization Settings

2.6. Page Optimization

Page Optimization

Phần này chứa các tùy chọn cài đặt tối ưu hóa chính của Plugin LiteSpeed ​​Cache. Những tối ưu hóa này bao gồm các tập tin HTML, CSS, JS và các tập tin khác. Ba tập tin nói trên đại diện cho tất cả các mã được sử dụng trên bất kỳ trang web nào. Vì vậy, họ yêu cầu tối ưu hóa đúng cách, nếu không, trang web của bạn có thể bị hỏng. Ngoài ra, một tùy chọn từ trang cài đặt trong phần này có thể gây ra xung đột với một tùy chọn khác. Điều đó có thể làm cho trang web của bạn hoạt động không mong muốn.

Đây là lý do tại sao bạn sẽ cần phải cẩn thận khi thiết lập các tùy chọn trong phần này. Ngoài ra, nếu bạn thấy trang web của mình bị hỏng sau khi thiết lập plugin này, có khả năng cao phần này là lý do cho điều đó. Vì vậy, hãy đọc đúng chi tiết tùy chọn và thực hiện theo các cài đặt được đề xuất được mô tả trong phần này để tránh bất kỳ sự cố nào do các tối ưu hóa này gây ra.

CSS Settings

Các tập tin CSS được sử dụng để thiết kế trang web của bạn. Vì vậy, chúng được yêu cầu cho các trang web của bạn nhưng đồng thời CSS chưa được tối ưu hóa có thể làm chậm trang web của bạn. Ngoài ra, các tập tin CSS thường cần được tải trước khi bất kỳ nội dung trang web nào của bạn có thể tải trên màn hình, điều này khiến chúng bị chặn hiển thị. Và các tài nguyên chặn hiển thị góp phần làm chậm tốc độ tải trang web của bạn. Điều này có nghĩa là khách truy cập trang web sẽ nghĩ rằng trang web của bạn tải chậm hơn so với thực tế.

Vì vậy, tối ưu hóa tập tin CSS đúng cách là rất quan trọng để có trải nghiệm người dùng tốt. Tuy nhiên, việc tối ưu hóa CSS có thể hơi phức tạp vì nó có thể gây ra vấn đề FOUC hoặc Flash của nội dung chưa được định dạng (FOUC) và khiến trang web của bạn trông bị hỏng. Nhưng mình sẽ cho bạn biết cách bạn có thể tối ưu hóa CSS đúng cách trong plugin LiteSpeed ​​Cache.


CSS Minify - CSS minification sẽ xóa mọi ký tự khoảng trắng thừa, ký tự dòng mới và nhận xét khỏi tập tin CSS. Điều này có thể làm cho trang web của bạn tải nhanh hơn một chút vì kích thước tập tin giảm đi một chút nhưng sự khác biệt cuối cùng sẽ không phải là điều gì đó đáng kể.

Quá trình thu nhỏ này sẽ mất một thời gian và sử dụng một số tài nguyên máy chủ. Tuy nhiên, việc thu nhỏ sẽ chỉ cần thiết một lần trên mỗi trang web cho đến khi tập tin CSS được rút gọn khỏi bộ nhớ cache hoặc bộ nhớ cache hết hạn. Vì vậy, thời gian tải trang cho khách truy cập đầu tiên của bất kỳ trang web nào sẽ lâu hơn vì sự cần thiết phải tạo tập tin thu nhỏ. Nhưng tất cả những người truy cập tiếp theo vào các trang web sẽ tận hưởng tốc độ trang nhanh hơn.

Do đó, nếu trang web của bạn có nhiều người truy cập, bạn sẽ được lợi khi bật tùy chọn này. Nhưng nếu trang web của bạn chỉ có một vài người truy cập, bạn có thể không thấy cải thiện nhiều về tốc độ trang web vì cần thêm thời gian để phục vụ lượt truy cập đầu tiên. Trên thực tế, điều này cũng có thể tác động tiêu cực đến tốc độ trang web của bạn đối với các trang web có lưu lượng truy cập thấp. Tuy nhiên, bạn có thể giải quyết vấn đề này bằng cách sử dụng tính năng Trình thu thập thông tin của LiteSpeed ​​Cache vì trang web của bạn nằm trên máy chủ LiteSpeed ​​và nhà cung cấp dịch vụ lưu trữ của bạn cho phép sử dụng trình thu thập thông tin. Bạn sẽ xem thêm về Crawler trong phần Crawler bên dưới trong bài viết này.

Nếu trang web của bạn chỉ có một số lượng nhỏ khách truy cập (và nếu bạn không thể sử dụng trình thu thập thông tin sẽ tự động kích hoạt các tiểu thuyết nhỏ này), thì tốt hơn hết bạn nên TẮT tùy chọn này. Nhưng nếu trang web của bạn có ít nhất một số lượng khách truy cập khá, bạn có thể nhận được kết quả tốt hơn bằng cách BẬT. Nhưng kết quả cuối cùng có thể không đáng kể lắm vì vậy bạn cũng có thể thấy các kết quả tương tự có hoặc không có thu nhỏ.

Bạn có thể đọc thêm về cách thu nhỏ ảnh hưởng đến tốc độ trang web của bạn từ bài viết này. Bài viết này cũng sẽ thảo luận về một tùy chọn khác về cách thu nhỏ CSS trong CDN so với tùy chọn thu nhỏ này trong máy chủ web của bạn.

Kết hợp CSS (CSS Combine) - Tùy chọn này sẽ kết hợp tất cả các tập tin CSS nội bộ của bạn (các tập tin được tải từ cùng một miền của trang web của bạn thay vì từ một tên miền phụ khác hoặc một tên miền bên ngoài) cần thiết để tải một trang web. Vì vậy, nó làm giảm tổng số yêu cầu cần thiết để tải các trang web của bạn nhưng không làm giảm tổng kích thước của các tập tin CSS của bạn. Mặc dù vậy, số lượng yêu cầu giảm này có thể làm cho trang web của bạn nhanh hơn trong những ngày trước vì hạn chế của công nghệ lúc bấy giờ. Nhưng hạn chế đó không còn tồn tại nữa nên ngày nay CSS Combine là loại không cần thiết. Trên thực tế, trong nhiều trường hợp, nó có thể gây hại cho tốc độ trang web của bạn nhiều hơn là có lợi.

Bạn có thể đọc thêm về lý do tại sao bạn không nên kết hợp các tập tin CSS từ bài viết này. Bài viết này cũng cho bạn biết lý do tại sao bạn có thể thấy tốc độ trang web của mình tăng hoặc giảm khi kết hợp hoặc không kết hợp các tập tin CSS. Nhưng bất kể, cuối cùng bạn sẽ nhận được kết quả tốt hơn từ việc không kết hợp các tập tin CSS của mình.

Ngoài tất cả những điều này, việc kết hợp các tập tin CSS đôi khi có thể gây ra sự cố và có thể phá vỡ trang web của bạn. Vì vậy, sẽ an toàn hơn nếu bạn không kết hợp các tập tin CSS nếu bạn không muốn lo lắng về các vấn đề có thể xảy ra với trang web. Vì vậy, mình khuyên bạn nên TẮT tùy chọn Kết hợp CSS. Nhưng nếu bạn vẫn quyết định dùng thử, hãy đảm bảo kiểm tra kỹ lưỡng trang web WordPress của mình và xem liệu có bất kỳ vấn đề nào sau khi kết hợp các tập tin CSS của bạn hay không.

CSS Combine bên ngoài và nội tuyến (CSS Combine External and Inline) - Tùy chọn này tương tự như tùy chọn CSS Combine trước đây chỉ kết hợp các tập tin CSS bên trong. Nhưng việc bật tùy chọn này cũng sẽ kết hợp các tập tin CSS bên ngoài (tập tin CSS từ một tên miền phụ khác của bạn hoặc từ bất kỳ tên miền bên ngoài nào) và CSS nội tuyến (đây là các mã CSS được tìm thấy bên trong thẻ <style> bên trong thẻ <head> của các trang web của bạn, vì vậy các mã CSS này không từ một tập tin CSS khác được thích với thuộc tính href).

Nói cách khác, nếu bạn bật cả tùy chọn Kết hợp CSS trước đó và tùy chọn Kết hợp CSS Bên ngoài và Nội tuyến này, tất cả các tập tin CSS của bất kỳ trang web nào sẽ được kết hợp thành một tập tin CSS duy nhất và tập tin đó sẽ được phân phát từ máy chủ web của bạn. Vì vậy, điều này cũng sẽ bản địa hóa bất kỳ tập tin CSS bên ngoài nào và phân phát chúng từ máy chủ của bạn thay vì máy chủ bên ngoài, điều này cũng có thể mang lại một số lợi ích về tốc độ cho trang web của bạn. Bạn có thể đọc bài viết này để biết cách bản địa hóa các tập tin bên ngoài có thể cải thiện tốc độ trang web của bạn.

Khi tùy chọn này được bật, tập tin CSS kết hợp sẽ có thể duy trì thứ tự ban đầu trong đó tất cả các tập tin CSS được tải trên trang web. Vì vậy, việc bật nó có thể giải quyết một số vấn đề trên trang web của bạn mà có thể đã gây ra sau khi bật tùy chọn Kết hợp CSS trước đó. Nếu bạn đã bật tùy chọn Kết hợp CSS trước đó và gặp bất kỳ sự cố nào trên trang web của mình, bạn có thể thử bật tùy chọn này và kiểm tra xem nó có giải quyết được sự cố hay không.

Như bạn đã đoán, tùy chọn này phụ thuộc vào tùy chọn Kết hợp CSS trước đó. Vì vậy, tùy chọn Kết hợp CSS sẽ cần được bật để tùy chọn Kết hợp CSS Bên ngoài và Nội tuyến này hoạt động. Và như đã thảo luận trong tùy chọn Kết hợp CSS trước đó, bạn có thể nhận được nhiều lợi ích hơn bằng cách TẮT tùy chọn kết hợp CSS và điều đó cũng xảy ra đối với tùy chọn này. Nhưng nếu vì lý do nào đó, bạn quyết định BẬT tùy chọn Kết hợp CSS, thì tùy chọn này cũng có thể là lựa chọn tốt hơn.

CSS HTTP/2 Push - CSS HTTP/2 Push cho phép máy chủ web gửi các tập tin trang web cần thiết đến trình duyệt mà không cần đợi trình duyệt phát hiện ra các tập tin đó từ các trang web và tài nguyên bổ sung của chúng, sau đó đưa ra yêu cầu cho các tập tin đó. Vì vậy, nó có thể loại bỏ sự chậm trễ trước khi bắt đầu tải xuống các tập tin cần thiết do quy trình tạo yêu cầu phát hiện tập tin thông thường. Do đó, nó tăng tốc tải xuống, do đó cải thiện tốc độ trang web của bạn.

Nhưng việc đẩy quá nhiều tập tin hoặc đẩy các tập tin không cần thiết ngay lập tức để tải trang web có thể ảnh hưởng tiêu cực đến tốc độ trang web của bạn. Bạn có thể đọc thêm về cách đẩy máy chủ HTTP / 2 ảnh hưởng đến tốc độ trang web trong bài viết này.

Đó là lý do tại sao mình khuyên bạn chỉ nên đẩy các tài nguyên cần thiết để tải nội dung trong màn hình đầu tiên (đây là những nội dung hiển thị trên màn hình trình duyệt mà không cần cuộn trang web). Tuy nhiên, tùy chọn CSS HTTP/2 Push này sẽ đẩy tất cả các tập tin CSS bất kể chúng có cần thiết trong nội dung màn hình đầu tiên hay không. Vì vậy, mình khuyên bạn nên TẮT tùy chọn này.

Nhưng các tập tin CSS cần rất sớm trong quá trình tải trang web để tránh vấn đề FOUC và tải đúng thiết kế trang web của bạn. Vì vậy, đẩy tất cả các tập tin CSS bằng cách sử dụng HTTP / 2 server push có thể là một ý tưởng hay để đạt được tốc độ tải CSS nhanh hơn. Nhưng plugin LiteSpeed ​​Cache có tính năng Critical CSS sẽ giúp mình đạt được hành vi tải CSS tốt hơn. Vì vậy, bạn không cần phải kích hoạt tùy chọn CSS HTTP / 2 này. CSS quan trọng là một tùy chọn khác trong trang cài đặt này nên nó đã được thảo luận ở đó.

Tải CSS không đồng bộ (Load CSS Asynchronously) - Thông thường khi trình duyệt thực hiện một hành động nào đó như tải xuống tập tin CSS, nó sẽ ngừng thực hiện tất cả những việc khác. Để mở rộng, các tập tin CSS được đặt ở tiêu đề / đầu trang web để nó được đặt trước bất kỳ nội dung nào của trang web như văn bản, hình ảnh và các nội dung khác. mà bạn thấy trên màn hình của mình. Do đó, trước tiên, trình duyệt cần tải xuống và thực thi tất cả các tập tin CSS trước khi nó có thể hiển thị bất kỳ thứ gì trên màn hình của bạn. Vì CSS chặn hiển thị / kết xuất tài liệu HTML hoặc nội dung trang web, nó được gọi là chặn hiển thị. Đây là lý do tại sao bạn thấy cảnh báo chặn hiển thị CSS khi kiểm tra trang web của bạn trong Google PageSpeed ​​Insights.

Tải không đồng bộ cho phép trình duyệt web thực hiện nhiều việc cùng một lúc. Trong bối cảnh này, trình duyệt có thể làm những việc khác như hiển thị / hiển thị nội dung trang web trên màn hình của bạn trong khi tải xuống các tập tin CSS. Vì vậy, bạn không cần phải đợi các tập tin CSS được tải xuống trước khi bạn có thể bắt đầu xem nội dung trên các trang web. Bằng cách này, ngay sau khi các tập tin CSS được tải xuống, trình duyệt có thể thực thi các tập tin đó và áp dụng chúng cho các trang web.

Vì vậy, lợi ích lớn của việc tải tập tin CSS không đồng bộ là khách truy cập có thể xem nội dung trang web trên màn hình của họ càng sớm càng tốt. Do đó, nó mang lại trải nghiệm tốt hơn cho người dùng. Đó cũng là lý do tại sao bạn có thể thấy Google PageSpeed ​​Insights cao hơn nếu bạn sử dụng tải không đồng bộ. Tuy nhiên, bởi vì tải không đồng bộ, trình duyệt không tải xuống ít tài nguyên hơn hoặc thực thi ít tập tin hơn, tổng thời gian tải trang web không thực sự cải thiện. Thay vào đó, nó làm cho tốc độ trang web trông nhanh hơn đối với khách truy cập bằng cách cho phép họ xem nội dung trang web nhanh hơn.

Đã xảy ra sự cố khi tải tập tin CSS không đồng bộ. Đó là bởi vì các tập tin CSS được sử dụng để thiết kế nội dung của trang web. Vì vậy, khi trình duyệt bắt đầu hiển thị nội dung trang web trước khi tải xuống và thực thi các tập tin CSS, nội dung sẽ tải mà không có bất kỳ thiết kế nào và điều đó làm cho trang web trông xấu. Việc tải nội dung trang web mà không có bất kỳ thiết kế nào được gọi là FOUC hoặc Flash của nội dung chưa được phân loại. Nhưng ngay sau khi các tập tin CSS đó được tải xuống, trình duyệt ngay lập tức thực thi chúng và áp dụng kiểu cho trang web nên vấn đề FOUC chỉ kéo dài một lúc và sau đó mọi thứ trở lại bình thường.

Có một cách hay được gọi là CSS quan trọng để giải quyết vấn đề FOUC này trong khi sử dụng tải CSS không đồng bộ nhưng CSS quan trọng có thể không phải lúc nào cũng hoạt động hoàn hảo đối với một số trang web. Critical CSS là tùy chọn tiếp theo trên trang cài đặt này của plugin LiteSpeed ​​Cache và nó đã được thảo luận ở đó.

Cuối cùng, CSS không đồng bộ có thể hoạt động trên hầu hết các trang web nhưng có thể gây ra sự cố cho một số trang web khi kết hợp với CSS quan trọng. Vì vậy, bạn có thể TẮT nó miễn là bạn muốn tùy chọn an toàn hơn. Nhưng nó thường hoạt động tốt đối với hầu hết các trang web, vì vậy bạn có thể BẬT nó nếu bạn muốn cải thiện hơn nữa tốc độ tải trang web theo nhận thức của mình (điều này cũng cải thiện trải nghiệm người dùng) và cũng như nếu bạn sẵn sàng dành thời gian để kiểm tra xem trang web của bạn có hoạt động tốt hay không sau đó cho phép nó.

Tạo CSS quan trọng (Generate Critical CSS) - CSS quan trọng chỉ là phần của toàn bộ CSS của trang web, được yêu cầu để chỉ thiết kế nội dung trong màn hình đầu tiên của trang web. Nội dung trong màn hình đầu tiên là nội dung của trang web có thể được nhìn thấy trên màn hình trình duyệt mà không cần cuộn trang web đó.

Việc tải tập tin CSS không đồng bộ khiến các trang web hiển thị nội dung chưa được phân loại trong một thời gian khi trang web tải lần đầu tiên (hoặc sự cố FOUC). Đó là bởi vì CSS cần thiết để tạo kiểu cho trang web không tải cho đến khi những nội dung đó được tải. Nhưng nếu bạn có thể trích xuất CSS cần thiết để tạo kiểu cho nội dung màn hình đầu tiên và tải CSS đó trước khi bất kỳ nội dung trang web nào được tải trên màn hình, bạn không chỉ có thể tránh được vấn đề FOUC mà còn có được lợi ích của việc tải không đồng bộ. Và đó là mục đích đằng sau CSS quan trọng.

Như bạn có thể đã nhận ra, tùy chọn này chỉ hoạt động khi tùy chọn Load CSS Asynchronously trước đó được bật.

Sử dụng CSS quan trọng, bạn chỉ cần sao chép CSS cần thiết cho nội dung trong màn hình đầu tiên và đặt nó ở đầu các trang web để nó tải trước khi bất kỳ nội dung trang web nào được tải. Nhưng bạn không xóa các CSS này khỏi các tập tin nguồn ban đầu của chúng, tập tin này vẫn sẽ được tải xuống không đồng bộ và sau đó được thực thi. Do đó, CSS quan trọng thực sự sẽ thêm nhiều CSS hơn trên CSS hiện có.

Vì vậy, CSS quan trọng sẽ làm cho tổng kích thước trang web của bạn lớn hơn một chút, điều này cuối cùng sẽ làm cho tổng tốc độ tải trang web chậm hơn một chút. Nhưng đồng thời, nó sẽ cho phép nội dung trang web bắt đầu xuất hiện nhanh hơn trên màn hình, điều này sẽ cải thiện trải nghiệm người dùng của khách truy cập và do đó cải thiện điểm số Google PageSpeed ​​Insights của bạn.

Tuy nhiên, tạo CSS quan trọng là một quá trình tự động và nó có thể không phải lúc nào cũng hoạt động hoàn hảo, đặc biệt là vì có rất nhiều loại trang web khác nhau với rất nhiều loại nội dung khác nhau trên đó. Và việc tạo CSS quan trọng không đúng cách thậm chí có thể khiến trang web của bạn trông bị hỏng. Nhưng bởi vì LiteSpeed ​​Cache đã khá tốt trong việc này và CSS gốc sẽ được tải sau đó, thông thường bạn sẽ không phải lo lắng về việc mất bất kỳ thiết kế hoặc chức năng nào. Bất kể, nó đôi khi có thể gây ra một số mâu thuẫn.

Tuy nhiên, đối với hầu hết các trang web, CSS quan trọng sẽ hoạt động tốt. Vì vậy, mình khuyên bạn nên BẬT nếu bạn đã bật tùy chọn Tải không đồng bộ CSS trước đó nhưng hãy nhớ kiểm tra kỹ trang web của bạn sau khi bật tùy chọn này.

Tạo CSS quan trọng trong nền (Generate Critical CSS In Background) - Tùy chọn này cho phép bạn chọn bạn muốn tùy chọn Tạo CSS quan trọng trước đó hoạt động trong nền hay ở nền trước. Nếu bạn tắt tùy chọn này, nó sẽ hoạt động ở nền trước. Và nếu bạn bật, nó sẽ hoạt động ở chế độ nền.

Tính năng nền trước sẽ tạo CSS quan trọng ngay lập tức khi ai đó truy cập vào một trang chưa được tạo CSS quan trọng. Theo cách này, thời gian tải trang cho khách truy cập đầu tiên sẽ là một ít, tức là thời gian cần tạo CSS quan trọng thường là một hoặc hai giây. Đó là bởi vì CSS quan trọng sẽ được tạo sau khi anh ta yêu cầu xem trang nhưng trước khi trang được phân phát cho anh ta. Nhưng thời gian chờ đợi này sẽ chỉ cần thiết cho khách truy cập đầu tiên vào một trang và không cần thiết cho bất kỳ khách truy cập tiếp theo nào.

Ngoài ra, LiteSpeed ​​Cache, theo mặc định, chỉ tạo một CSS quan trọng cho mỗi loại bài đăng. Vì vậy, ngay cả khi bạn có hàng nghìn bài đăng trên trang web WordPress của mình, chỉ một CSS quan trọng sẽ cần được tạo cho tất cả các bài đăng đó. Và theo cách mở rộng, chỉ một khách truy cập sẽ cần phải đợi thêm giây đó bất kể bạn có bao nhiêu bài đăng trên trang web của mình. Sau đó, một lần nữa, các trang web WordPress chỉ có một vài loại bài như post, page, attachment, và những người khác. Vì vậy, CSS quan trọng sẽ chỉ cần được tạo một vài lần trên trang web của bạn.

Ngược lại, tính năng nền sẽ không tạo CSS quan trọng ở giữa trang được yêu cầu và trang được phân phát. Vì vậy, nó sẽ không ảnh hưởng đến thời gian tải trang cho ngay cả những người truy cập đầu tiên. Thay vào đó, sau khi một trang được yêu cầu, LiteSpeed ​​Cache sẽ thêm tác vụ tạo CSS quan trọng này vào hàng đợi và sau đó tạo nó trong nền. Sau đó, các lượt truy cập trang tiếp theo sẽ tải bằng CSS quan trọng sau khi nó đã được tạo.

Nhưng tùy chọn Tạo CSS quan trọng trong nền này cuối cùng sẽ được sử dụng nếu tùy chọn Tải CSS không đồng bộ trước đó được bật. Và khi tùy chọn đó được bật, khách truy cập đầu tiên vào trang không có CSS ​​quan trọng sẽ gặp phải vấn đề FOUC nếu CSS quan trọng đang hoạt động trong nền. Đó là bởi vì nội dung trang web sẽ bắt đầu hiển thị trước khi bất kỳ CSS nào được tải.

Để làm cho vấn đề tồi tệ hơn, nếu bạn đã bật bộ nhớ Cache (toàn trang / HTML) của plugin bộ nhớ Cache LiteSpeed ​​này hoặc trong bất kỳ plugin Bộ nhớ Cache nào khác trên trang web WordPress của bạn, thì lượt truy cập đầu tiên vào một trang sẽ được lưu vào bộ nhớ Cache. Vì vậy, nếu một trang có vấn đề FOUC trong lần truy cập đầu tiên, trang đó sẽ luôn có vấn đề FOUC cho đến khi bộ nhớ cache được xóa / xóa. Vì vậy, bất kể đó là người truy cập đầu tiên, thứ hai, thứ ba hay bất kỳ khách truy cập nào vào trang đó, tất cả họ đều sẽ phải đối mặt với vấn đề FOUC chỉ vì tạo CSS quan trọng trong nền.

Đó là lý do tại sao mình khuyên bạn nên TẮT tùy chọn Tạo CSS quan trọng trong nền này.

Các loại bài đăng trong bộ Cache CCSS riêng biệt (Separate CCSS Cache Post Types) - Theo mặc định, LiteSpeed ​​Cache sẽ chỉ tạo một CSS quan trọng cho mỗi loại bài đăng. Chỉ có 5 bài kiểu mặc định trong WordPress mà là page, post, attachment, revision, và nav_menu_item. Sau đó, một số giao diện và plugin WordPress cũng có thể thêm một số loại bài đăng bổ sung. Ví dụ, các plugin của WooCommerce sẽ bổ sung thêm bài thêm 3 loại như product, shop_order, shop_coupon, và shop_webhook. Trong số này, chỉ có các loại bài đăng công khai thường được sử dụng cho CSS quan trọng riêng biệt. Ngoài các trang này, các trang lưu trữ phân loại (danh mục, thẻ, danh mục sản phẩm, v.v.) cũng đủ điều kiện cho CSS quan trọng riêng biệt.

LiteSpeed ​​Cache, theo mặc định, chỉ tạo một CSS quan trọng cho tất cả các trang trong một loại bài đăng vì thiết kế của tất cả các trang đó thường giống nhau. Nhưng nếu các thiết kế trang riêng lẻ trong bất kỳ loại bài đăng nào khác với nhau, thì CSS quan trọng được tạo cho một trang sẽ không phù hợp với các trang khác trên loại bài đăng đó.

Ví dụ: nếu bạn sử dụng trình tạo trang để thiết kế riêng tất cả các trang trong pageloại bài đăng của mình, tất cả các trang đó sẽ cần phải có CSS ​​quan trọng riêng thay vì chỉ một. Trong trường hợp đó, bạn có thể nhập loại bài đăng đó vào hộp Loại bài đăng riêng biệt trong bộ nhớ cache CCSS này. Bằng cách này, LiteSpeed ​​Cache sẽ tạo CSS quan trọng riêng cho tất cả các trang riêng lẻ trên loại bài đăng đó. Vì vậy, nếu bạn sử dụng pagetrong hộp này, LiteSpeed ​​Cache sẽ tạo CSS quan trọng riêng biệt cho tất cả các trang riêng lẻ của bạn thay vì chỉ một CSS cho tất cả các trang trong pageloại bài đăng.

URI bộ nhớ Cache CSS riêng biệt (Separate CSS Cache URIs) - Tùy chọn này tương tự như tùy chọn Loại bài đăng trong bộ Cache CSS riêng biệt trước đó với sự khác biệt là thay vì sử dụng các loại bài đăng, bạn có thể sử dụng các URI phù hợp trong hộp này.

URI hoặc Định danh tài nguyên đồng nhất (Uniform Resource Identifier) là một phần của địa chỉ trang web hoặc URL được sử dụng để xác định tài nguyên bạn đang truy cập bằng URL đó. Ví dụ: nếu trang web của bạn có trang Giới thiệu và URL của trang đó   Đăng nhập để xem liên kết, thì phần about-us đó là URI cho trang Giới thiệu.

Trong hộp này, nếu bạn sử dụng about-us, LiteSpeed ​​Cache sẽ tạo một bộ Cache riêng cho trang About Us và bất kỳ trang nào khác có URI khớp với about-us. Giả sử, nếu bạn có một trang khác với URI about-us-page, URI này cũng sẽ khớp với about-us và do đó sẽ đủ điều kiện cho CSS quan trọng riêng biệt.

Để tránh những điều này, bạn có thể sử dụng ^ ở phần đầu của URI phù hợp để có nghĩa là phần đầu của một URI. Ngoài ra, bạn có thể sử dụng $ ở cuối URI phù hợp để có nghĩa là phần cuối của URI. Hai điều này có thể được sử dụng riêng biệt trong các URI khác nhau hoặc trong cùng một URI. Vì vậy, nếu bạn sử dụng ^/about-us/$, nó sẽ chỉ phù hợp với trang Giới thiệu về mình.

Inline CSS Async Lib - Bật tùy chọn này sẽ đặt JS cần thiết để tải không đồng bộ các tập tin CSS trực tiếp bên trong thẻ <script> bên trong thẻ <head> của các trang web. Ngược lại, vô hiệu hóa nó sẽ tạo một tập tin JS mới với tất cả những JS cần thiết để tải không đồng bộ các tập tin CSS và sau đó thêm tập tin mới đó vào bên trong thẻ <head>. Vì vậy, khi được bật, JS sẽ là một phần không thể thiếu của tập tin HTML của trang web và khi bị tắt, JS sẽ là một tập tin riêng biệt. Do đó, trong cả hai trường hợp, tổng kích thước trang sẽ không đổi.

Vì vậy, khi tùy chọn này bị vô hiệu hóa, trình duyệt sẽ cần thực hiện một yêu cầu khác để tải xuống tập tin JS mới đó. Ngoài ra, tập tin JS mới này sẽ được tải đồng bộ (không có thuộc tính tải trước, không đồng bộ hoặc trì hoãn) nên nó sẽ bị chặn hiển thị. Và do đó, bạn có thể nhận được cảnh báo loại bỏ tài nguyên chặn hiển thị trong khi kiểm tra trang web của bạn trong Google PageSpeed ​​Insights.

Tuy nhiên, khi JS sẽ được tải dưới dạng một tập tin riêng biệt thay vì tải nội tuyến, bạn có thể sử dụng bộ nhớ Cache của trình duyệt với tập tin đó. Do đó, tập tin có thể được lưu vào bộ nhớ cache riêng trong trình duyệt của khách truy cập sau khi họ truy cập trang web lần đầu tiên.

Sau đó, nếu họ truy cập bất kỳ trang nào khác trên trang web của bạn, tập tin JS đó sẽ không cần tải xuống lại. Thay vào đó, trình duyệt sẽ có thể sử dụng lại tập tin đã lưu trong bộ nhớ cache, điều này có thể tiết kiệm một lượng nhỏ thời gian tải cho các trang khác đó.

Nhưng kích thước của tập tin JS này rất nhỏ như dưới 1kb nên nó có thể không dẫn đến bất kỳ sự cải thiện tốc độ đáng chú ý nào. Ngoài ra, tốc độ tải của khách truy cập lần đầu tiên có thể bị ảnh hưởng một chút do quy trình tạo yêu cầu bổ sung đó và bạn có thể nhận được cảnh báo tài nguyên chặn hiển thị từ Google PageSpeed ​​Insights vì có JS là một tập tin riêng biệt. Vì vậy, mặc dù việc bật hoặc tắt nó có thể không mang lại bất kỳ sự khác biệt đáng chú ý nào về tốc độ, mình khuyên bạn nên giữ nó ở chế độ BẬT.

Tối ưu hóa Hiển thị Phông chữ (Font Display Optimization) - Tùy chọn này được sử dụng để hướng dẫn trình duyệt web cách các phông chữ trên trang web của bạn được hiển thị trong khi chúng đang được tải xuống. Điều này xảy ra khi phông chữ được sử dụng trên trang web của bạn chưa được tải xuống hoặc cài đặt trong trình duyệt web. Vì vậy, trước tiên trình duyệt cần tải xuống phông chữ cần thiết và sau đó hiển thị nó. Đây là cách các tùy chọn khác nhau hoạt động:

Auto (mặc định) - Tùy chọn này cho phép trình duyệt web quyết định cách hiển thị phông chữ. Hầu hết các trình duyệt sử dụng blocktùy chọn tiếp theo làm tùy chọn hiển thị phông chữ mặc định của chúng.

Block - Tùy chọn này sẽ hướng dẫn trình duyệt không hiển thị bất kỳ phông chữ nào (cụ thể hơn là hiển thị phông chữ vô hình) trên màn hình cho đến khi phông chữ yêu cầu được tải xuống và sẵn sàng hiển thị. Sau đó, ngay khi phông chữ yêu cầu đã sẵn sàng, trình duyệt sẽ thay thế phông chữ vô hình bằng phông chữ được yêu cầu đó. Vấn đề với tùy chọn này là khách truy cập sẽ không nhìn thấy bất kỳ văn bản nào trên màn hình của họ cho đến khi phông chữ yêu cầu được hiển thị. Vì vậy, người dùng sẽ cần phải đợi trước khi có thể xem bất kỳ văn bản nào có thể không mang lại cho họ trải nghiệm người dùng tốt nhất.

Swap - Tùy chọn này hướng dẫn các trình duyệt hiển thị phông chữ dự phòng cho đến khi phông chữ yêu cầu sẵn sàng được hiển thị. Sau đó, ngay khi phông chữ yêu cầu đã sẵn sàng, trình duyệt sẽ thay thế phông chữ dự phòng bằng phông chữ được yêu cầu đó. Vấn đề với phông chữ này là khách truy cập sẽ thấy một phông chữ được hiển thị trên màn hình của họ và sau đó phông chữ đó sẽ được thay đổi thành một phông chữ khác trong một khoảnh khắc ngắn. Vì vậy, nó có thể không mang lại cho người dùng trải nghiệm xem tốt. Sự cố này được gọi là sự cố FOUT (Flash of Unstyled Text).

Fallback - Tùy chọn này là sự kết hợp của các tùy chọn blockvà swaptùy chọn. Do đó, tùy chọn này sẽ hướng dẫn các trình duyệt hiển thị phông chữ ẩn trong tối đa 100 mili giây đầu tiên và nếu phông chữ cần thiết không sẵn sàng hiển thị trong thời gian đó, phông chữ dự phòng sẽ được sử dụng để thay thế văn bản ẩn. Sau đó, ngay khi phông chữ yêu cầu đã sẵn sàng, trình duyệt sẽ thay thế phông chữ dự phòng bằng phông chữ cần thiết. Nhưng nếu quá nhiều thời gian trôi qua trước khi phông chữ yêu cầu sẵn sàng được sử dụng, phông chữ dự phòng sẽ tiếp tục được hiển thị trong suốt thời gian còn lại của trang.

Optional - Tùy chọn này tương tự như tùy chọn fallback trước với sự khác biệt là trình duyệt có thể quyết định xem nó có muốn hiển thị phông chữ cần thiết hay không. Ví dụ: nếu người dùng có kết nối internet rất yếu, trình duyệt có thể quyết định không tải xuống phông chữ cần thiết. Đó là bởi vì có thể mất quá nhiều thời gian để tải xuống phông chữ và điều đó có thể không mang lại trải nghiệm người dùng tốt nhất.

Vì vậy, Block sẽ là lựa chọn tốt nhất nếu bạn muốn tránh hoàn toàn vấn đề FOUT nhưng điều đó cũng có nghĩa là khách truy cập của bạn có thể cần phải đợi trước khi họ có thể nhìn thấy bất kỳ văn bản nào trên màn hình của họ cho đến khi các phông chữ cần thiết có thể được hiển thị. Điều này có thể không mang lại trải nghiệm người dùng tốt, đó là lý do tại sao bạn có thể thấy văn bản đảm bảo vẫn hiển thị trong cảnh báo tải trên webfont trong khi kiểm tra trang web của bạn với Google PageSpeed ​​Insights. Vì vậy, bạn có thể sử dụng Swap để tránh cảnh báo đó và mang đến cho người dùng trải nghiệm người dùng tốt hơn.

JS Settings

JavaScript là cần thiết để thêm các loại chức năng khác nhau trong trang web của bạn như thêm thanh trượt hình ảnh, hộp bật lên và cho nhiều tính năng khác. Hầu hết các tập tin JS được đặt sau tất cả nội dung trên trang web nên chúng thường không ảnh hưởng đến cách tải trang web của bạn. Chắc chắn, những điều này ảnh hưởng đến tổng tốc độ tải trang web của bạn nhưng chúng thường không ảnh hưởng đến tốc độ tải cảm nhận của trang web của bạn. Nói cách khác, các tập tin JS được đặt ở cuối trang web không làm chậm tốc độ tải của nội dung trong màn hình đầu tiên của trang web của bạn và đây là điều quan trọng nhất đối với khách truy cập trang web.

Nhưng một số tập tin JS được đặt ở đầu các trang web chủ yếu là vì chúng cần thiết rất sớm trong quá trình tải trang web của bạn. Ví dụ: nếu nội dung trong màn hình đầu tiên của trang web có thanh trượt hình ảnh yêu cầu JS, bạn muốn JS đó được tải trước nội dung trang web của mình để thanh trượt hình ảnh có thể hoạt động ngay khi tải trên màn hình. Bây giờ, vì các tập tin JS này cần được tải trước khi bất kỳ nội dung trang web nào của bạn có thể tải trên màn hình, chúng trở thành tính năng chặn hiển thị. Và các tài nguyên chặn hiển thị làm cho tốc độ tải trang web của bạn có vẻ chậm hơn với khách truy cập so với thực tế.

Vì vậy, tối ưu hóa đúng cách các tập tin JS chặn hiển thị này là rất quan trọng để có trải nghiệm người dùng tốt. Tuy nhiên, việc tối ưu hóa các tập tin JS không đúng cách có thể phá vỡ trang web của bạn và các chức năng của nó. Nhưng đây là cách bạn có thể tối ưu hóa đúng cách các tập tin JS của mình bằng cách sử dụng plugin LiteSpeed ​​Cache.


JS Minify - Nếu trang web của bạn chỉ có một số lượng nhỏ khách truy cập (và nếu bạn không thể sử dụng trình thu thập thông tin sẽ tự động kích hoạt các minifications này), thì tốt hơn hết bạn nên TẮT tùy chọn này . Nhưng nếu trang web của bạn có ít nhất một số lượng khách truy cập khá, bạn có thể nhận được kết quả tốt hơn bằng cách BẬT. Nhưng kết quả cuối cùng có thể không đáng kể lắm vì vậy bạn cũng có thể thấy các kết quả tương tự có hoặc không có thu nhỏ.

Tùy chọn này hoạt động tương tự như tùy chọn CSS Minify từ trang LiteSpeed ​​Cache> Trang tối ưu hóa> Cài đặt CSS trước đó. Xem giải thích trong tùy chọn đó.

JS Combine - Luôn TẮT.

Tùy chọn này hoạt động tương tự như tùy chọn Kết hợp CSS từ trang LiteSpeed Cache >> Page Optimization >> CSS Settings trước đó. Xem giải thích trong tùy chọn đó.

JS Kết hợp Bên ngoài và Nội tuyến (JS Combine External and Inline) - Luôn TẮT.

Tùy chọn này hoạt động tương tự như tùy chọn Kết hợp CSS Bên ngoài và Nội tuyến từ trang LiteSpeed Cache > Page Optimization > CSS Settings trước đó. Xem giải thích trong tùy chọn đó.

JS HTTP / 2 Push - Luôn TẮT.

Tùy chọn này hoạt động tương tự như tùy chọn Đẩy CSS HTTP / 2 từ trang LiteSpeed Cache > Page Optimization > CSS Settings trước đó. Xem giải thích trong tùy chọn đó.

Tải JS Trì hoãn (Load JS Deferred) - Tùy thuộc vào trang web cụ thể của bạn, việc hoãn các tập tin JS có thể hoạt động tốt hoặc nó có thể gây ra sự cố trên trang web của bạn. Vì vậy, giữ nó ở chế độ TẮT sẽ là lựa chọn an toàn hơn. Tuy nhiên, việc trì hoãn các tập tin JS thường hoạt động khá tốt trên hầu hết các trang web, vì vậy bạn có thể BẬT nó nếu bạn muốn cải thiện hơn nữa tốc độ tải trang web của mình (điều này cũng cải thiện trải nghiệm người dùng) và cũng như nếu bạn sẵn sàng dành thời gian để kiểm tra xem trang web của mình hoạt động tốt sau khi bật nó.

Tùy chọn Load JS Deferred này hoạt động tương tự như tùy chọn Load CSS Asynchronously từ trang LiteSpeed ​​Cache> Page Optimization> CSS Settings trước đó. Điểm giống nhau là, cả không đồng bộ và trì hoãn đều cho phép tải xuống đồng thời các tài nguyên được chỉ định khi trình duyệt đang làm việc khác. Và sự khác biệt là các tập tin không đồng bộ được thực thi ngay sau khi chúng được tải xuống nhưng các tập tin hoãn lại được thực thi sau khi phân tích cú pháp tài liệu HTML hoàn tất.

Đó là lý do tại sao ảnh hưởng của các tập tin không đồng bộ có thể được nhìn thấy khá sớm trên các trang web so với các tập tin trì hoãn. Đây là lý do tại sao bạn có thể muốn cẩn thận hơn khi sử dụng tính năng trì hoãn với các tập tin JS. Ví dụ: nếu nội dung màn hình đầu tiên ở trên của trang web có thanh trượt hình ảnh có chức năng phụ thuộc vào tập tin JS sử dụng tải chậm, có thể mất một lúc để thanh trượt hình ảnh hoạt động sau khi nó đã được tải trên màn hình.

Bạn có thể đọc thêm về sự khác biệt giữa tải không đồng bộ và tải chậm cũng như các tùy chọn tương tự khác của tải trước và đẩy máy chủ trong bài viết này.

Một trong những lý do, Load JS Deferred thậm chí có thể kém tương thích hơn Load CSS Asynchronously là vì LiteSpeed ​​Cache có tính năng Critical CSS để khắc phục các vấn đề với Load CSS Asynchronously nhưng nó không có bất kỳ tính năng nào như vậy để khắc phục sự cố với Tải tùy chọn JS Deferred.

Tải JS Nội tuyến (Load Inline JS) - Nếu bạn chưa bật bất kỳ tính năng tối ưu hóa JS nào khác từ các tùy chọn trước đó trong trang này, sử dụng Mặc định (Default) sẽ là tùy chọn tốt nhất. Nhưng mặc định có thể gây ra sự cố nếu bạn đang sử dụng các tính năng tối ưu hóa JS khác. Vì vậy, trong trường hợp đó, bạn có thể sử dụng Deferred nhưng nếu điều đó gây ra bất kỳ sự cố nào, hãy sử dụng After DOM Ready. Dù bằng cách nào, hãy đảm bảo kiểm tra xem trang web của bạn có hoạt động tốt với tùy chọn bạn đã chọn hay không.

Tùy chọn này cho phép bạn quyết định cách các tập tin JS nội tuyến sẽ tải trên trang web của bạn. JS nội tuyến là các mã JS được tìm thấy bên trong thẻ <script> trong <html> tài liệu của các trang web của bạn, vì vậy các mã JS này không phải từ một tập tin JS khác được liên kết với srcthuộc tính.

Đôi khi, JS nội tuyến được đặt trong dòng thay vì trong một tập tin JS riêng biệt như một chiến lược để tránh bị trì hoãn. Trong trường hợp đó, điều quan trọng là những JS đó phải tải theo thứ tự xuất hiện trên trang web để làm cho trang web hoạt động bình thường mà không bị hỏng bất cứ thứ gì.

Tuy nhiên, tùy chọn hoãn lại là tùy chọn được đề xuất bởi LiteSpeed ​​Cache. Nó sẽ làm cho JS bên trong các thẻ <script> có thể coi là một tập tin mới và trì hoãn việc tải chúng. Vì vậy, về cơ bản nó sẽ giống như tùy chọn Load JS Deferred trước đó. Nhưng điều này có thể gây ra lỗi khi JS đã được đặt nội tuyến để tránh bị trì hoãn ngay từ đầu.

Tùy chọn After DOM Ready hoạt động tương tự như Deferred ở chỗ cả hai sẽ thực thi JS được chỉ định sau khi nội dung của trang web được tải. Nhưng đối với một sự khác biệt, các tập tin JS hoãn lại được thực thi trước các tập tin JS Sau DOM sẵn sàng, nơi trình xử lý DOMContentLoadedsự kiện được sử dụng để tải JS.

Nếu bạn đã bật các tùy chọn tối ưu hóa JS khác như JS Combine, Load JS Deferred và các tùy chọn khác, việc chọn Deferred hoặc After DOM Ready có thể cải thiện khả năng tương thích. Vì vậy, bạn có thể kiểm tra kỹ lưỡng trang web của mình để xem liệu có bất kỳ vấn đề nào do tùy chọn này liên quan đến việc bật hoặc tắt các tùy chọn tối ưu hóa JS khác hay không.

2.6. Tối ưu hóa trang (Page Optimization)

Page Optimization

CSS / JS Cache TTL - Đây là nơi bạn chỉ định thời gian tối đa mà các tập tin CSS và JS được tối ưu hóa sẽ được lưu vào bộ nhớ cache bằng plugin LiteSpeed ​​Cache. Khi thời gian đó hết hạn đối với bất kỳ tập tin CSS và JS được lưu trong bộ nhớ cache nào, các tập tin được lưu trong bộ nhớ cache đó sẽ không còn được sử dụng nữa. Vì vậy, khi những tập tin đó cần thiết vào lần tiếp theo, chúng sẽ cần được mở lại. Sau đó, các tập tin được mở lại đó sẽ được lưu trữ trong bộ nhớ cache để phục vụ bất kỳ khách truy cập nào tiếp theo cho đến khi các tập tin đó được xóa hoặc chúng hết hạn. Có nghĩa là, các tập tin CSS và JS được tối ưu hóa đó được lưu trữ bởi plugin LiteSpeed ​​Cache trong /wp-content/litespeed/cssjs/ thư mục tập tin trong trang web WordPress của bạn.

Giá trị mặc định là 1 tuần được biểu thị bằng 604800 giây. Giữ giá trị mặc định sẽ hoạt động tốt. Nhưng bạn có thể tăng hoặc giảm nó theo nhu cầu của bạn.

Giá trị lớn hơn sẽ làm tăng tỷ lệ truy cập vào bộ nhớ cache của bạn hoặc khả năng các tập tin CSS và JS được phân phát từ bộ nhớ cache. Vì vậy, bạn có thể muốn tăng giá trị này đặc biệt vì các tập tin CSS và JS thường không thay đổi thường xuyên. Theo hướng dẫn chung, bạn có thể sử dụng giá trị thấp hơn nếu bạn liên tục thực hiện các thay đổi về thiết kế và chức năng cho trang web của mình như thay đổi giao diện, tùy chỉnh các tùy chọn của chúng, kích hoạt hoặc hủy kích hoạt các plugin và sửa đổi các tùy chọn của chúng. Nếu không, bạn có thể tăng nó lên một giá trị cao hơn.

HTML Minify - Nếu bạn đang sử dụng bộ nhớ Cache toàn trang / HTML trên trang web của mình, thì bạn chỉ nên BẬT tùy chọn này. Bộ nhớ Cache toàn trang đề cập đến tùy chọn Bật bộ Cache ẩn trước đó từ trang LiteSpeed ​​Cache >> Cache >> Cache của plugin này hoặc bật bộ Cache HTML từ bất kỳ plugin nào khác. Nhưng nếu bạn không sử dụng bộ nhớ Cache toàn trang, bạn nên TẮT tùy chọn này.

Tùy chọn này hoạt động tương tự như tùy chọn CSS Minify hoặc JS Minify từ trang LiteSpeed ​​Cache> Page Optimization> CSS Settings hoặc LiteSpeed ​​Cache >> Page Optimization >> JS Settings trước đó. Nhưng với sự khác biệt chính ở chỗ, các tập tin CSS và JS được lưu vào bộ nhớ Cache tự động sau khi chúng được rút gọn nhưng các tập tin HTML thì không.

Bởi vì quá trình thu nhỏ cần một thời gian để hoàn thành và sử dụng một số sức mạnh xử lý từ máy chủ web của bạn, nó sẽ thêm một số thời gian tải cho các trang web của bạn cũng như thêm gánh nặng cho máy chủ của bạn.

Nhưng nếu HTML đang được lưu trong bộ Cache, thì việc thu nhỏ này sẽ chỉ cần thiết một lần trên mỗi trang web cho đến khi tập tin HTML được rút gọn khỏi bộ nhớ cache hoặc bộ nhớ cache hết hạn. Vì vậy, mặc dù khách truy cập đầu tiên vào trang web sẽ phải đối mặt với tốc độ tải trang chậm hơn một chút, nhưng bất kỳ khách truy cập tiếp theo nào vào trang sẽ có tốc độ tải trang nhanh hơn. Vì vậy, việc thu nhỏ cuối cùng có thể đáng giá.

Nhưng nếu tập tin HTML không được lưu trong bộ nhớ cache, các trang sẽ cần được thu nhỏ mỗi khi chúng được truy cập bất kể đó là khách truy cập đầu tiên, thứ hai hay bất kỳ khách truy cập nào khác. Vì vậy, tất cả các trang web của bạn sẽ luôn tải chậm hơn và nhiều tài nguyên máy chủ của bạn sẽ bị sử dụng hết mà không mang lại lợi ích gì.

Media Settings
Media Excludes
Localization
Tuning

2.7. Database

Database
Manage
DB Optimization Settings

2.8. Crawler

Crawler
Summary
Map
Blacklist
General Settings
Simulation Settings
Sitemap Settings

2.9. Toolbox

Toolbox
Purge

Purge All - CSS / JS Cache - Hãy lưu ý sử dụng tùy chọn này. Bởi vì nó sẽ loại bỏ tất cả các tập tin CSS và JS được lưu trong bộ nhớ cache hiện có của bạn đã được tối ưu hóa trước đó. Nhưng nếu bất kỳ trang web nào của bạn (tập tin HTML) sử dụng các tập tin CSS và JS đó đang được phân phát từ bộ nhớ cache, thì các trang đó sẽ mất thiết kế và chức năng vì không thể tìm thấy các tập tin CSS và JS bắt buộc đó sau khi xóa chúng bằng tùy chọn này.

Vì vấn đề này, mình khuyên bạn nên xóa LiteSpeed ​​Cache loại bỏ tùy chọn này khỏi plugin. Vì vậy, cách duy nhất bạn có thể xóa các tập tin được lưu trong bộ Cache CSS và JS là nếu bạn cũng xóa bộ Cache HTML có thể được thực hiện bằng cách sử dụng tùy chọn Purge All từ trang này.

Tuy nhiên, nếu các trang web đó không được phục vụ từ bộ nhớ cache, thì các trang đó sẽ cần được tạo trước khi được phục vụ cho khách truy cập. Do đó, LiteSpeed ​​Cache cũng có thể nâng cấp và tạo lại các tập tin CSS và JS đã bị loại bỏ đó và sau đó phân phát các tập tin đó cho khách truy cập, điều này sẽ tránh được sự cố gây ra sau khi xóa các tập tin CSS và JS.

Import / Export
Edit .htaccess
Heartbeat
Report
Debug Settings
Log View
Beta Test