Jetpack Image CDN

Image CDN là một tính năng trong plugin Jetpack, cách đây tầm tháng nhớ là họ dùng tên Photon, không hiểu sao bữa nay vào coi lại thì đổi lại tên thành Image CDN 😀

Với tính năng Image CDN (Speed up images and photos) gần như bạn không cần phải dùng thêm bất cứ một plugin nào khác để tối ưu ảnh nữa, vì Image CDN đã làm tất cả, với truy cập từ Việt Nam thì hình như kết nối tới server tại Sing hoặc Hong Kong gì đó, ping khoảng 30-50 ms, hệ thống CDN ảnh của họ cũng rất trâu, so với các CDN khác, thậm chí so với cả Cloudinary với hệ thống CDN từ Akamai có location tại Việt Nam mà mình thấy cũng chẳng thua kém bao nhiêu, thậm chí tổng thể còn có thể nhanh hơn

Điều này vừa là ưu, vừa là khuyết của Image CDN, đầu tiên là họ chỉ có dùng 3 định dạng ảnh là gif, png, jpg, được truy xuất theo HTTP (80) hoặc HTTPS (443), tiếp theo là ảnh khi lần đầu tiên được sử dụng, nó sẽ được cache vĩnh viễn vào hệ thống của Image CDN, kết quả ta có 1 tấm ảnh load cực kì nhanh từ lần xem thứ 2, tuy thế nếu vì lý do nào đó, bạn cần thêm sửa bức ảnh, nó sẽ không được cập nhập, và vẫn giữ như lần đầu tiên được cache, khắc phụ thì bạn có thể đổi lại tên của bức hình để nó cache lại 😀

Nhờ chuyện này, ảnh được load từ lần thứ 2, nó không phải xử lý thêm gì nhiều, nên load rất nhanh, Cloudinary thì ảnh được xử lý quá nhiều tham số thêm vào, nên đôi lúc mình có cảm giác nó chưa được xé gió lắm :]]

Họ cũng như Cloudinary, khi sử dụng Jetpack Image CDN bạn có thể tăng giảm kích thước ảnh chỉ với việc thêm 1 dòng lệnh đơn giản sau link ảnh, bạn có thể tham khảo thêm từ Photon API, kiểu na ná như bên dưới

DSC01205.jpg?w=300
DSC01205.jpg?w=15%
DSC01205.jpg?crop=12,25,60,60

Nếu bạn active Image CDN từ Jetpack thì nó sẽ random trong 3 cụm server là i0.wp.com, i1.wp.com, i2.wp.com, tuy thế thường mình chỉ bật Jetpack lần đầu để kết nối tới WordPress.com để active Image CDN, sau đó xóa đi cho nhẹ và đỡ phải thêm 1 rừng chuỗi và kí tự sau link bức ảnh

Có 2 cách để bạn có thể chạy Image CDN mà không cần phải cài Jetpack

Cách 1:

Dùng sub_filter từ server để đổi lại link ảnh sang dịch vụ của Image CDN, ví dụ có thể như bên dưới, bạn có thể thêm vào các năm tiếp theo như 2020, 2021 gì đóa thì tùy 😀 (đổi hxxp sang http hoặc https và domain của bạn lại là được)

Bạn cũng có thể đổi cụm i2.wp.com sang i0.wp.com hoặc i1.wp.com tùy thích, dùng thì mình thấy cụm i2.wp.com có vẻ nhanh hơn nên dùng thôi 😀

Cách 2:

Nếu không có quyền truy cập từ phía server bạn cũng có thể dùng 1 plugin nho nhỏ tại đây để tự đổi lại link ảnh của bạn sang Jetpack Image CDN 😀

Về cơ bản thì cách 1 khá tiện, bạn không cần thêm thêm plugin gì vào, tuy thế nó chỉ set được 1 server, cách 2 thì random đủ server, nhưng nó lại không đổi link khi click vào ảnh to :]] thành ra để đạt hiệu quả cao nhất bạn nên dùng cả 2 cách 😀

Thông thường nếu không chỉnh gì thì trình duyệt mặc định nó chỉ load 6 file 1 lúc từ 1 domain, thành ra nếu dùng cách 1 hiệu quả không cao, vì trong trường hợp bạn có 10-20 bức ảnh trong 1 bài, nó chỉ load tối đa được 6 bức 1 lúc, các ảnh sau phải chờ tới lượt 😀

Nếu dùng thêm cách 2 thì nó random 3 cụm server  i0.wp.com, i1.wp.com, i2.wp.com nên thường sẽ load được nhiều file cùng lúc hơn, có điều thực tế ở các bài post thông thường thì vấn đề này cũng không quan trọng lắm, vì khi load ra các bức ảnh đầu bạn kéo chuột xuống thì nó cũng load xong cả rồi, thành ra dùng cách nào cũng được, dùng cả 2 cách thì về lý thuyết thời gian load trang sẽ nhanh hơn, chọn cách nào tùy bạn 😀

Tất nhiên cách 1 về lý thuyết là nhẹ hơn, vì không phải xử lý thêm php dòng nào, cách 2 phải xử lý thông qua php thì tất nhiên nặng hơn 😀 cơ mà khi nào site của bạn có cỡ 1000-2000 người online cùng lúc thì mới phải nghĩ, còn lại thì chẳng vấn đề gì

Chú ý:

Về cơ bản thì chuyện không dùng WordPress hoặc không cài plugin Jetpack mà chạy các dịch vụ CDN ảnh của họ là  là vi phạm chính sách của WordPress.com Terms of Service hé, thành ra nếu dùng các cách trên nếu họ biết thì có thể bị khóa không cho dùng nữa á ^_^

Họ gần như không giới hạn gì cả, ảnh được upload lên thoải mái, không giới hạn số lượng và băng thông sử dụng, yêu cầu duy nhất là phải dùng WordPress và cài plugin Jetpack vào mà thôi, thành ra nếu bạn nào không quá khắt khe thì hãy cài plugin Jetpack vào ủng hộ họ, các tính năng khác của cũng rất hay và cần thiết 😛

Dịch vụ cũng ra mắt được 3-4 năm rồi, nên mình nghĩ kế hoạch dùng FREE vẫn đang tiếp tục, vẫn chưa có chính sách gì mới ^_^ còn nếu các cụ đòi tiền thì nói nhanh gọn là bố dí lol vào =)) thiếu gì dịch vụ FREE khác để bố dùng :]]

Update 22/04/2018: hôm nay mình vào lại manga.bibica.net, 1 trang up load truyện của mình :]] vô tình phát hiện là 1 chuyện khá hay

Do trang truyện nên mình đã tắt chế độ tự tạo ảnh thumbnails đi cho nhẹ, vô tình phát hiện ra là cái theme GeneratePress và Jetpack đã tự xử lý vấn đề tạo ảnh thumbnails luôn rồi, nghĩa là bạn set giá trị ảnh làm thumbnails ngoài trang chủ, trong bài viết là bao nhiêu, thì Jetpack tự thêm giá trị đó sau bức ảnh, kết quả là bạn sẽ không bao giờ cần tính năng tạo ảnh thumbnails nữa, bất kể sau này thích đổi lại kích cỡ ảnh bao nhiêu cũng được, GeneratePress xử lý trong code (hay css gì đó mình không chắc) và bắn sang Jetpack các giá trị đó, site của bạn sẽ tiết kiệm “cực kì” nhiều dung lượng cho ảnh và nó rất nhẹ nữa, vì server bây giờ không phải tốn sức tạo thumbnail cho mỗi tấm ảnh bạn upload lên nữa

Thèng bibica.net thì vẫn dùng Jetpack, tuy thế mình lại không thích các ảnh có thêm giá trị phía sau, nên mỗi ảnh upload lên vẫn phải tốn space cho 1 cái ảnh nhỏ làm thumnails, chưa kể nếu sau này đổi lại kích thước, là phải tạo lại ảnh thumbnails lại nữa 🙁

4 thoughts on “Jetpack Image CDN

  1. hướng dẫn lại cách dùng sub_filter đi bạn, có phải ssh vào gõ như trong hình hướng dẫn là được, có cần phải gõ gì để khỏi chạy modul đó lên không hoặc là di chuyển tới thư mục nào rồi mới gõ lệnh trên hình?

  2. Hi, mừ…
    Mình dùng cái này cache ảnh lên wp.com xong rồi xóa ảnh trong thư viện (media) của site wp mình được không? (site lấy ảnh về từ i2.wp.com…. blalalalal….)
    nếu được tiết kiệm được dung lượng host nhiều đấy….

Leave a Comment