Tăng tốc độ load ảnh cho WordPress với module Photon của Jetpack.
Tốc độ load là vấn đề cực kỳ quan trọng đối với một trang web. Nếu blog/ website của bạn load càng nhanh thì trải nghiệm người dùng càng tốt và nó sẽ được ưu tiên trên bảng xếp hạng kết quả tìm kiếm. Đó là lý do tại sao tôi luôn tìm cách tối ưu blog của mình sao cho nó đạt tốc độ load nhanh nhất có thể. Một trong những thành phần chiếm phần lớn page-sizes chính là hình ảnh. Do đó, nếu muốn nâng cao tốc độ load của site, trước hết, bạn cần tối ưu hóa tốc độ load của hình ảnh.
Tham khảo thêm:
- Top 10 công cụ tối ưu hóa hình ảnh giúp cải thiện tốc độ load
- Top 10 WordPress plugins giúp tối ưu hóa hiệu suất hình ảnh
- Làm thế nào để tối ưu hóa hình ảnh trong WordPress tốt cho SEO
Có rất nhiều cách để tối ưu hóa hình ảnh, chẳng hạn như giảm chất lượng, giảm kích thước,… Tuy nhiên, biện pháp hữu hiệu nhất vẫn là sử dụng CDN. CDN không những giúp hình ảnh của bạn load nhanh hơn mà còn giúp tiết kiệm băng thông một cách đáng kể. Nếu bạn đang sử dụng Jetpack plugin, bạn hoàn toàn có thể tận dụng module Photon để làm điều đó. Photon là một CDN dành riêng cho hình ảnh, được xây dựng và phát triển bởi WordPress.com. Hình ảnh của bạn sẽ được “cache” và load thông qua hệ thống CDN của Photon. Nhờ đó, blog/ website của bạn sẽ tải nhanh hơn.
Tăng tốc độ load ảnh với Photon CDN
1. Để bắt đầu sử dụng, trước tiên, các bạn cần truy cập vào Jetpack => Settings và kích hoạt module “Photon“.
2. Bước tiếp theo… bạn không cần phải làm gì cả. Đúng vậy, tất cả những gì bạn cần làm chỉ có thể thôi và Jetpack sẽ lo phần còn lại. Thật tuyệt vời phải không nào? Giờ thì hãy ra ngoài và hưởng thụ thành quả đi nhé. Chúc các bạn thành công!
Lưu ý: Chỉ nên sử dụng Photon nếu host của bạn đặt ở nước ngoài nhưng lưu lượng truy cập chủ yếu đến từ trong nước. Nếu host của bạn đặt ở Việt Nam, việc kích hoạt Photon có thể khiến tốc độ load của người dùng trong nước trở nên chậm hơn và Photon chỉ có tác dụng giúp bạn tiết kiệm băng thông mà thôi.
Bạn biết giải pháp CDN miễn phí khác để tăng tốc độ load ảnh cho WordPress? Hãy giới thiệu nó với chúng tôi trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
Mình muốn hỏi điều này
Đó là, theo bạn thì khi ta truy cập vào trang chủ của một website nào đó, chẳng hạn như tôi truy cập vào website wpcanban.com (ở trang chủ chứ ko phải ở bài viết), thì có bị tính băng thông không?
Mình hiện tại dùng cái theme mà nó hiển thị những hình ảnh đại diện cho bài viết rất lớn, mình sợ những hình ảnh đó sẽ làm ngốn băng thông.
Ở 1 bài viết cụ thể thì ta có thể tính toán đc băng thông, ko biết ở trang chủ thì thế nào nhỉ?
Có bạn nhé. Bạn truy cập trang nào trên website thì cũng sẽ bị tính vào băng thông của website đó. :P
bác Mộc giới thiệu plugin WP Smush e thấy cũng rất tốt liêu photon có sánh ngang được không a Hiếu, để e đỡ phải cài nhiều plugin :P hay bật cả 2 cho máu :P
WP Smush là plugin nén ảnh mà. Còn Photon là CDN. Nói về khoản nén ảnh thì mình đánh giá EWWW Image Optimizer và ShortPixel cao hơn WP Smush. :P
e dùng host godaddy, 100% cho ng việt nhưng mà có plugin rocket 1h rồi thì có cần cài thêm cái này nữa ko a :v
Hãy active và thử trải nghiệm để tự đánh giá hiệu quả. :P
bài viết hay, thanks chủ thớt!!!
Cái này thấy cũng ổn cho SEO nhỉ , nhưng mà như thế này dễ mất khách hàng quá vì khi họ truy cập vào web mà thấy load chậm thì có khi tắt zo web khác, đặc biệt là các trang bán hàng hay các trang dịch vụ :D
tính cài mà sợ sợ :D sever của em đặt ở vn người dùng truy cập web thì nhanh đấy mà nếu dùng pagespeed của google thì nó cho điểm thấp , ông nội alexa thì nó báo very slow luôn :D 3,9s :D tức là alexa truy cập vào site em mất tới 4s vãi thật .
Bác hiếu có pugin nào tối ưu hình ảnh cho site đặt sever ở VN thì giới thiệu em với nhé . demo của em dietmoi.tk :D ko dám đăng link sợ ông google báo spam nữa :D
Bạn tham khảo mấy bài viết này nhé: https://wpcanban.com/wordpress/wordpress-plugins/top-10-wordpress-plugins-giup-toi-uu-hoa-hieu-suat-hinh-anh.html và https://wpcanban.com/wordpress/thu-thuat-wordpress/ewww-image-optimizer-su-thay-the-tuyet-voi-cho-smush-it.html :P
anh co dung teamviewer không ạ a vào giúp em với ạ. Em mới học nên chậm hiểu lắm ạ, mà giờ em còn đang bị lỗi không dăng nhập được quản trị trang web cơ mà không biết phải làm như thế nào
Mình không dùng teamviewer bạn nhé. :)
Bay giơ e muôn tăng dung luơng mb đê up anh lên host thj phai vao dau sua va sua nhu the nao a
Bạn đang sử dụng shared host hay VPS? Nếu sử dụng shared host thì bạn xem hướng dẫn trong bài viết này nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/lam-the-nao-de-thay-doi-cac-thiet-lap-php-cua-hosting.html
cập nhat thi vao phan nao ạ, file anh cua e luu o day a anhviennguyenthang.com/public_html/wp-content/uploads/photo-gallery. Vậy giờ sửa như thế nào ạ
Bạn có thể export database về máy, dùng NotePad++ để sửa link sau đó import trở lại PHP MyAdmin. :P
vậy giờ phải sửa như thế nào ạ. em mới học làm web nên không biết ạ
Bạn vào host kiểm tra xem mấy cái file ảnh kia được lưu ở đâu và cập nhật lại cho đúng link của nó là được mà. :)
Em dung photo gallery a ak
Em dùng đê lam album gjo anh no k hjen thj e k bjt lm tke nao
Bạn kiểm tra lại link ảnh đi nhé. Mình xem link ảnh và thấy nó bị lỗi 404. :P
anh giúp em với ạ trang web của em không hiện thị được ảnh thi phải làm như thế nào ạ. Mong anh giúp em sớm ạ
Nếu bạn đang dùng Photon mà nó không hiện ảnh thì tắt nó đi nhé. :P
Cái này không biết có ảnh hưởng gì đến plugin lazy load không nhỉ Hiếu? Đọc nghe bùi tai quá nên cũng đang quay lại em Jetpack này, tuy hơi có nặng một chút nhưng rất nhiều module hữu ích. Không biết nếu so sánh với số lượng plugin tương tự thì có nặng site hơn không?
Bạn thử bật nó lên xem sao. Mình dùng host Việt Nam nên không kích hoạt. :D Mình thấy JetPack xài ok mà. Nếu biết cách tận dụng thì có thể thay thế hầu hết plugin. Blog của mình cũng đang dùng JetPack đấy. Bạn nghĩ nó có nặng không? :D
Ok để mình thử xem :D Có điều là không biết việt hóa ở đâu. Ví dụ cái subscrible.php không có dòng này “Notify me of new comments via email.” Mà Ebooksvn lại về VN rồi à, sao không thử chiến host ngoại tiếp. Đặt trong nước cẩn thận có ngày như haivl đấy :))
Ủa. Mình có chia sẻ cái gì phạm pháp hay trái thuần phong mĩ tục đâu mà sợ như haivl. :D Mới tậu Cloud VPS của Hostvn.net cách đây vài tuần. :P Về Việt Nam load cho nó sướng. Bạn set language của WordPress sang tiếng Việt là thằng Jetpack cũng sẽ có giao diện tiếng Việt ngay thôi mà. Nếu không vào jetpack/modules/ mở từng file php ra mà Việt hóa. :D
Mình đang để vi_VN mà không thấy được. Tình hình là active photon lên ảnh trong bài viết không hiện lên luôn. Giờ không biết nên deactive thằng nào nữa :))
Mình mở rồi mà không thấy có dòng mình muốn việt hóa đó Hiếu.
Từ WordPress 4.0 trở đi, ngoài file config.php, bạn còn phải vào Settings => General để set languages nhé. :P
Jetpack cũng khá hay đó nhiều plugin trong một :D
Người ta gọi là All-in-One. :D
Cố lên bác Hiếu, mong sao bác đăng 2 bài/ngày để tìm hiểu hết các chức năng của Jetpack.. hay quá :D
Cảm ơn bạn. Mình đang cố đây. Mong bạn thường xuyên ghé thăm và đón đọc bài mới. :D
Ok cám ơn anh Hiếu đập chai
Vâng. Em xin ghi nhận thành ý của chụy Cường đập gái. :P
Hiếu cho hỏi ngu cái.Tui dùng theme trang chaomaohot gắn cho trang cuoivm.Lấy y chang sao không thấy ngắt dòng kiểu xem thêm,mà nó hiện chữ hết bài luôn.Lúc mình bấm vào bài nào đó nó không hiện đường dẫn.Kiểu như Home>>wordpredd>>thủ thuật wordpress ta.
1. Vào Genesis => Theme Settings => Breadcrumbs => Tick vào mục “Posts” và “Pages”. Vào SEO => Internal Links => Tick vào mục “Enable Breadcrumbs”.
2. Vào Genesis => Theme Settings => Content Archives => Display post content + Limit content to (400) + Tick vào mục “Include the Featured Image?” + Image size (150 x 150) + Image Alignment (Left) + Select Post Navigation Technique (Numeric).
Đơn giản thế thôi. :P