CSS lớn có phải là một ý tưởng hay không?

Question

Tôi có một CSS Sprite lớn, mất khoảng 3 giây để tải trên internet tốc độ cao của tôi. Tôi muốn biết đây có phải là một ý hay hay không.

Ngày đầu này, tôi cũng muốn biết nếu tôi nên hiển thị một hình ảnh nhỏ hơn chỉ là một chút của sprite sẽ thực sự là sprite đang tải. Mặc dù điều này có nghĩa là hai yêu cầu HTTP thay vì một, tôi đã tự hỏi nếu nó sẽ làm cho một giao diện người dùng/kinh nghiệm người dùng tốt hơn, nếu tôi làm cho lớp phủ-ed biến mất khi tài liệu đã được tải.

Answer 1

Làm thế nào lớn là lớn ?? 3 giây có vẻ ngớ ngẩn. Nếu bạn đang tải mọi hình ảnh dưới ánh mặt trời thì không, đó không phải là một ý tưởng hay. Bạn cũng có thể cần phải xem xét tối ưu hóa hình ảnh (định dạng hiện tại là gì? Bạn có thể đăng hình ảnh không?)

Về cơ bản đó là sự cân bằng. Nếu bạn đang sử dụng 1/2 của các hình ảnh trong sprite trên trang của bạn, nó là tốt bởi vì bạn nhận được nhiều hơn một đạt được thông qua các kết nối HTTP ít hơn sau đó bạn làm một sự lãng phí cho những hình ảnh không sử dụng. Nếu bạn đang sử dụng 1% của các hình ảnh trong sprite, nó không phải là giá trị nó.

Theo như câu hỏi thứ 2 của bạn - hoàn toàn làm điều đó nếu sprite cần phải lớn như hiện tại. Bạn sẽ thấy rất ít tổn thất do tải thêm một hình ảnh nhỏ. Điểm của các sprites là giảm các kết nối HTTP từ 100-> 10, chẳng hạn. 10-> 11 không phải là một vấn đề lớn.

Answer 2

Nếu sprite của bạn lớn, tôi khuyên bạn nên chia hình ảnh của bạn thành các nhóm logic và lưu chúng vào một số sprites (nghĩ 2-4). Nếu không phải tất cả các sprites được chia đều được hiển thị cùng một lúc trên một trang, tải trang sẽ tăng lên.