Jetpack đủ cho mọi nhu cầu về ảnh

Jetpack for WordPress là một trong các addon tôi sử dụng đầu tiên cho thèng ngoirungdui.com, dùng gần như chỉ vì tính năng duy nhất là Photon, giúp Speed up images and photos, từ lúc dùng nó kèm theo 1 dịch vụ tối ưu ảnh như Kraken.ioImagify là gần như bạn không bao giờ gặp 1 vấn đề gì về ảnh nữa

Ban đầu mình nghĩ Jetpack với tính năng Photon nó chỉ thuần túy là 1 kiểu 1 dịch vụ CDN cho ảnh, cơ mà sau khi dùng 1 dịch vụ CDN có POP tại Việt Nam, vì nói sao nói POP tại Việt Nam vẫn tốt nhất cho truy cập ở Việt Nam rồi, tuy thế khi thử chuyển sang thì gặp vô số vấn đề khi nhiều tấm ảnh nó báo là mình chưa tối ưu ???, lật lại vấn đề khi upload ảnh mình mới phát hiện ra thêm 1 tính năng vô cùng quan trọng của Photon đó là nó tối ưu ảnh luôn khi lần đầu load hình 😀

Ví dụ 1 có 1 tấm hình, với dung lượng 300kb, khi lần đầu tiên load lên bởi Jetpack nó sẽ tự tối ưu hết mức có thể mà không làm giảm chất lượng, thành ra khi dùng Jetpack bạn sẽ không cần thêm bất cứ dịch vụ nào để tối ưu ảnh kiểu Kraken.ioImagify nữa, nhờ vụ này mình mới phát hiện ra WordPress khi tạo thumbnails rất là bựa, không hiểu tại sao, nhưng ảnh kích thước nhỏ hơn lại có dung lượng to hơn hẳn ảnh gốc

WordPress khi tạo thumbnails rất là bựa, không hiểu tại sao, nhưng ảnh kích thước nhỏ hơn lại có dung lượng to hơn hẳn ảnh gốc

Bạn cũng có thể thấy ở đây, ảnh gốc chỉ 118kb với kích thước 978 x 1007, vậy mà khi tạo thumbnails sang các kích thước 510 x 600, 768 x 791 và 750 x 772 nó phình to lên gần gấp 2 gấp 3 lần, một con số dã man, mình search mãi vấn đề này vẫn chưa ra kết quả, nôm na nhiều người đoán là do cái ảnh gốc khi mình tạo ra đã được các app nó tự tối ưu cho web rồi, nên khi crop lại, thèng WP nó không hiểu, nên sinh ra các tấm ảnh có kích thước to chà bá …  đó giờ là cứ nghĩ chỉ cần cái ảnh gốc nén lại tốt là đủ, xong WP tạo thumbnails ra các ảnh nhỏ hơn là xong, ai dè còn vụ này :]] bựa kinh khủng

Thành ra nếu bạn dùng 1 dịch vụ kiểu Kraken.ioImagify để tối ưu ảnh cho WordPress, thì 1 tấm ảnh bạn up lên nó phải tối ưu tới 7 tấm hình, một con số khủng khiếp, tấm ảnh chỉ 118kb mà bạn phải tối gần 1Mb cho các dịch vụ tối ưu ảnh, vãi úa 🙁

Thế mới thấy độ trâu chó khủng khiếp của Jetpack, nó vừa CDN, vừa tối ưu ảnh cho tất cả các website sử dụng Jetpack hoặc WordPress.com, server nó phải cỡ nào mới chịu nổi chuyện này đây 😀 lúc mình thử sử dụng EWWW Image Optimizer dùng các hàm và addon của PHP để tạo thumbnails và nén ảnh, CPU con hàng Vultr toàn 100% load 😀

EWWW Image Optimizer dùng các hàm và addon của PHP để tạo thumbnails và nén ảnh, CPU con hàng Vultr toàn 100% load :D

Chốt lại là nếu bạn dùng Jetpack rồi thì không phải dùng thêm bất cứ 1 addon, plugin nào để tối ưu ảnh nữa, nó tự động làm hết cả rồi 😀 server vừa nhẹ, vừa không phải tối đồng nào cho các dịch vụ như Kraken.ioImagify nữa cả, thật ra vấn đề chính là hiệu quả của nó quá tốt, 1 tấm ảnh được Jetpack tối ưu, nó chỉ to nhỏ hơn kém 1 tẹo so với các dịch vụ trả tiền mà thôi, chứ kể các dịch vụ này mình phải upload tấm ảnh vào, rồi họ mới dùng server để làm, xong lại trả ngược tấm ảnh về, thời gian upload lên qua lại chậm hẳn vì như bạn thấy đó, 1 tấm ảnh bạn upoad lên ít nhất phải tạo ra từ 3-7 ảnh khác

Nói chung tính năng Photon của Jetpack thật sự hoàn hảo, nhờ có nó mình cũng bỏ qua chuyện WordPress tạo ảnh kích thước nhỏ hơn lại có dung lượng to hơn hẳn ảnh gốc, điểm trừ có lẽ duy nhất là nó sẽ không bao giờ xóa cache, tấm ảnh lần đầu tiên upload lên như thế nào, thì sau này nó sẽ thế, không đổi, trong trường hợp giả sử site bạn phát triển, bạn muốn dùng thêm 1 addon để tạo watermark cho các ảnh trên site của mình, thì lúc này Jetpack nó vẫn load các tấm ảnh cũ, chỉ thế thôi 😀

Thật ra Jetpack nó còn rất nhiều tính năng khác chứ không phải chỉ Photon, như:

  • WordPress.com Stats – Thống kê số liệu trang web.
  • Publicize – Kết nối trang web của bạn với các mạng xã hội phổ biến và tự động chia sẻ bài viết mới với bạn bè.
  • Notifications – Theo dõi và quản lý hoạt động của trang web thông qua các thông báo trên thanh công cụ và trên WordPress.com.
  • Jetpack Comments – Một hệ thống bình luận mới được tích hợp tùy chọn đăng nhập bằng tài khoản mạng xã hội.
  • Subscriptions – Cho phép người dùng subscribe bài viết và bình luận để nhận được thông báo qua email.
  • Post by Email – Đăng bài viết lên blog của bạn trực tiếp từ tài khoản email cá nhân của bạn.
  • Likes – Like là một cách để mọi người thể hiện sự đánh giá cao đối với nội dung bạn đã viết. Nó cũng là một cách để bạn cho cả thế giới nội dung của bạn đã trở nên phổ biến như thế nào.
  • Carousel – Chuyển đổi gallery hình ảnh tiêu chuẩn của bạn thành một trải nghiệm toàn màn hình (full screen).
  • Related Posts – Hiển thị các liên kết đến nội dung có liên quan dưới bài viết của bạn.
  • Sharing – Các công cụ chia sẻ super Duper nhất trên interwebs. Chia sẻ nội dung với FacebookTwitter và các mạng xã hội khác.
  • Spelling and Grammar – Cải thiện chính tả, phong cách và ngữ pháp với dịch vụ After the Deadline Proofreading.
  • VaultPress – Sao lưu thời gian thực và quét bảo mật cho trang web WordPress của bạn.
  • Omnisearch – Một hộp tìm kiếm đơn giản, cho phép bạn tìm kiếm nhiều thứ khác nhau.
  • Gravatar Hovercards – Hiển thị một danh thiếp pop-up ảnh đại diện của người dùng trong bình luận.
  • Contact Form – Dễ dàng chèn một biểu mẫu liên lạc vào bất cứ nơi nào trên trang web của bạn.
  • Google+ Profile – Hiển thị một liên kết đến tài khoản Google+ của bạn trong khu vực chia sẻ bài viết và thêm URL blog của bạn vào tiểu sử trên Google+.
  • Tiled Galleries – Tạo ra một elegant magazine style khảm thanh lịch cho bức ảnh của bạn mà không cần sử dụng một trình soạn thảo đồ họa từ bên ngoài.
  • WP.me Shortlinks – Kích hoạt WP.me Shortlinks cho tất cả các bài viết và trang của bạn để chia sẻ dễ dàng hơn.
  • Widget Visibility – Kiểm soát sự xuất hiện của các widget trên blog của bạn.
  • Shortcode Embeds – Dễ dàng nhúng video và nhiều thứ hơn nữa từ các trang web như YouTubeVimeo và SlideShare.
  • Custom CSS – Tùy chỉnh giao diện của trang web của bạn sử dụng CSS nhưng không làm thay đổi theme của bạn.
  • Mobile Theme – Tự động tối ưu hóa trang web của bạn cho các thiết bị di động.
  • Markdown – Viết trong Markdown, xuất bản trong HTML.
  • Beautiful Math – Đánh dấu bài viết của bạn với ngôn ngữ đánh dấu LaTeX logo, nó là hoàn hảo cho các phương trình toán học phức tạp và über-geekery khác.
  • Extra Sidebar Widgets – Dễ dàng thêm hình ảnh, cập nhật Twitter, và các liên kết RSS của trang web vào sidebar của bạn.
  • Infinite Scroll – Tự động tải các bài viết tiếp theo khi người đọc kéo xuống dưới cùng của trang.
  • Photon – Tăng tốc tải hình ảnh từ WordPress.com CDN.
  • Jetpack Single Sign On – Cho phép người dùng đăng nhập bằng WordPress.com Credentials của họ.
  • Monitor – Jetpack Monitor sẽ kiểm tra các tab trên trang web của bạn và cảnh báo cho bạn khi downtime được phát hiện.
  • VideoPress – Có thể đây là cách dễ nhất để tải lên video đẹp cho blog của bạn.
  • Enhanced Distribution – Chia sẻ bài viết công khai và bình luận của bạn lên các công cụ tìm kiếm và các dịch vụ khác trong thời gian thực.
  • JSON API – Cho phép các ứng dụng truy cập an toàn vào các nội dung của bạn thông qua các đám mây.

Nói chung là tính năng của nó nhiều khủng khiếp, nên kiểu gì thì kiểu, cài đủ vào là bao hàng sẽ làm chậm trang của bạn, thành ra hãy active cái tính năng nào bạn cần là đủ, như mình thì chỉ dùng mỗi Photon 😀

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *