Chào các bạn, có thể nói hình ảnh là một phần không thể thiếu đối với bất kỳ một trang web nào, cho dù đó là một trang tin tức, bán hàng hay chỉ đơn thuần là blog cá nhân như Giuseart.com. Nhưng nếu ta không biết cách tối ưu hóa nó thì sẽ ảnh hưởng rất lớn đến tốc độ tải trang.
Hôm nay, thông qua bài viết ngắn này mình sẽ chia sẻ đến các bạn một plugin giúp cho ta có thể nén hình ảnh để cải thiện tốc độ load của trang và giảm tiêu tốn tài nguyên trên máy chủ.
Chính vì thế tối ưu các hình ảnh là việc làm hết sức quan trọng. Mình sẽ hướng dẫn các bạn nén ảnh trong WordPress bằng cách sử dụng plugin WP Smush. Plugin WP Smush đang được đông đảo anh em làm website wordpress tin dùng vì khả năng nén ảnh rất tốt của nó. Thông thường, khả năng nén ảnh của nó có thể đạt tới 50%-~70%.
Bước 1: Cài đặt plugin WP Smush.
Trong trang quản trị, các bạn vào Gói mở rộng > Cài mới. Tìm và tải về gói mở rộng WP Smush. Kích hoạt để tiến hành sử dụng plugin.
Bước 2: Nén ảnh cho website.
Sau khi kích hoạt thành công, các bạn vào Media > WP Smush để chỉnh một số thiết lập. Lần đầu cài đặt, plugin sẽ quét thư viện media của bạn. Plugin sẽ liệt kê số lượng các ảnh cần nén dung lượng, các bạn click vào Bulk Smush Now để hiến hành nén ảnh.
Đối với phiên bản miễn phí, các bạn chỉ có thể nén 50 ảnh/ lần. Đối với các website có lượng lớn ảnh cần nén lên tới hàng nghìn, thì việc phải chờ đợi nó nén xong 50 ảnh rồi bấm nút Bulk Smush Now tiếp thì đúng là thảm họa. Lúc đó thì mình khuyên các bạn nên bỏ tiền mua luôn bản PRO chạy cho sướng!
Bước 3: Thiết lập tự động nén ảnh
Bạn để ý kiểm tra phần Automatically smush my images on upload đã kích hoạt chưa, nếu chưa thì bật lên nhé, lần sau mỗi lần bạn upload ảnh thì plugin sẽ tự động nén ảnh cho bạn.
Thế là mình đã hướng dẫn các bạn xong cách tối ưu hình ảnh trên Web rồi, nếu bạn có bất cứ thắc mắc hay khó khăn gì trong quá trình thực hiện, hãy comment bên dưới nhé, Giuseart.com sẽ hỗ trợ các bạn. Chúc các bạn thực hiện thành công.!
Cảm ơn các bạn đã theo dõi bài viết của chúng tôi, hãy theo dõi Giuseart.com để xem những thủ thuật mới về WordPress nhé.
Xin cảm ơn! Mình đã test với Woohoo thành công và rất đẹp.
Woohoo là gì vậy ạ?
đẹp quá, cảm ơn
Thank sô much 😀
Chào chủ nhiệm web,
Tôi vừa xem xong bài viết về header của Newspaper Theme. Hay nhưng quá ít. Nếu quý web đăng thêm toàn bộ cách setup news theme thì hay quá.
Tôi có vấn đề nan giải về: Cách đưa HEADER AD hiển thị trên đầu trang web.
Thưa quý chủ nhiệm, tôi đang ở tp TORONTO, CANADA, tuy tuổi già, nhưng thích học thiết kế web.
Đang mày mò build web, dùng theme Newspaper v.8.7.4. Cài LOGO thì OK, cài header bên cạnh LOGO thì không hiển thị. Đành lướt Net tìm người giúp.
Xin chủ nhiệm có thể giúp ý kiến cho tôi không?
Mong tin.
web: http://botayvk.com
Email: [email protected]
Han Le
cám ơn mình đã làm được
Cảm ơn chủ web đã chia sẻ thông tin,
Bài viết rất hữu ích, cảm ơn bạn nhiều.
Thanks, đang tìm đỏ cả mắt suốt buổi sáng nay, search google thì ra trang website này hướng dẫn rất chi tiết, cám ơn tác giả bài viết !
Cảm ơn admin, bài viết rất hữu ích, mình đã làm được rồi