Kỹ thuật load ảnh trước là một cách để cải thiện tốc độ tải trang web. Khi ảnh được load trước trong công cụ trình duyệt, người đọc có thể lướt qua trang web của bạn nhanh chóng hơn. Kỹ thuật này đặc biệt hữu ích cho các trang web có bộ sưu tập hình ảnh.
Sau đây xin giới thiệu một kỹ thuật giúp load ảnh trước sử dụng Javascript.
» Cách Load ảnh trước dùng Javascript để tăng tốc blogspot?
1- Đăng nhập vào blogger
2- Chọn Mẫu (Template)
3- Chọn Chỉnh sửa HTML (Edit HTML)
4- Đặt phần code dưới đây vào trước thẻ <body>.
<div class="hidden"> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var images = new Array() function preload() { for (i = 0; i < preload.arguments.length; i++) { images[i] = new Image() images[i].src = preload.arguments[i] } } preload( "Link ảnh 1", "Link ảnh 2", "Link ảnh 3" ) //--><!]]> </script> </div>
» Tùy chỉnh code:
- Thay Link ảnh 1,2,3 thành link ảnh bạn muốn load trước.
- Để thêm một hình ảnh mới bạn chỉ cần chèn đoạn ,"Link ảnh n" code vào ngay trước đoạn "Link ảnh 3".
- Lưu ý: linh ảnh đặt trong dấu ngoặc kép (") và cách nhau bởi dấy phẩy (,). Link ảnh cuối cùng không có dấu phẩy ở cuối.
Với việc thêm đoạn thẻ <div class="hidden"> trên vào ngay dưới thẻ <body> của trang web hoặc blog của bạn, khi trình duyệt đọc tới thẻ div này, nó sẽ load trước toàn bộ những ảnh được liệt kê trong danh sách trên vào trong bộ đệm của trình duyệt.
Chúc thành công!
Nhận xét