CDN là gì?

CDN (Content Delivery Network) là một mạng lưới phân phối nội dung, giúp tăng tốc độ tải trang web bằng cách lưu trữ các tệp tin tĩnh (static files) như hình ảnh, CSS, JavaScript, font, video… trên các máy chủ gần vị trí của người dùng.

Bằng cách sử dụng CDN, bạn có thể giảm thiểu thời gian chờ đợi của người dùng, giảm tải cho máy chủ gốc, tiết kiệm băng thông và cải thiện trải nghiệm người dùng.

Tuy nhiên, không phải ai cũng có khả năng sử dụng các dịch vụ CDN chuyên nghiệp, đặc biệt là những người mới bắt đầu hoặc có ngân sách hạn hẹp.

Vậy có cách nào để sử dụng CDN miễn phí và đơn giản cho website của bạn không? Câu trả lời là "có", đó là sử dụng GitHub làm CDN cho website.

GitHub là một dịch vụ lưu trữ mã nguồn Git phổ biến, cho phép bạn tạo và quản lý các kho lưu trữ (repository) công khai hoặc riêng tư cho các dự án phần mềm. Bạn có thể sử dụng GitHub để lưu trữ các tệp tin tĩnh của website của bạn và sử dụng các dịch vụ CDN miễn phí khác để phân phối nội dung từ GitHub sang website của bạn.

Trong bài viết này, mình sẽ giới thiệu cho bạn 2 dịch vụ CDN miễn phí từ nguồn GitHub mà bạn có thể sử dụng cho website của bạn, đó là jsDelivr và raw.githack.

jsDelivr

jsDelivr là một dịch vụ CDN mã nguồn mở miễn phí, nhanh và ổn định, hỗ trợ CDN cho các phần mềm mã nguồn mở trên npm và GitHub.

jsDelivr được hỗ trợ bởi 4 ông lớn CDN: Cloudflare, Fastly, Bunny và Quantil, có hơn 750 điểm truy cập toàn cầu, hỗ trợ tự động cân bằng tải (load balancing), nhanh hơn hầu hết các CDN khác và hoạt động được với cả ở Trung Quốc.

Để sử dụng jsDelivr, bạn cần sao chép liên kết của tệp trên GitHub có dạng như sau:

https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap.min.css

Sau đó, bạn truy cập trang chủ jsDelivr → công cụ "Tools" ở trên header → chọn convert from "GitHub" hoặc từ bất gì nguồn nào bạn có.

Dán url tệp từ GitHub mà bạn lấy được ở trên vào ô nhập liệu và nó sẽ chuyển đổi thành url jsDelivr.

https://cdn.jsdelivr.net/gh/twbs/bootstrap@v4-dev/dist/css/bootstrap.min.css

Bạn có thể sử dụng liên kết CDN này trong thẻ <link> hoặc <script> trên website để tải nội dung từ jsDelivr. Có thể sử dụng các tính năng khác của jsDelivr như minification, concatenation, version aliasing, SRI hashing… để tối ưu hóa nội dung.

Tham khảo thêm tài liệu của jsDelivr tại đây: jsdelivr-features.

raw.githack

raw.githack cũng là một dịch vụ CDN miễn phí, cho phép bạn phân phối các tệp tin trực tiếp từ các kho lưu trữ công khai trên GitHub và GitLab. raw.githack sử dụng mạng lưới Cloudflare để đảm bảo hiệu suất và độ tin cậy cao cho nội dung của bạn.

Để sử dụng raw.githack, bạn cần có một liên kết của tệp GitHub ví dụ:

https://github.com/jquery/jquery/blob/main/src/core.js

Bạn chỉ cần truy cập vào trang web của raw.githack và dán liên kết GitHub vào ô nhập liệu để được liên kết CDN từ raw.githack.

Chúng ta sẽ nhận về 2 kết quả.

1. Sử dụng cho website chính.

Không có giới hạn lưu lượng truy cập. Các tệp được cung cấp qua CDN của CloudFlare.
Các tệp có thể được nén tự động thành tệp .min nếu bạn thêm ?min=1 vào cuối tham số truy vấn.

https://rawcdn.githack.com/jquery/jquery/4a13266efd262a92f05d86b71d715885de103e6d/src/core.js

2. Sử dụng trong môi trường phát triển

https://raw.githack.com/jquery/jquery/main/src/core.js

Những thay đổi mới mà bạn đẩy sẽ được phản ánh trong vòng vài phút.

Kết luận

Bằng cách sử dụng các dịch vụ này, bạn có thể tận dụng GitHub làm CDN cho website của bạn một cách đơn giản và hiệu quả.

Tuy nhiên, bạn cũng cần lưu ý rằng các dịch vụ CDN miễn phí này không đảm bảo sự ổn định và an toàn cho nội dung của bạn, nên bạn nên cân nhắc kỹ trước khi sử dụng chúng cho các website quan trọng hoặc thương mại.

Nếu bạn có bất kỳ câu hỏi nào về cách sử dụng GitHub làm CDN cho website, xin vui lòng để lại bình luận bên dưới. Chúc bạn thành công! 😊