आपकी वेबसाइट के फ़ॉन्ट
कितने तेज़ हैं?
धीमी फ़ॉन्ट लोडिंग उपयोगकर्ता के अनुभव को खराब करती है।
FreeImgFix की स्थानीय निदान तकनीक के साथ सुरक्षा की चिंता किए बिना तुरंत अनुकूलन करें।
व्यापक रिपोर्ट
दर्ज किए गए URL के फ़ॉन्ट लोडिंग और रेंडरिंग मेट्रिक्स।
फ़ॉन्ट रेंडरिंग समय
लेआउट स्थिरता (CLS)
संभावित बचत
अनुकूलित कोड स्निपेट
<!-- LCP सुधार के लिए प्रीलोड -->
<link rel="preload" href="/fonts/main-font.woff2"
as="font" type="font/woff2" crossorigin>
<style>
@font-face {
font-family: 'BrandFont';
font-display: swap; /* झिलमिलाहट रोकें */
font-weight: 400;
}
</style>
* इस कोड को अपने <head> टैग के सबसे ऊपर रखने से लोडिंग गति में सुधार होगा।
चेकलिस्ट
-
WOFF2 फॉर्मेट का उपयोग करें
-
अनावश्यक फ़ॉन्ट-वेट हटाएँ
-
सिस्टम फ़ॉन्ट स्टैक को प्राथमिकता दें
-
हिन्दी सबसैटिंग लागू करने पर विचार करें
लोडिंग पॉलिसी सिम्युलेटर
font-display गुण के साथ लोडिंग व्यवहार को समझें।
प्रदर्शन ही बेहतरीन डिज़ाइन की नींव है।
गति ही सबसे बेहतरीन
डिज़ाइन है
देखें कि आपके द्वारा चुनी गई पॉलिसी के आधार पर यह टेक्स्ट कैसे व्यवहार करता है।
प्रदर्शन समाधान
FreeImgFix द्वारा प्रदान की गई विशेषज्ञ अनुकूलन तकनीकें।
सबसैटिंग (Subset)
हिन्दी फ़ॉन्ट का आकार बड़ा होता है। Subset तकनीक से केवल आवश्यक वर्णों को रखें और गति 10 गुना बढ़ाएँ।
प्रीलोड (Preload)
ब्राउज़र को फ़ॉन्ट पहले डाउनलोड करने के लिए कहें। यह First Paint के दौरान फ़ॉन्ट की कमी को दूर करता है।
वेरिएबल फ़ॉन्ट्स
एक ही फ़ाइल के साथ सभी फ़ॉन्ट-वेट प्रदर्शित करें। यह HTTP अनुरोधों को कम करता है और साइट लोड घटाता है।
अपनी वेबसाइट की
प्रतिस्पर्धात्मक बढ़त बढ़ाएँ
बिना किसी तकनीकी ज्ञान के प्रदर्शन में सुधार करें। यदि आपको यह पसंद आया, तो अपने सहयोगियों के साथ साझा करें!