Mengapa Drupal 7 lebih memilih aturan CSS @import daripada tag <link>?


25

"Jangan gunakan @import," kata banyak orang.

Ada banyak kekurangan dalam menggunakan @import.

  • Menggunakan @importdalam stylesheet menambahkan satu lagi perjalanan pulang pergi ke keseluruhan waktu pengunduhan halaman.
  • Penggunaan @importdi IE menyebabkan urutan unduhan diubah. Ini dapat menyebabkan unduhan membutuhkan waktu lebih lama, yang menghambat proses rendering membuat halaman terasa lebih lambat.

Mengapa Drupal 7 menggunakannya?

Saya ingin mengubah @importaturan menjadi <link>tag. Bagaimana saya bisa melakukan ini?


1
+1 untuk pertanyaan, saya hanya ingin menanyakan hal yang sama, dan kemudian menemukan pertanyaan Anda, terima kasih!
Sk8erPeter

Jawaban:


22

Jangan gunakan @import untuk mengimpor file css :

@import hanya digunakan dalam mode agregasi non-CSS. Ini dilakukan untuk mengatasi batasan IE dengan jumlah tag.

Ini harus menjelaskan alasan dan bagaimana cara menghilangkannya. Setiap situs produksi harus menggunakan agregasi CSS, dan tidak memiliki @import.


1
+1, terima kasih atas jawabannya. Jadi ini adalah solusi untuk apa modul IE CSS Optimizer ( drupal.org/project/ie_css_optimizer ) harus digunakan dalam Drupal 6 untuk memperbaiki masalah yang Internet Explorer menolak memuat lebih dari 31 stylesheet yang terhubung.
Sk8erPeter

Saya tahu ini beberapa tahun kemudian dan kebanyakan orang waras tidak menggunakan IE. sayangnya saya tidak bekerja untuk kebanyakan orang waras. Saat menggunakan response.js di IE 8 gagal berfungsi menggunakan @import. Gotcha ini sulit ditemukan
DeveloperChris

Adapun saya, saya tidak pernah terbentur pada batasan tag IE. Jadi sepertinya ini keputusan bodoh. Mengganti masalah yang hampir tidak pernah terjadi. Jika ada banyak file CSS Anda harus memikirkan cara menggabungkan sebagian besar dari mereka. Untuk mempercepat pemuatan halaman.
Rantiev

-1, Jawaban ini tidak menjawab dua pertanyaan di pos asli. Mengapa Drupal menggunakan @import dan bagaimana kami mengubahnya?
Colin
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.