2013-02-11 8 views
7

मैं अपने पृष्ठ पर कुछ Google वेबफॉन्ट का उपयोग कर रहा हूं। कोड गूगल की आपूर्ति का उपयोग करना, मैं <head> मेंDNS prefetch Google webfonts - कौन सा डोमेन?

<link href='http://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'>

रख दिया है।
एक नज़र अंदर इस सीएसएस पता चलता है कि वास्तविक फ़ॉन्ट http://themes.googleusercontent.com पर होस्ट की है।

अब मैं DNS प्रीफ़ेचिंग उपयोग करना चाहते हैं, लेकिन मैं क्या डोमेन इस्तेमाल करना चाहिए? http://fonts.googleapis.com, http://themes.googleusercontent.com या दोनों?

उत्तर

9

दोनों:

स्पष्ट prefetches

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

<link rel="dns-prefetch" href="//example.com"> 
<link rel="dns-prefetch" href="//ajax.googleapis.com"> 

आप जितने चाहें इनमें से कई के रूप में उपयोग कर सकते हैं, लेकिन अगर वे मेटा वर्णसेट तत्व (जो सिर के शीर्ष पर सही जाना चाहिए) के बाद सभी तुरंत कर रहे हैं यह सबसे अच्छा है, तो ब्राउज़र पर कार्य कर सकते हैं उन्हें ASAP।

स्रोत: https://github.com/h5bp/html5-boilerplate/blob/master/doc/extend.md#explicit-prefetches

+0

अत्यंत शानदार, धन्यवाद! लेकिन अगर मैं इसे सही ढंग से समझ गया हूं, यदि फोंट प्रत्येक पृष्ठ पर दिखाई देते हैं, तो प्रीफेचिंग इतना समझ में नहीं आता है क्योंकि वे वैसे भी लोड हो जाते हैं और फिर कैश किए जाते हैं। क्या आप इसकी पुष्टि कर सकते हैं? – Sven

+0

हां, यह मेरी समझ से सही है; प्रीफेचिंग सबसे उपयोगी होती है जब आपके पास अलग-अलग साइटों पर गैर-एचटीएमएल सामग्री होती है जिसमें पृष्ठ प्रतिपादन शामिल होता है। शायद यह देखने के लिए कि क्या यह आपके पृष्ठ लोडिंग समय को महत्वपूर्ण रूप से प्रभावित करता है, अपने डीएनएस प्रीफेचिंग के साथ और बिना चारों ओर घूमने का प्रयास करें। देखें: http://tools.pingdom.com/fpt/ – Anew

संबंधित मुद्दे