Kỹ thuật CSS Image Sprites trong thiết kế web

Đây là kỹ thuật mà hiện nay Facebook vẫn đang áp dụng để giảm tải kích thước trang web của họ. Đây là kỹ thuât mà giúp các trang web, đặc biệt trang chủ, trang đích,… muốn cải thiện tốc độ lướt web của người sử dụng.

Link bài viết: http://blog.cione.vn/ky-thuat-css-image-sprites.html

Mong hữu ích với các bạn.

4 Likes

Cảm ơn bạn, bài viết rất hữu ích :smiley:

Thật ra hiện tại mình cũng không thẩy nhiều người dùng kỹ thuật này lắm. Hiện tại người ta dùng font icon, đồng thời http2 cho phép giữ kết nối, do đó tải nhiều files không chậm hơn tải 1 file, việc chia nhỏ nhiều file giúp quản lý cache tốt hơn nên sprite không còn phổ biến như trước nữa :smiley:.

1 Like

Cám ơn @Itachi_Citus, nhận định của bạn rất là đúng. Hiện nay các trình duyệt mới đều có hỗ trợ http2 rồi, cộng thêm chứng chỉ SSL miễn phí của letencrypts nữa, nên chắc trong tương lai không xa, kỹ thuật này sẽ không được dùng nữa.

Tuy nhiên, nếu mà chúng ta buộc phải hỗ trợ các trình duyệt cũ thì đây vẫn là một kỹ thuật nên được xem xét.
Ngoài ra thì, xét về mặt lịch sử thì cũng đáng để nghiên cứu kỹ thuật này để hiểu hồi đó ông cha ta đã tối ưu kiểu gì :grin:

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?