Artikel Pengenalan Wulin.com (www.vevb.com): Pro dan kontra dari sprite CSS.
Pro dan kontra dari sprite CSS
Mengenai teknologi ini, manfaat terbesar adalah sebagai berikut:
1. Kurangi jumlah permintaan HTTP saat halaman web dimuat. Situasi ini tampaknya hanya berlaku untuk kasus-kasus di mana sumber daya perlu diperoleh ulang dari sisi server, seperti pemuatan awal. Tapi apa pun yang terjadi, itu masih sangat berguna untuk halaman web dengan lalu lintas tinggi atau seringnya memuat ulang.
2. Saat membuat gambar latar belakang untuk tautan, itu dapat mencegah latar belakang berkedip -kedip yang disebabkan oleh memuat gambar latar belakang saat a: melayang. Saya pribadi berpikir ini penting untuk meningkatkan pengalaman pengguna.
3. Gambar mudah dikelola. Premisnya adalah gambar jahitan memiliki aturan tertentu. Seperti yang ditunjukkan pada gambar di bawah ini, ini adalah gambar latar belakang tombol yang digunakan oleh semua situs web. Ini memungkinkan Anda untuk melihat semua gaya tombol di situs web secara intuitif. ; Disebut.
Lingkup aplikasi sprite CSS:
1. Akselerasi halaman web perlu diselesaikan dengan mengurangi jumlah permintaan HTTP.
2. Halaman web berisi sejumlah besar ikon kecil. Atau, beberapa ikon sangat fleksibel.
3. Ada gambar yang perlu dimuat sebelumnya di halaman web. Ini terutama terkait dengan gambar latar belakang A dan A: Hover. Jika gambar latar belakang a dan a: melayang dimuat secara terpisah, maka mouse pengguna akan pindah ke tombol, dan latar belakang tombol akan tiba -tiba menghilang dan kemudian muncul, menyebabkan flash. Jika warna teks tombolnya sama atau mirip dengan latar belakang, itu akan lebih memalukan, yang mungkin membuat orang merasa bahwa tombol telah menghilang.
Kondisi yang harus dipenuhi
Di halaman web, yang terbaik adalah memiliki aturan untuk gambar yang disatukan melalui teknologi ini. Atur lebar atau tinggi. Yang terbaik adalah mengatur lebar dan tinggi. Gambar yang membutuhkan ubin jelas tidak cocok untuk Sprite.
Seperti yang ditunjukkan pada gambar di atas, tombol ditentukan oleh situasi lebar dan tinggi tetap.
Dalam hal lebar tetap, beberapa gambar kecil dapat diatur secara paralel. Saat ketinggian diatur, gambar -gambar kecil diatur secara vertikal.
Jika latar belakang bukanlah lebar tetap atau tinggi tetap, mudah untuk menggunakan teknologi CSS Sprite jika tidak ada lebar tetap maupun tinggi tetap, mudah untuk menghasilkan status gambar yang tidak boleh muncul di halaman. Jika ketinggian ditetapkan secara paksa, itu akan sangat tidak menguntungkan untuk pemeliharaan di masa depan.
Meringkaskan
Apakah teknologi ini baik atau buruk tidak dapat digeneralisasi. Itu tergantung pada situasi spesifik situs web. Saat menganalisis, pertama -tama putuskan apakah Anda membutuhkannya atau tidak, dan juga secara komprehensif mengintegrasikan biaya pengembangan, biaya pemeliharaan, dan masalah lainnya. Temukan rencana yang sesuai dengan situasi aktual sebelum membuat keputusan. Gunakan sprite dalam waktu, dan disarankan untuk tidak menempatkan gambar dari berbagai ukuran, keberpihakan, dan penggunaan dengan cara ekstrem untuk mempertahankannya. Ekstrem seperti itu mungkin tidak mengurangi jumlah permintaan HTTP, tetapi melainkan bahaya tersembunyi untuk pemeliharaan di masa depan.