Hướng dẫn tích hợp CDN vào Litespeed Cache trên WordPress

Tổng quan về CDN và Litespeed Cache

Trong bài viết này, chúng tôi sẽ hướng dẫn cho bạn cách để cấu hình CDN vào Litespeed Cache trên website WordPress của bạn.

Khi nói đến việc tối ưu hóa trang web của bạn, caching là một trong những công nghệ tốt nhất hiện nay. Nó làm cho trang web của bạn cực kỳ nhanh, dẫn đến tỷ lệ bounce rate thấp hơn, kết quả SEO tốt hơn,…

Công nghệ LiteSpeed ​​Cache của LiteSpeed ​​Technologies là một plugin tăng tốc trang web với tất cả trong một, phù hợp với mọi plugins (WooCommerce, bbPress, …) và hỗ trợ WordPress multisite.

Note: Litespeed Cache chỉ hỗ trợ cho các máy chủ web Openlitespeed miễn phí và Litespeed. Nếu bạn không sử dụng công nghệ máy chủ Web Litespeed, bạn có thể tham khảo việc sử dụng các plugins khác tại đây.

Trước khi bắt đầu, chúng tôi thực sự khuyên bạn nên kiểm tra hiệu suất trang web của mình bằng cách sử dụng các công cụ như Google Pagespeed,.. Điều này sẽ cung cấp cho bạn một so sánh trước và sau.

Cấu hình CDN vào Litespeed Cache

Điều đâu tiên bạn cần làm là thực hiện cài đặt và active plugin Litespeed Cache trên trang quản trị plugin của WordPress.

cdn-vao-litespeed-cache-01
Cài đặt và active Litespeed Cache

Tại thanh menu bên trái của WordPress, các bạn click chọn vào Litespeed Cache -> CDN .

cdn-vao-litespeed-cache-02

Tại tab CND Settings, các bạn click chọn ON cho mục Use CDN Mapping sau đó nhập giá trị CNAME mà các nhà cung cấp dịch vụ CDN đã cung cấp cho bạn như hình ảnh đính kèm bên dưới.

cdn-vao-litespeed-cache-03

Ở phần sau, chúng tôi sẽ giải thích một số lựa chọn trên trang cấu hình CDN vào Litespeed Cache.

Use CDN Mapping

Tùy chọn ON cho phép bạn kích hoạt tính năng CDN vào Litespeed Cache và thực hiện chỉ định nhiều đường dẫn CDN cho nội dung của bạn. Nếu bạn chỉ sử dụng một CDN, thì chỉ điền vào ô đầu tiên. (Ví dụ bạn có hai thông tin dịch vụ CDN và bạn sử dụng một CDN cho các hình ảnh, media và một CDN có đường dẫn khác được phân phát cho JavaScript / CSS).

LƯU Ý: Nếu bạn thiết lập nhiều đường dẫn CDN với cùng cài đặt, đường dẫn cuối cùng sẽ ghi đè các đường dẫn khác.

CDN URL: Đây là URL được phân phát từ CDN. Nó phải là một URL đầy đủ bắt đầu bằng http hoặc https.

Include Images: ON | OFF. Bật tính năng này để cung cấp tất cả hình ảnh qua CDN. Điều này bao gồm tệp đính kèm hình ảnh, thẻ HTML <img> và thuộc tính url () CSS.

Include JS: ON | OFF. Bật tính năng này để cung cấp tất cả các tệp JavaScript thông qua CDN này.

Include CSS: ON | OFF. Bật tính năng này để cung cấp tất cả các tệp CSS thông qua CDN này.

Include File Type: Sử dụng danh sách này để liệt kê các loại tệp tĩnh (static files) sẽ được cung cấp lên CDN server, mỗi tệp một dòng. Cài đặt này ảnh hưởng đến tất cả các thẻ HTML sau: src, date-src và href. Các loại tệp mặc định được bao gồm trong cài đặt này là:

.aac
.css
.eot
.gif
.jpeg
.js
.jpg
.less
.mp3
.mp4
.ogg
.otf
.pdf
.png
.svg
.ttf
.woff

Nếu bạn đã tắt bất kỳ cài đặt nào trong ba cài đặt include trước đó, bạn sẽ cần xóa các phần mở rộng của tệp tương ứng khỏi danh sách này. Ví dụ: nếu Include CSS được đặt thành OFF , thì hãy xóa .css và .less khỏi danh sách.

HTML Attribute To Replace: Chỉ định các thuộc tính phần tử HTML để cung cấp cho CDN xử lý.

Original URLs: Cấu hình này dùng để chỉ định đường dẫn webiste của bạn, bạn không nhất thiết phải thực hiện cấu hình này nếu bạn đang sử dụng CDN cho chính webiste của mình. Nếu bạn đang sử dụng multiple URLs, bạn sẽ phải nhập tất cả chúng vào đây.

//a.domain.com    //b.domain.com     //c.domain.com 

Note: Wildcard cũng được hỗ trợ cho cấu hình này

//*.domain.com

Included Directories: Đây là những thư mục sẽ được cung cấp cho CDN.

Bạn không cần phải thay đổi cấu hình này trừ khi bạn có thực hiện chỉnh sử lại cấu trúc tập tin của bạn.

Exclude Path: Liệt kê các đường dẫn trên websites của bạn mà bạn không muốn sử dụng cho CDN.

Load JQuery Remotely: Cấu hình này giúp cải thiện thời gian tải trang bằng cách tải jQuery từ dịch vụ CDN từ xa thay vì cục bộ. Bạn có thể chọn một trong các cấu hình ở đây.

Cloudflare API: Cloudflare không giống như các CDN khác. Bạn không nên cần chọn OFF cho Use Mapping CDN nếu muốn sử dụng tính năng này. Ở bài viết này, chúng tôi không hướng dẫn về cách dịch vụ CDN CloudFlare trên plugin Litespeed Cache nên sẽ không đi sâu vào cấu hình này.

Tổng kết

Ở bài viết trên chúng tôi đã hướng dẫn cho bạn cách cấu hình dịch vụ CDN vào Litespeed Cache và giải thích một số tùy chọn trên plugin này. Nếu bạn có bất kỳ câu hỏi hoặc nhận xét nào, vui lòng để lại bình luận bên dưới.

Was this article helpful?

Related Articles

Leave A Comment?