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á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à …
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 …
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à …
Đâ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 …
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 …
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ậ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. 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ừ file 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 HTML (được đề xuất lần đầu tiên …
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, …
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. …