4 cấp độ tối ưu hóa ảnh trong WordPress

Tối ưu hóa ảnh rất quan trọng trong việc cải thiện tốc độ website WordPress, hôm nay chúng ta sẽ đi vào chi tiết từng cấp độ. Tại sao bạn cần tối ưu hóa ảnh? Tôi hy vọng bức hình trên cung cấp cho bạn một vài cảm nhận. Khi công nghệ phát triển, chất lượng thiết bị chụp hình đã được cải thiện rất nhiều. Thậm chí các dòng điện thoại mới như iPhone, OnePlus có khả năng chụp ảnh ở độ phân giải lên tới 4032 x 3024 pixel, và kèm với đó là kích cỡ vài MB. …

Đọc thêm

Vài nhận xét về dịch vụ tối ưu ảnh của LiteSpeed

Các plugin tối ưu ảnh luôn nằm trong nhóm plugin quan trọng nhất với bất kỳ website nào đặc biệt là các trang web nhiều ảnh như trang thương mại điện tử hoặc kiểu blog hướng dẫn sử dụng. LiteSpeed Cache (LSCache) là plugin toàn diện nhất về mảng tăng tốc cho website WordPress, đặc biệt là trên các trang có lưu lượng truy cập lớn hoặc/và có nhiều bài viết. LSCache cũng tích hợp sẵn dịch vụ nén ảnh trong plugin, và hôm nay tôi sẽ thử đào sâu nhận xét xem ưu & nhược điểm của nó là …

Đọc thêm

9 cách tối ưu ảnh cho WordPress: giải thích cặn kẽ, dễ hiểu

Trong bài viết này tôi hướng đến mục tiêu tối đa hóa tốc độ tải ảnh tốt nhất có thể được. Đây là việc không thể không làm khi muốn tăng tốc website. Các trang sử dụng WordPress sẽ được hưởng lợi nhiều nhất, tuy nhiên các trang web sử dụng CMS khác cũng có thể thấy có ích vì bộ khung lý thuyết vẫn giống hệt nhau, chỉ công cụ là khác. A. Tại sao tối ưu tốc độ tải ảnh lại quan trọng? Ảnh chiếm phần lớn dung lượng của trang web, với mức độ dao động tùy …

Đọc thêm

Tại sao việc “tối ưu hóa” hình ảnh của bạn với định dạng Base64 hầu như luôn là một ý tưởng tồi

Thật không may, ngay cả cho đến thời điểm này, một số plugin và blog chuyên về mảng tối ưu hóa vẫn đề xuất “tối ưu” hình ảnh của bạn bằng cách mã hóa chúng thành dạng Base64 và đưa thẳng đoạn mã đó vào HTML. Trong bài đăng này, tôi muốn giải đáp thắc mắc: Tại sao trong thời đại ngày nay, đây gần như luôn là một ý tưởng tồi đã được mang vác từ nhiều năm trước rồi.  Ngày xưa, các trình duyệt web bị giới hạn nghiêm trọng về số lượng kết nối đồng thời mà …

Đọc thêm

Kích cỡ ảnh logo quá to: một lỗi phổ biến khác gây chậm trên nhiều website

Đây không phải lỗi nặng gì cho lắm khi liên quan đến tốc độ, nhưng nó phổ biến & rất dễ khắc phục- thế nên dại gì chúng ta không sửa! Video giới thiệu: Thường logo hiển thị ra bên ngoài chỉ cần để từ 200 – 300px là đủ đẹp rồi, và nhiều website cũng làm như vậy. Tuy nhiên dù để kích cỡ hiển thị nhỏ, nhiều website lại dùng logo rất to, có thể gấp 3 – 4 lần kích cỡ thực tế hiển thị, kéo theo dung lượng tăng lên gấp 7 – 10 lần không …

Đọc thêm

Banner dạng full màn hình: một yếu tố gây chậm đáng kể trên nhiều website

Banner full màn hình có nghĩa là ảnh của nó sẽ hiện ra full trên trình duyệt của người dùng, bất kể kích cỡ màn hình. Và để đảm bảo chất lượng hình trên các màn hình lớn, các website sử dụng thiết kế này sẽ phải dùng ảnh có kích cỡ không nhỏ chút nào, có thể lên đến 2000 – 3000px chiều rộng! Kéo theo dung lượng lớn (1MB không phải chuyện hiếm gặp). Vấn đề còn nghiêm trọng hơn nếu họ dùng banner dạng slide có nhiều ảnh. Video giới thiệu: Yep, rõ ràng banner giúp website …

Đọc thêm

Giờ tôi chủ động không sử dụng ảnh cả trong bài viết khi thấy điều đó hợp lý hơn

Mấy hôm trước tôi có viết bài chủ động không sử dụng ảnh featured image. Hôm nay tôi sẽ cải tiến quan điểm về vấn đề này. Sau nhiều lần khốn khổ về chuyện chuyển hosting hoặc tách nội dung website mà chủ yếu do ảnh, tôi đi đến quan điểm: sử dụng ảnh hoặc bất kỳ tài nguyên media nào tiết kiệm nhất có thể được. Lý do đầy đủ: Ảnh chiếm từ 50 – 90% dung lượng ổ cứng. Sử dụng ảnh tiết kiệm giúp tôi giảm thiểu chi phí hosting. Nhiều hosting tối ưu hiện nay chỉ …

Đọc thêm

Hình ảnh mã hóa Base64 trong tăng tốc website

Cập nhật: hiện mã hóa ảnh bằng base64 không còn là biện pháp tối ưu tốt trong nhiều trường hợp. Nội tuyến hình ảnh vào HTML với base64: Nhiều người không biết rằng ảnh có thể được nội tuyến vào mã HTML. Phương thức để làm điều đó là thực hiện mã hóa base64. Ảnh được mã hóa base64 trở thành một phần của HTML và được hiển thị mà không cần phải tải ảnh từ bên ngoài nữa. Base64 là gì? Đây là một trong những cách cổ xưa nhất để mã hóa thứ gì đó để đưa vào …

Đọc thêm

Xóa ảnh webp theo kiểu đơn giản: cách dễ nhất với người không rành SSH

Vì nhiều lý do có thể bạn muốn xóa ảnh webp, đặc biệt là do liên quan đến dung lượng của hosting gốc. Trước đây tôi có chia sẻ cách xóa ảnh webp bằng SSH, cách này là nhanh & an toàn nhất. Tuy nhiên nó cũng có vấn đề: Không phải hosting nào cũng có SSH (đặc biệt là shared hosting); Câu lệnh SSH có thể quá phức tạp với người quản trị web. Hôm nay tôi sẽ trình bày cách xóa ảnh webp đơn giản hơn rất nhiều thông qua FTP, cách này tuy mất thời gian hơn, …

Đọc thêm

Up ảnh to lên WordPress không chỉ ảnh đó to thôi đâu, nó còn tạo ra nhiều ảnh “nhỏ” hơn nữa

Thay vì kiếm một bài dịch về cách WordPress cắt ảnh để tối ưu tốc độ tải trang, tôi tiến hành một thí nghiệm nhỏ thực tế: Tôi lấy 4 ảnh giống nhau chỉ khác về kích cỡ. Các kích cỡ lần lượt là 640px (85KB), 1280px (325KB), 1920px (713KB) và 6361px (4700KB). Dấu trong ngoặc chỉ dung lượng ảnh; Up lên thư viện media của WordPress trên website trắng, không cài bất cứ plugin nào liên quan đến ảnh; Kiểm tra xem số lượng các ảnh nhỏ mà WordPress cắt ra; Tổng dung lượng của các ảnh nhỏ này. …

Đọc thêm