Tác giả:
Speed Load Image, Tăng Tốc Độ Load Ảnh, Tải Ảnh Nhanh, Api Google, Tăng Tốc Độ Tải Ảnh Cho Website Bằng API Google. Xin chào mọi người mình là Sĩ Ben đây. Hôm nay mình sẽ chia sẻ cách để giảm tỉ lệ tải ảnh khi vào website, và đồng thời tăng tốc độ tải trang cho website nhé.
Dưới đây là đoạn API từ Google giúp chúng ta có thể load ảnh nhanh hơn và hiệu quả hơn vì nó lưu cache ảnh lại và tránh tình trạng tải ảnh lại liên tục khi tải lại trang. Mỗi lần tải trang giảm đáng kể những tấm ảnh tải chậm và không hiện thị.
Để sử dụng API này thì chúng ta chỉ việc tích hợp nó vào đầu của url ảnh. ví dụ như sau:
Sau đó các bạn dùng thẻ html img để show url ảnh kèm theo api đó ra màn hình để xem thành quả nhé.
Cách thực hiện
Dưới đây là đoạn API từ Google giúp chúng ta có thể load ảnh nhanh hơn và hiệu quả hơn vì nó lưu cache ảnh lại và tránh tình trạng tải ảnh lại liên tục khi tải lại trang. Mỗi lần tải trang giảm đáng kể những tấm ảnh tải chậm và không hiện thị.
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&gadget=a&no_expand=1&refresh=604800&url={link_image}
Để sử dụng API này thì chúng ta chỉ việc tích hợp nó vào đầu của url ảnh. ví dụ như sau:
https://images2-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&gadget=a&no_expand=1&refresh=604800&url=https://i.imgur.com/cywJ3DQ.jpg
Demo
Lời kết
Sau đó các bạn dùng thẻ html img để show url ảnh kèm theo api đó ra màn hình để xem thành quả nhé.