Khi tôi có cùng một hình ảnh được sử dụng cho các yếu tố khác nhau (hình ảnh sprite) tôi thường không gọi lại hình ảnh đó vì đây là một yêu cầu HTTP mới.Hình ảnh nền CSS của trình duyệt có lưu vào bộ đệm không?
Tôi thà sử dụng:
element1 {
background: url(someImage.png);
}
element2 {
background-image: inherit;
}
là tiết kiệm HTTP này yêu cầu?
Hoặc nếu trình duyệt là thông minh và tôi có thể sử dụng:
element1 {
background: url(someImage.png);
}
element2 {
background: url(someImage.png);
}
là trình duyệt sẽ làm cho một yêu cầu HTTP mới? Hoặc nó biết rằng tôi đã có hình ảnh này được lưu trữ?
Câu hỏi đặt ra là: Tôi có đạt được điều gì đó bằng cách sử dụng ví dụ 1 không?
Tùy thuộc vào trình duyệt. – jball