मैंने अपनी वेबसाइट पर एक स्पीड टेस्ट चलाया और सुझावों में से एक मेरे बाहरी अनुरोधों को कम करना था। मैं 3 अलग-अलग अनुरोधों में 3 Google वेब फ़ॉन्ट्स का उपयोग कर रहा हूं। क्या इन्हें 1 अनुरोध में जोड़ना उचित है?क्या मैं एकाधिक फ़ॉन्ट्स का उपयोग कर रहा हूं, तो Google वेब फ़ॉन्ट्स को एक अनुरोध में कम करना संभव है?
फ़ॉन्ट्स नहीं हैं (जैसे छवि संपत्ति, JSON ऑब्जेक्ट्स, या वीडियो) अलग-अलग संसाधनों के लिए अलग-अलग संसाधनों की आवश्यकता होती है?
आप सीएसएस के अंदर data: URIs में फोंट एम्बेड करके तीन अनुरोधों से बच सकते हैं - कम से कम आईई 9 + और अधिकांश आधुनिक ब्राउज़रों में।
ध्यान दें: वे भी IE8 में काम करते हैं, लेकिन 32 केबी
टिप्पणी 2 तक सीमित हैं: जाहिर है, आप गूगल CDN का लाभ प्राप्त नहीं होगा, क्योंकि आप अपने सीएसएस अंदर फोंट की सेवा करना होगा। ..
आप कई फ़ॉन्ट्स को एक ही कॉल के साथ जोड़ सकते हैं | चरित्र। उदाहरण:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
https://developers.google.com/webfonts/docs/getting_started देखें –
हाँ आप एक से अधिक फोंट एक अनुरोध में तरह
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
> अपने सर्वर + 3 अनुरोध पर उन्हें लोड से लोड कर सकते हैं मैं गूगल CDN के क्या लाभ हैं कल्पना? –
कहना मुश्किल है; Google की सीडीएन लगभग निश्चित रूप से उच्च बैंडविड्थ और कम विलंबता होगी। इसके अलावा बेस 64-एन्कोडेड डेटा अधिक जगह लेता है। ओटीओएच, इसके लिए एक अतिरिक्त DNS लुकअप और 3 के बजाय 3 अनुरोधों की आवश्यकता होगी (या शून्य, यदि आपके पास पहले से ही एक सीएसएस फ़ाइल है)। बेंचमार्किंग जानने का एकमात्र तरीका है। – CAFxX