Drupal 7 सीएसएस @import नियमों को <लिंक> टैग के लिए क्यों पसंद करता है?


25

" @importबहुत से लोग कहते हैं ," उपयोग न करें ।

उपयोग करने की बहुत सारी कमियाँ हैं @import

  • @importएक स्टाइलशीट के भीतर उपयोग करने से पृष्ठ के समग्र डाउनलोड समय में एक और गोलाकार हो जाता है।
  • @importIE में उपयोग करने से डाउनलोड क्रम बदल दिया जाता है। इससे स्टाइलशीट को डाउनलोड करने में अधिक समय लग सकता है, जो पेज को धीमा महसूस करने के लिए प्रगति रेंडरिंग में बाधा उत्पन्न करता है।

Drupal 7 इसका उपयोग क्यों करता है?

मैं @importनियमों को <link>टैग में बदलना चाहता हूं । मैं यह कैसे कर सकता हूँ?


1
प्रश्न के लिए +1, मैं बस वही पूछना चाहता था, और फिर आपका पाया, धन्यवाद!
Sk8erPeter

जवाबों:


22

Css फ़ाइलों को आयात करने के लिए @import का उपयोग न करें :

@import का उपयोग केवल गैर-सीएसएस एकत्रीकरण मोड में किया जाता है। यह टैग की संख्या के साथ IE सीमा को हल करने के लिए किया जाता है।

यह कारण बताना चाहिए और इससे छुटकारा कैसे प्राप्त करना चाहिए। किसी भी उत्पादन साइट को सीएसएस एकत्रीकरण का उपयोग करना चाहिए, और @import नहीं है।


1
+1, उत्तर के लिए धन्यवाद। इसलिए यह IE के लिए एक वर्कअराउंड है क्या IE CSS अनुकूलक मॉड्यूल ( drupal.org/project/ie_css_optimizer ) को Drupal 6 में इस समस्या को ठीक करने के लिए उपयोग किया जाना था कि Internet Explorer 31 से अधिक लिंक किए गए स्टाइलसेट लोड करने से इनकार करता है।
Sk8erPeter

मुझे पता है कि यह कुछ साल बाद है और अधिकांश समझदार लोग IE का उपयोग नहीं करते हैं। दुर्भाग्य से मैं ज्यादातर समझदार लोगों के लिए काम नहीं करता। IE 8 में response.js का उपयोग करते समय यह @imports का उपयोग करके काम करने में विफल रहता है। इस गोचर को ढूंढना मुश्किल हो सकता है
DeveloperChris

मेरे लिए मैं IE टैग सीमा में कभी नहीं टकराया है। तो यह मूर्खतापूर्ण निर्णय की तरह लगता है। समस्या का ओवरराइड जो लगभग कभी नहीं होता है। यदि बहुत सीएसएस फाइलें हैं, तो आपको सोचना होगा कि उनमें से अधिकांश भाग को कैसे मर्ज किया जाए। पृष्ठ लोडिंग को गति देने के लिए।
रान्टिव

-1, यह जवाब मूल पोस्ट में दो सवालों के जवाब नहीं देता है। Drupal @import का उपयोग क्यों करता है और हम इसे कैसे बदलते हैं?
कॉलिन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.