1. BQT thông báo: Bạn sẽ tiết kiệm rất nhiều, rất nhiều thời gian khi bạn tuân thủ ĐIỀU KHOẢN SỬ DỤNG của diễn đàn. "Bạn dành 1 tiếng, 2 tiếng... để đăng bài, BQT chỉ cần 1 phút để xóa tất cả các bài đăng của bạn."
    Dismiss Notice

Bản chất việc tạo ra ảnh webp là gì? Cần tối ưu ảnh không?

Thảo luận trong 'Seo Offpage' bắt đầu bởi Social, Thg 10 8, 2020.

Lượt xem: 530

  1. Social

    Social Administrator

    [ CN chia sẻ chuyện TỐI ƯU HÌNH ẢNH ]
    Ảnh định dạng .webp nhẹ hơn, được khuyên dùng để tăng tốc website.
    Câu hỏi đặt ra là nó có thực sự cần thiết không ?
    Trả lời:
    Tùy vào website ấy kiểu gì.
    .
    Không nói tới các website chuyên ảnh, cần chất lượng cao, thì với các website tin tức, bán hàng thông thường có thể cân nhắc nhiều định dạng ảnh khác nhau để tối ưu.
    .
    Tuy nhiên, không phải cứ webp hết thì là ngon, cũng không phải jpg, png hết thì ngon.
    --
    ☑️ Nguyên lý kỹ thuật của việc trả về ảnh webp, jpg, png ... là sau khi upload ảnh, server sẽ lưu 1 bản gốc, 1 bản webp ... Xong sau đó khi được request thì sẽ trả về ảnh tương ứng.
    .
    ➡️ Điều này khiến cho server luôn phải lưu ít nhất 2 bản của 1 hình ảnh.
    .
    ➡️ Trong thực tế, các website tin tức, bán hàng, thì dung lượng ổ cứng sử dụng chủ yếu là hình ảnh.
    .
    Việc lưu nhiều như vậy trước mắt thì tốt (về tốc độ) nhưng về lâu dài gặp nhiều issue như phải thêm chi phí mở rộng hạ tầng, phải backup thủ công và khá rườm rà (do sau khi nén dữ liệu thì quá lượng dữ liệu ổ cứng cho phép).
    .
    ☑️ Target của việc này là tối ưu tốc độ, thì có thể cân nhắc vài giải pháp như sau:
    1️⃣ Bản chất việc tạo ra ảnh webp là để giảm dung lượng ảnh -> có thể dùng jpg sau khi đã resize phù hợp (bỏ exif data nếu không có mục tiêu SEO) - cũng khá nhẹ rồi. Lúc này thêm hẳn 1 cái ảnh webp để giảm vài chục Kb thì cũng không đáng lắm.
    .
    2️⃣ Mặt bằng chung, có tầm 2/3 lượng user sử dụng Mobile, 1/3 dùng PC. Bên cạnh đó thì hạ tầng mạng mẽo hỗ trợ Mobile hiện tại chưa nhanh như PC.
    .
    ✔️ Thế nên những nỗ lực tối ưu tốc độ nên tập trung vào Mobile. Những lúc như thế này thì thiết kế Adaptive Web Design hiệu quả hơn hẳn Responsive Web Design.
    .
    Do thường để phục vụ Responsive, thì cái ảnh đó mặc định sẽ khá to (nếu không trên PC sẽ vỡ)
    .
    3️⃣ Trên đây là 2 khía cạnh về kỹ thuật, mà kỹ thuật chỉ là phần nền tảng.
    .
    ✔️ Muốn triệt để nhất thì cần có webmaster hiểu vấn đề, có kinh nghiệm, chăm chút từng tí cho website (chỉnh ảnh, resize, convert, nén phù hợp). Chỉ có như vậy mới tốt được
    .
    .
    .
    Còn nhiều cái để share, mà viết dài quá rồi, để sau vậy!