2010-05-21 11 views
5

Vì vậy, tôi đã sử dụng yslow cho firefox và trọng lượng trang của tôi là cao. Trang của tôi có hình ảnh sản phẩm chính và sau đó có thể là 10 hình thu nhỏ. Nếu bạn nhấp vào hình thu nhỏ, hình ảnh sẽ mở ra trong cửa sổ bật lên được thực hiện thông qua jquery. Vấn đề là, yslow liệt kê ngay cả các mục tiêu của hình thu nhỏ như là một phần của trọng lượng trang, vì vậy tôi đoán vì lý do nào đó mà hình ảnh đang tải xuống.Neo href của hình ảnh có tải xuống không?

Ví dụ, tôi có:

<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

html bình thường này sẽ gây ra "upload/topview.jpg" để tự động tải về? Hoặc là plugin jquery "nyroModal"? Tôi muốn những hình ảnh không tải trước, điều đó sẽ lãng phí rất nhiều băng thông.

Vì vậy, câu hỏi của tôi là, trình duyệt có tự động thử tải xuống tệp hình ảnh nằm trong thuộc tính href của neo hoặc plugin có nhiều khả năng gây ra sự cố này không?

Cảm ơn mọi hướng bạn có thể cho tôi.

+0

Tùy thuộc vào cách bạn có những thứ thiết lập bạn có thể muốn xem xét sử dụng một sprite cho 10 hình ảnh đó – Justin

Trả lời

6

Không, trình duyệt không tải xuống số đó href trên chính sách đó. Tôi đoán plugin jquery của bạn đang theo liên kết để tải trước nó. Làm thế nào để vô hiệu hóa đó có lẽ là trong các tài liệu của plugin ở đâu đó.

+0

Đúng, nó phải nằm trong plugin của bạn. –

+0

YSlow thường chỉ phát hiện các yêu cầu HTTP thực sự được gửi, vì vậy plugin jQuery của bạn tải trước hình ảnh hoặc YSlow bằng cách nào đó biết rằng hình ảnh có thể được tải động. Tôi đặt niềm tin nhiều hơn trong lần đầu tiên. –

1

Như Squeegy nói, trình duyệt không tự làm điều này ... Tôi đã xem trang web nyroModal và nó không phải là một phần của mã mặc định cho plugin đó.

Images Nạp trước không được coi là một phần của các plugin, như bạn có thể cần phải tải trước hình ảnh khác cho trang web của bạn. Nếu bạn cần thực hiện , bạn có thể sử dụng mã này.

Vì vậy, bạn có mã khác ở nơi nào khác đang thực hiện tải trước không? Đây là một chức năng hình ảnh tải trước cơ bản mà bạn có thể sử dụng để tìm nơi xảy ra sự cố này. Tìm kiếm mã của bạn cho phần = new Image() và bạn có thể tìm thấy mã đó.

function preloadImg(image) { 
    var img = new Image(); 
    img.src = image; 
    } 
0

Mã của bạn là:

<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

Cập nhật nó,

<a download="imagename.jpg" href="/upload/thumb/t_topview.jpg"> 
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" /> 
</a> 

Thưởng .. :)