Định dạng ảnh GIF, PNG, JPG hoặc SVG, trường hợp nào nên sử dụng?

Nếu bạn cảm thấy bài viết này có chút gì đó quen thuộc (little familiar) thì lý do là vì chúng tôi đã đăng phiên bản đầu tiên (first edition) của nó vào năm 2009. Trong khi SVG đã thêm một chiều hướng hoàn toàn mới (whole new dimension) vào thiết kế web, các câu hỏi kiểu như (questions such as) “Sự khác biệt giữa JPEG và PNG là gì?” vẫn luôn quan trọng (relevant as ever). Chúng tôi nghĩ rằng đây là khoảng thời gian thích hợp để có một cái nhìn tươi mới vào sự phát triển (state of play) của các định dạng ảnh trên web (web-image formats). Đọc tiếp Định dạng ảnh GIF, PNG, JPG hoặc SVG, trường hợp nào nên sử dụng?

Các hướng dẫn tăng tốc độ Web của PageSpeed Insights

Google có nhiều công cụ giúp người quản trị web tối ưu hóa tốc độ cho người dùng, ngoài Google AMP, định dạng ảnh WebP, tôi cũng rất thích các lời khuyên bảo từ công cụ kiểm tra tốc độ trang web có tên là PageSpeed Insights. Đọc tiếp Các hướng dẫn tăng tốc độ Web của PageSpeed Insights

Chuyển thành công hơn 12 ngàn bức ảnh JPG & PNG trên WordPress sang định dạng WebP

Sau khi thực hiện thử nghiệm với việc chuyển ảnh định dạng JPG và PNG sang WebP và nhận thấy các ảnh nén không mất dữ liệu khi chuyển sang WebP cho ảnh chất lượng vẫn tốt đồng thời dung lượng giảm đáng kể tôi đã quyết định chuyển toàn bộ ảnh của trang web đối tác (dùng WordPress) sang định dạng WebP. Đọc tiếp Chuyển thành công hơn 12 ngàn bức ảnh JPG & PNG trên WordPress sang định dạng WebP

Thử chuyển ảnh JPG và PNG sang WebP

Mấy hôm nay tôi tìm hiểu định dạng ảnh WebP khá nhiều vì cảm thấy nó rất hay khi có thể giảm dung lượng ảnh xuống 20 – 30% mà chất lượng ảnh vẫn giữ nguyên. Tuy nhiên hạn chế của WebP cũng không ít và điều đó làm tôi có phần do dự khi có ý định tăng tốc WordPress bằng cách chuyển hẳn các ảnh trên trang sang WebP. Đọc tiếp Thử chuyển ảnh JPG và PNG sang WebP

Các kỹ thuật nén ảnh của WebP

Bài viết này nằm trong chuỗi nội dung nhằm nỗ lực có các cơ sở lý thuyết cho việc cải thiện tốc độ website sử dụng WordPress.

Tiếp tục bàn về định dạng ảnh mới rất hấp dẫn là WebP, bài dưới đây tập trung tìm hiểu các kiểu nén mất dữ liệu và không mất dữ liệu của nó.

—-

Tại Google, chúng tôi liên tục tìm kiếm (constantly looking) cách làm cho trang web tải nhanh hơn. Một trong các cách để làm điều đó là làm giảm dung lượng ảnh trên web. Hình ảnh chứa đến (comprise up60% – 65% dữ liệu trên hầu hết các trang web và kích cỡ trang là vấn đề lớn trong tổng thời gian rendering. Kích cỡ trang đặc biệt quan trọng với thiết bị di động, khi mà ảnh nhỏ hơn sẽ tiết kiệm cả băng thông và thời gian làm việc của pin. Đọc tiếp Các kỹ thuật nén ảnh của WebP

Cùng tìm hiểu định dạng ảnh WebP dành riêng cho web

Chào các bạn, với mong muốn đi sâu vào việc tăng tốc độ website, mà cụ thể ở đây tôi muốn tăng tốc cho WordPress, nên dẫn đến việc tìm hiểu định dạng ảnh mới WebP này. Nó có khả năng thay thế cho JPG và PNG, cũng như một số định dạng phổ thông khác.

—–

WebP là định dạng ảnh hiện đại cung cấp khả năng nén rất cao (superior) cho cả kiểu nén không mất dữ liệu và mất dữ liệu (lossless and lossy) trên web. Sử dụng WebP, người quản trị và phát triển web có thể tạo ra các bức ảnh nhỏ hơn, phong phú hơn và giúp web tải nhanh hơn. Đọc tiếp Cùng tìm hiểu định dạng ảnh WebP dành riêng cho web

Có nên dùng Google AMP để tăng tốc website?

Khi lần đầu tiên tôi nghe thấy Dự án Tăng Tốc Trang Di Động của Google (Google’s Accelerated Mobile Pages Project), tôi rất háo hức muốn thử AMP ngay lập tức (as soon as possible). Vẫy tay chào (waving farwell) các trang web chậm chạp, vụng về, không được tối ưu, tôi bắt đầu trải nghiệm với AMP chỉ để nhận ra rằng, mặc dù có nhiều điểm có ích, chúng cũng có những điểm bất lợi không kém. Tôi chắc chắn đã tăng tốc được các trang web của mình trên di động (đi kèm với đó là UX / user experience / trải nghiệm người dùng tốt hơn và thứ hạng trên di động cao hơn), nhưng tôi không sẵn sàng hy sinh lợi nhuận từ quảng cáo. Đọc tiếp Có nên dùng Google AMP để tăng tốc website?

Một số plugin wordpress hay (theo thứ tự ABC) mà mình thường dùng cho web

WordPress hay ở chỗ là nó tùy biến được plugin (trình cắm), giúp gia giảm chức năng theo nhu cầu sử dụng của từng người. Ngoài ra cộng đồng phát triển của họ rất đông và tài năng. Đọc tiếp Một số plugin wordpress hay (theo thứ tự ABC) mà mình thường dùng cho web

Loại bỏ trường email và URL trong phần comment của WordPress

Phần comment của WordPress thông thường có 4 trường. Đó là:

  • Tên
  • Email
  • URL
  • Nội dung bình luận

Mỗi trường có ý nghĩa riêng. Tên và Nội dung bình luận là 2 trường bắt buộc phải có. Trường email có tác dụng giúp người comment có thể nhận được thông báo khi được trả lời. URL là trường ít tác dụng nhất, vì thực tế ít người có trang web riêng. Đọc tiếp Loại bỏ trường email và URL trong phần comment của WordPress

Hướng dẫn tăng tốc WordPress toàn diện – có tiền sẽ có nhiều lợi thế hơn

Có thể tiêu đề làm tụt hứng, nhưng thực tế khi muốn tăng tốc WordPress thì có tiền chỉ làm bạn thuận lợi hơn thôi chứ nó không thay thế được các lựa chọn thông minh của bạn. Bài viết này sẽ cung cấp các cách hiệu quả nhất, trong đó có cả những cái không hề tốn một xu nào (nhưng dĩ nhiên là mất công sức!). Đọc tiếp Hướng dẫn tăng tốc WordPress toàn diện – có tiền sẽ có nhiều lợi thế hơn