क्या ब्राउज़र को वेबसाइट पर पहुंचने पर हर बार अनुकूलित फ़ॉन्ट्स को फिर से डाउनलोड करने की आवश्यकता होती है?

Question

मान लीजिए मेरे पास एक ऐसी वेबसाइट है जिसमें मैंने फ़ॉन्ट्स को कस्टमाइज़ किया है, और सभी .otf फ़ाइलें लगभग 1 एमबी हैं।

अब, जब कोई उपयोगकर्ता वेबसाइट पर जाता है, तो फोंट डाउनलोड हो जाएंगे। सवाल यह है कि, क्या ये फोंट उपयोगकर्ता के ब्राउज़र में हर समय इंस्टॉल किए जाएंगे? अर्थात। यहां तक ​​कि यदि उपयोगकर्ता ब्राउज़र बंद कर देता है, तो क्या फोंट वहां रहेगा? या सभी .css .html फ़ाइलों की तरह .otf फ़ाइलें हैं? जिसे कैश किया जा सकता है लेकिन फिर फिर से डाउनलोड करने की आवश्यकता है?

यदि उत्तरार्द्ध, हम इस समस्या से कैसे निपट सकते हैं? मेरा मतलब है कि उपयोगकर्ता को 1 एमबी फोंट डाउनलोड करना यूएक्स के लिए अच्छा नहीं है। अन्य वेबसाइटें इस समस्या से कैसे निपटती हैं? क्या किसी प्रकार का स्थानीय भंडारण उपयोग किया जाता है?

Answer 1

हालांकि यह थोड़ा ब्राउज़र निर्भर हो सकता है लेकिन फ़ॉन्ट हर बार डाउनलोड होते हैं और ब्राउज़र में कैश नहीं होते हैं। यह FOUT (अनस्टाइल टेक्स्ट का फ्लैश) द्वारा स्पष्ट है। आप अधिक विवरण और एक समाधान के लिए इस पर विचार हो सकता है: https://stackoverflow.com/a/8844467/2407962

Answer 2

मान लीजिए मैं एक वेबसाइट है, जिसमें मैं फोंट कस्टमाइज़ कर लिया है, और सभी .otf फ़ाइलें 1 एमबी के बारे में कर रहे हैं।

मैं अपनी वेबसाइट में से एक पर Google फोंट का उपयोग कर रहा हूं, जो सामान्य रूप से केवल 2.6 केबी हैं।

अब जब कोई उपयोगकर्ता वेबसाइट पर जाता है, तो फोंट डाउनलोड हो जाएंगे। प्रश्न यह है कि, क्या ये फ़ॉन्ट उपयोगकर्ता के ब्राउज़र में के रूप में हर समय स्थापित होंगे? अर्थात। भले ही उपयोगकर्ता ब्राउजर को बंद कर देता है, फोंट वहां रहेगा? या सभी .css .html फ़ाइलों की तरह .otf फ़ाइलें हैं? जिसे कैश किया जा सकता है लेकिन फिर फिर से डाउनलोड करने की आवश्यकता है?

मैं देखता हूं, जब कोई उपयोगकर्ता साइट तक पहुंचता है तो मेरी वेबसाइट हमेशा फोंट लाती है। यदि उपयोगकर्ता अपने ब्राउज़र कैश को साफ़ नहीं करता है, तो भी वेबसाइट साइट पर पहुंचने पर सीएसएस और एचटीएमएल जैसे फोंट लाएगी।

यदि उत्तरार्द्ध, हम इस समस्या से कैसे निपट सकते हैं? मेरा मतलब है उपयोगकर्ता डाउनलोड 1 एमबी फोंट यूएक्स के लिए अच्छा नहीं है। इस समस्या के साथ अन्य वेबसाइटें कैसे सौदा करती हैं? क्या किसी प्रकार का स्थानीय भंडारण उपयोग किया जाता है?

gzip एन्कोडिंग आपकी मदद कर सकता है।

यह मेरा अनुभव रहा है और जब मैंने चेक किया तो मुझे अन्य दृष्टिकोण नहीं मिल सका। हो सकता है कि कोई और बेहतर दृष्टिकोण सुझा सके।

Answer 3

किसी पृष्ठ में सभी बाहरी शामिल कैश किए जा सकते हैं: उदा।

• छवियाँ (GIF, JPG, PNG)
• सीएसएस स्टाइलशीट
• जावास्क्रिप्ट/JSON फ़ाइलें
• ऑडियो
• वीडियो
• आदि

कुंजी सही HTTP प्रतिक्रिया हेडर सेट कर रही है ताकि उन्हें तब तक कैश किया जा सके जब तक आप उन्हें बनना चाहते हैं।

//PHP style, other server lang syntaxes will vary 
header("Cache-Control: max-age=31536000"); //365 days 

आप गारंटी नहीं दे सकते कि अंत उपयोगकर्ता उन्हें कैश में रखना होगा, लेकिन कैश नियंत्रण हेडर ब्राउज़र कितनी देर तक वे कर सकते हैं उनके लिए रख बताओ।

दुर्भाग्य से कुछ उपयोगकर्ताओं को अपने ब्राउज़र बंद करने पर कैश फ्लश करने के लिए, या केवल एक बहुत छोटा कैश को बनाए रखने के लिए कॉन्फ़िगर किया गया है। आप अपने उपयोगकर्ताओं बातें अच्छी तरह से कैशिंग कर रहे हैं देखने के लिए अपने वेब सर्वर लॉग/आंकड़ों पर नज़र रखने कर सकते हैं।