Tối ưu tốc độ website WordPress bằng cách nén ảnh

3978 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

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.comNhư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ôi1 Hãy theo dõi Giuseart.com để xem những thủ thuật mới về WordPress nhé.

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Bài viết mới cập nhật:

22 thoughts on “Tối ưu tốc độ website WordPress bằng cách nén ảnh

  1. Han le says:

    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

  2. Kami says:

    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/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 ^_^

  3. Cường says:

    Xin chào chủ bài viết, mình muốn tìm các loại Plugins khác để tăng tốc độ website ngoài plugins này ra được không ạ
    Hiện tại website e tốc độ trên đt khá thấp nên làm gì để khắc phục ạ
    Mong tin
    Website: https://xanhcraft.com/

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 *