Pertanyaan Apa kerugian menggunakan data URI daripada gambar sprite?


Pertimbangkan kondisi ini untuk situs web saya:

  • Saya tidak mendukung IE8 dan di bawahnya sehingga dukungan browser tidak menjadi masalah.

  • Saya juga menggunakan gzip yang akan menghindari kelebihan data di CSS dalam kasus yang saya salin dan tempelkan gambar URI data dalam file CSS saya.

  • Saya hanya memiliki satu file CSS yang dihasilkan oleh KURANG.

  • Untuk membuatnya mudah, saya menggunakan variabel KURANG untuk setiap URI data gambar.

  • Saya menempatkan variabel gambar dalam file LESS terpisah untuk menjaga basis kode saya bersih

Dengan semua ini saya masih tidak yakin apakah itu pendekatan terbaik untuk memuat gambar. Memuat gambar kecil dengan pendekatan ini mengurangi jumlah permintaan HTTP dan juga kita tidak harus mempertahankan gambar sprite.

Apakah ada kelemahan dalam pendekatan ini yang dapat Anda pikirkan?


10
2017-11-17 01:21


asal


Jawaban:


Jika ada perubahan gambar, seluruh file css harus berubah. Ini memecah cache HTTP. Dengan gambar sprite, file css itu sendiri akan disajikan dari cache, dan hanya gambar yang diubah yang harus diunduh lagi.

Mungkin lebih baik untuk menghasilkan file css hanya untuk data: gambar URI, dan lainnya untuk hal-hal CSS biasa. Dengan cara ini, pembaruan css reguler tidak perlu mengunduh ulang data: gambar uri.

Masalah kedua adalah dengan gambar latar depan, yang disajikan bersama <img> tag di html. Jika ini adalah gambar yang sering digunakan, itu tidak perlu meningkatkan ukuran html.


2
2017-11-18 06:49