CSS Sprites là một kỹ thuật trong CSS, nơi nhiều hình ảnh được kết hợp thành một file hình ảnh duy nhất để sử dụng trên một website, giúp cải thiện hiệu suất. Kỹ thuật này giảm số lượng yêu cầu HTTP mà trình duyệt cần thực hiện để tải các hình ảnh, do đó giảm thời gian tải trang và tiết kiệm băng thông.
Cách hoạt động:
Kết hợp Hình Ảnh: Các hình ảnh nhỏ (như biểu tượng, nút, v.v.) được kết hợp thành một hình ảnh lớn duy nhất.
Sử dụng CSS để Hiển Thị: Sử dụng thuộc tính background và background-position trong CSS để chỉ định phần nào của hình ảnh lớn được hiển thị cho mỗi phần tử.
Ưu điểm:
Giảm Số Lượng Yêu Cầu HTTP: Giảm đáng kể số lượng yêu cầu đến máy chủ, giúp tăng tốc độ tải trang.
