เหตุใด Drupal 7 จึงชอบกฎ CSS @import ถึงแท็ก <link>


25

"อย่าใช้@import" ผู้ชายหลายคนพูด

@importมีจำนวนมากของข้อบกพร่องของการใช้เป็น

  • การใช้@importภายในสไตล์ชีทจะเพิ่มเวลาไปกลับหนึ่งเวลาในการดาวน์โหลดโดยรวมของหน้าเว็บ
  • การใช้@importใน IE ทำให้ลำดับการดาวน์โหลดมีการเปลี่ยนแปลง สิ่งนี้อาจทำให้สไตล์ชีตใช้เวลาดาวน์โหลดนานขึ้นซึ่งเป็นอุปสรรคต่อการแสดงผลความคืบหน้าทำให้หน้ารู้สึกช้า

เหตุใด Drupal 7 จึงใช้

ฉันต้องการเปลี่ยน@importกฎเป็น<link>แท็ก ฉันจะทำสิ่งนี้ได้อย่างไร


1
+1 สำหรับคำถามฉันแค่อยากถามเหมือนกันแล้วก็พบคุณขอบคุณ!
Sk8erPeter

คำตอบ:


22

อย่าใช้ @import เพื่อนำเข้าไฟล์ css :

@import ใช้เฉพาะในโหมดการรวมที่ไม่ใช่ CSS สิ่งนี้ทำเพื่อแก้ไขข้อ จำกัด IE ด้วยจำนวนแท็ก

สิ่งนี้ควรอธิบายถึงเหตุผลและวิธีการกำจัดมัน ไซต์ที่ใช้งานจริงใด ๆ ควรใช้การรวม CSS และไม่มี @import


1
+1 ขอบคุณสำหรับคำตอบ ดังนั้นนี่เป็นวิธีแก้ปัญหาสำหรับโมดูล IE CSS Optimizer ที่ ( drupal.org/project/ie_css_optimizer ) ต้องใช้ใน Drupal 6 เพื่อแก้ไขปัญหาที่ Internet Explorer ปฏิเสธที่จะโหลดสไตล์ที่เชื่อมโยงมากกว่า 31 รายการ
Sk8erPeter

ฉันรู้ว่านี่คือไม่กี่ปีต่อมาและคนที่มีสติส่วนใหญ่ไม่ได้ใช้ IE น่าเสียดายที่ฉันไม่ได้ทำงานให้กับคนที่มีสติ เมื่อใช้ response.js ใน IE 8 จะไม่สามารถใช้งาน @imports ได้ gotcha นี้หายาก
DeveloperChris

สำหรับฉันฉันไม่เคยชนกับข้อ จำกัด ของแท็ก IE ดังนั้นดูเหมือนว่าการตัดสินใจที่โง่ แทนที่ปัญหาที่แทบไม่เคยเกิดขึ้น หากมีไฟล์ CSS จำนวนมากคุณต้องคิดว่าจะรวมเข้าเป็นส่วนใหญ่ได้อย่างไร เพื่อเพิ่มความเร็วในการโหลดหน้าเว็บ
Rantiev

-1, คำตอบนี้ไม่ตอบคำถามทั้งสองในโพสต์ต้นฉบับ ทำไม Drupal ใช้ @import และเราจะเปลี่ยนแปลงได้อย่างไร
โคลิน
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.