Hướng dẫn tăng tốc website với plugin Jetpack Boost một cách đơn giản.
Nếu bạn chưa biết thì cách đây vài ngày, Automattic đã chính thức cho ra mắt plugin Jetpack Boost – một giải pháp giúp tối ưu tốc độ load cho website WordPress. Mặc dù tên là Jetpack Boost nhưng plugin này hoàn toàn không liên quan gì đến plugin Jetpack. Nghĩa là nó có thể hoạt động độc lập và bạn không cần thiết phải cài đặt plugin Jetpack đi kèm. Đây có thể xem là một làn gió mới giữa vô vàn plugin hỗ trợ tối ưu tốc độ load cho WordPress đã có sẵn trên thị trường, ví dụ như LiteSpeed Cache, WP Rocket, Autoptimize, Swift Performance…
Tham khảo thêm:
Plugin Jetpack Boost có những tín năng gì?
Tại thời điểm mà chúng tôi đăng tải bài viết này, Jetpack Boost đang ở phiên bản 1.0.1 và đang sở hữu 3 tính năng:
- Optimize CSS Loading: tự động tạo Critical CSS cho các trang, tối ưu việc load CSS giúp website hiển thị nhanh hơn.
- Defer Non-Essential Javascript: trì hoãn (defer/ async) việc tải các script không cần thiết, cho phép các file hình ảnh và CSS tải trước.
- Lazy Image Loading: không cần nói thì chắc các bạn cũng biết là nó trì hoãn việc tải những hình ảnh chưa hiển thị trên màn hình (kéo đến đâu thì mới tải ảnh đến đấy).
Trong thời gian tới, chắc chắn Jetpack Boost sẽ được bổ sung nhiều tính năng mới, chẳng hạn như nén CSS, nén JS, CDN…
Tăng tốc website WordPress với Jetpack Boost
Theo khuyến cáo của chúng tôi, plugin Jetpack Boost chỉ nên được dùng song song với các plugin tạo cache không có sẵn tính năng tối ưu dữ liệu tĩnh, ví dụ như WP Super Cache, Cache Enabler… Các bạn không nên cài đặt Jetpack Boost nếu website đang kích hoạt những plugin như LiteSpeed Cache, WP Rocket, Swift Performance, Autoptimize… để tránh gây xung đột. Nếu muốn trải nghiệm nó, hãy vô hiệu hóa các plugin có cùng tính năng.
1. Đầu tiên, như thường lệ, các bạn cần phải cài đặt và kích hoạt plugin Jetpack Boost (download).
2. Truy cập Jetpack Boost từ trên menu chính, click vào nút Get Started.
3. Sẽ có 2 lựa chọn là sử dụng tài khoản WordPress.com hoặc tài khoản Gmail để kết nối với Jetpack Boost.
4. Sau khi kết nối xong, hệ thống sẽ tiến hành chấm điểm tốc độ (trên mobile và desktop) của website.
5. Click vào biểu tượng hình công tắc tương ứng với từng tính năng để kích hoạt chúng. Nếu website của bạn đang sử dụng plugin cache dữ liệu thì lưu ý xóa cache.
Sau khi kích hoạt xong, hãy click vào nút Refresh để tiến hành chấm điểm lại và kiểm tra kết quả. Thật đơn giản phải không nào?
Bạn đã trải nghiệm plugin Jetpack Boost chưa? Bạn đánh giá như thế nào về nó? Hãy cho chúng tôi biết quan điểm và ý kiến của bạn thông qua 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. :)
Plugin Jetpack Boost có nặng không bác, hosting của em cấu hình yếu quá không biết có kiêm được cái này không?
Phần mềm hỗ trợ tăng tốc website thì lo gì nặng hả bạn? :)
Cho e hỏi giữa plugin này với nitro pack thì cái nào dùng tốt hơn ạ! E cám ơn!
Mình chưa dùng NitroPack bao giờ nên không rõ bạn ạ. Nhìn sơ qua thì có vẻ NitroPack nhiều tính năng hơn hẳn. Còn hiệu suất thực tế thì bạn cài thử là biết ngay mà. :)
ad có thể giúp mình xem 3 theme avada flatsome và engitech link demo mình cài lần lượt: https://svtre.com/demo/avada/ https://svtre.com/demo/ và https://svtre.com/ cứ bỏ 1 folder thì đc theme mới
Mình cũng đã test bằng GG Pagespeed GTmetrix Pingdom thì thấy Flatsome > Avada >>>> Engitech
Nhưng mình rất ưng thiết kế của Engitech chỉ phân vân vì đánh giá của các công cụ đo hiệu suất ko tốt. Còn ko mình có thể chọn Avada nhưng mình thấy file theme nặng quá ~45MB so với 2 theme còn lại nặng hơn rất nhiều 3~5MB
Giờ mình đang phân vân 2 lựa chọn:
1 chọn avada: nhẹ nhàng đơn giản (ko ưng giao diện bằng Engitech và file cài nặng)
2 chọn Engitech và sau này tùy biến flatsome giống Engitech thì đổi lại (nhưng ko biết những plugin hoặc những cài đặt ko dùng tới có tạo rác làm nặng database ko)
ad có thể giúp mình chọn hoặc đưa thêm gợi ý thông não cho m đc ko?
Thanks đã dành thời gian đọc cmt dài dài này ^_^
Bạn định làm website dạng gì và phục vụ cho mục đích gì nhỉ?
mình làm site mới về xây dựng, thay cho site cũ hopdaithanh.com đang muốn giao diện hiện đại giống theme Engitech
Mình định chỉnh flatsome lại cho hợp để tốc độ tốt hơn nhưng thấy hơi khó chỉnh
2 thằng kia thì mình chưa dùng bao giờ nhưng riêng Flatsome thì mình thấy khá dễ để tối ưu tốc độ load. Hơn nữa nó có UX Builder nên việc chỉnh sửa giao diện cũng khá đơn giản. Mình vote cho Flatsome. :P
ở VN thấy không được hiệu quả lắm, nhất là những đợt đứt cáp ấy bác ơi
Hiện tại plugin này vẫn chưa được trang bị tính năng CDN mà. Dữ liệu vẫn được push trực tiếp từ host của bạn nên nhanh hay chậm là do kết nối từ host của bạn đến người dùng quyết định thôi. :)
Lâu lâu mới có thời gian vào đọc những chia sẻ của bạn, dạo này nhiều bài mới quá.
Theo Hiếu đánh giá Plugin này với Rocket, Litespeed Cache thì điểm số thế nào?
Thanks!
Mới chỉ là ở những phiên bản đầu tiên nên hiệu năng và tính năng chưa thể so sánh được với những plugin sừng sỏ nhưng LiteSpeed Cache hay WP Rocket đâu bạn ạ. Hy vọng sắp tới nó sẽ được bổ sung thêm nhiều tính năng mới vì dù sao nó cũng đến từ nhà phát hành của WordPress mà. :D
Cảm ơn bạn đã chia sẻ ạ.
Cho mình hỏi chút nữa là Plugin Jetpack Boost này có mất phí nhiều không ạ? Với nó cũng là Plugin, mà thường web cài nhiều plugin thì sẽ bị năng, load chậm. Xài nó có kéo time load của web không ạ?
1. Plugin này hiện tại hoàn toàn miễn phí bạn nhé. Họ có bán phiên bản trả phí trong tương lai hay không thì mình không rõ.
2. Không phải plugin nào cài vào cũng làm nặng web đâu bạn. Đây là plugin hỗ trợ tối ưu tốc độ load và cách duy nhất để biết nó giúp web load nhanh hơn hay chậm đi là cài vào rồi test thử. Nếu thấy không hiệu quả thì xóa đi là xong.
Cảm ơn bạn rất nhiều! Web mình hiện có chuyên mục Camera Quan Sát vào rất chậm, có khi chờ hơn 1 phút :( Để mình tải về cài thử xem nó có cải thiện được không!
Site của bạn mình check thấy đang dùng Autoptimize rồi còn gì? Nếu muốn cài plugin bên trên thì phải tắt Autoptimize trước kẻo xung đột.
Cảm ơn admin về bài chia sẻ này, em sẽ áp dụng thử cách này thay vì dùng rocket.