Lưu trữ script của bên thứ ba ngay trên host

Lưu trữ script của bên thứ ba (Facebook, Google, live chat…) ngay trên host giúp tăng tốc độ load cho website.

Trong bài viết trước đây, tôi đã từng hướng dẫn cho các bạn cách trì hoãn tải script của bên thứ ba trong WordPress rồi phải không nào? Mặc dù đây là một giải pháp rất hay để tăng tốc độ load cho website. Tuy nhiên, nó vẫn chưa thực sự hoàn hảo khi mà script vẫn được tải từ máy chủ của bên thứ ba. Điều này khiến cho tốc độ load của website vẫn phải phụ thuộc vào tốc độ tải script từ máy chủ bên ngoài. Hôm nay, tôi sẽ giới thiệu cho các bạn một phương án để khắc phục vấn đề kể trên.

Tham khảo thêm:

• Lưu trữ Google Fonts ngay trên host để tăng tốc độ load
• Khắc phục lỗi cache của Google Analytics trong WordPress

Điều kiện sử dụng

• Host của bạn phải sử dụng web server LiteSpeed Enterprise hoặc OpenLiteSpeed.
• Website của bạn phải đang cài đặt plugin LiteSpeed Cache.

Lưu trữ script của bên thứ ba với LiteSpeed Cache

1. Đầu tiên, các bạn cần phải truy cập vào LiteSpeed Cache => Page Optimization => [7] Localization rồi thiết lập như sau:

Trong đó:

• Localize Resources: các bạn chuyển sang trạng thái ON để kích hoạt.
• Localization Files: các bạn điền link của script của bên thứ ba muốn lưu trữ vào khung.

Click vào nút Save Changes để lưu lại.

2. Chuyển sang tab [2] JS Settings => kiểm tra và đảm bảo mục JS Combine External and Inline đã được đặt ở trạng thái OFF.

Click vào nút Save Changes để lưu lại.

3. Chuyển sang tab [8] Tuning, điền link của script mà bạn muốn lưu trữ trên host vào các mục sau:

• JS Excludes:

• JS Deferred Excludes:

Click vào nút Save Changes để lưu lại.

4. Xóa cache của plugin LiteSpeed Cache và sử dụng Google PageSpeed Insights để kiểm tra kết quả. Chắc chắn các vấn đề liên quan đến script của bên thứ ba đã biến mất.

Thật đơn giản phải không nào? Chúc các bạn thành công!

Các bạn hoàn toàn có thể kết hợp việc lưu trữ script ngay trên host với kỹ thuật trì hoãn tải script (link tham khảo ở phần đầu bài viết) để đạt được hiệu quả cao hơn.

Nếu bạn thích bài viết này, hãy theo dõi 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 nhé. Cảm ơn rất nhiều. :)