पृष्ठगति अनुकूलन — 2026 मा तपाइँको वेबसाइटलाई छिटो बनाउनुहोस्
किन गति एक रैंकिंग कारक हो
गुगलले पुष्टि गरेको छ कि पृष्ठ गति रैंकिंगमा प्रभाव पार्छ। ढिलो पृष्ठहरूले प्रयोगकर्ताहरुलाई निराश बनाउँछन्, र गुगल उत्कृष्ट अनुभव प्रदान गर्न चाहन्छ। गुगलको तथ्याङ्कले देखाउँछ कि लोड समय १ देखि ३ सेकेण्डमा गएका बेला प्रयोगकर्ता जानको सम्भावना ३२% ले बढ्छ।
तर यो केवल रैंकिंगको बारेमा होइन। गति तपाइँको नठ्याकमा सिधै प्रभाव पार्छ:
- रूपान्तरण — लोड समयको प्रत्येक अतिरिक्त सेकेण्डले रूपान्तरणलाई ७% ले घटाउँछ
- बाउन्स दर — ३ सेकेण्डभन्दा बढी लोड हुने पृष्ठमा ५३% मोबाइल प्रयोगकर्ताहरू जान्छन्
- प्रयोगकर्ता अनुभव — छिटो पृष्ठहरू व्यावसायिक र विश्वसनीय महसुस हुन्छन्
कोर वेब भिटल्स — गुगलको गति मेट्रिक्स
गुगलले गति मापन गर्न तीन कोर वेब भिटल्स मेट्रिक्स प्रयोग गर्दछ:
LCP — सबैभन्दा ठूलो सामग्री पेन्ट
सर्वाधिक दृश्य तत्व (सामान्यतया चित्र वा शिर्षक) लोड हुन सकिने समय मापन गर्दछ।
- सस्तो: २.५ सेकेण्ड भन्दा कम
- सुधार आवश्यक: २.५ — ४.० सेकेण्ड
- खराब: ४.० सेकेण्ड भन्दा बढी
INP — अर्को पेन्टमा अन्तरक्रिया
प्रयोगकर्ताले अन्तरक्रिया गर्दा (क्लिक, लेख्छ, स्क्रोल) पृष्ठ कति चाँडो प्रतिक्रिया दिन्छ भन्ने कुरा मापन गर्दछ।
- सस्तो: २०० मिलिसेकेण्ड भन्दा कम
- सुधार आवश्यक: २०० — ५०० मिलिसेकेण्ड
- खराब: ५०० मिलिसेकेण्ड भन्दा बढी
CLS — संचित लेआउट सिफ्ट
लोड गरिँदा लेआउट कति परिवर्तन हुन्छ भन्ने कुरा मापन गर्दछ। तपाईलाई थाहा छ — तपाईले केहि क्लिक गर्न चाहानुहुन्छ, तर अचानक सामग्री सर्न छ र तपाई अर्को केहि थिच्नुहुन्छ।
- सस्तो: ०.१ भन्दा कम
- सुधार आवश्यक: ०.१ — ०.२५
- खराब: ०.२५ भन्दा बढी
१० ठोस अनुकूलन सुझावहरू
१. चित्रहरूको अनुकूलन गर्नुहोस्
चित्र सामान्यतया सबैभन्दा ठूलो अपमानक हुन्छ। WebP वा AVIF जस्ता आधुनिक ढाँचाहरू प्रयोग गर्नुहोस्, जसले दृश्य गुणस्तरमा क्षति नगरी फाइल साइजलाई ३०-५०% ले घटाउन सक्छ।
- सम्पूर्ण चित्रहरू अपलोड गर्नु अघि कम्प्रेस गर्नुहोस्
- प्रारम्भिक लोडमा नदेखिने चित्रहरूमा
loading="lazy"प्रयोग गर्नुहोस् - CLS टाल्न
widthरheightसधैं निर्दिष्ट गर्नुहोस् - विभिन्न स्क्रिन आकारको लागि
srcsetसहितको उत्तरदायी चित्रहरू प्रयोग गर्नुहोस्
२. CSS र JavaScript लाई मिनिफाई गर्नुहोस्
तपाईंको CSS र JS फाइलहरूबाट नउपयोग गरिएका कोड, खाली स्थान, र टिप्पणीहरू हटाउनुहोस्। अधिकांश निर्माण उपकरणहरूले यसलाई स्वचालित रूपमा गर्छन्, तर यो उत्पादनमा साँच्चै भएको छ भनेर जाँच गर्नुहोस्।
३. संकुचन सक्षम गर्नुहोस्
तपाईंको सर्भरले Gzip वा Brotli संकुचनका साथ फाइलहरू पठाउँछ भनी सुनिश्चित गर्नुहोस्। यसले फाइल साइजलाई ७०% ले घटाउन सक्छ।
४. ब्राउजर क्यासिङ प्रयोग गर्नुहोस्
ब्राउजर स्थायी फाइलहरू (CSS, JS, चित्र) स्थानिय रूपमा स्टोर गर्ने Cache-Control हेडर सेट गर्नुहोस्। प्रयोगकर्ता फेरि भेट्दा, यी फाइलहरू फेरि डाउनलोड गर्न आवश्यक छैन।
५. सर्भरको प्रतिक्रिया समय घटाउनुहोस्
तपाईंको सर्भरको प्रतिक्रिया समय (पहिलो बाइटको लागि समय, TTFB) २०० मिलिसेकेण्डभन्दा कम हुनुपर्छ। समाधानहरू:
- छिटो होस्टिङ प्रदायक प्रयोग गर्नुहोस्
- सर्भर-पक्ष क्यासिङ सक्षम गर्नुहोस्
- डेटाबेस प्रश्नहरू अनुकूलन गर्नुहोस्
- प्रयोगकर्तासँग नजिकका सर्भरबाट स्थिर फाइलहरू सेवा गर्न CDN प्रयोग गर्नुहोस्
६. गैर-गम्भीर JavaScript लाई ढिलाइ गर्नुहोस्
प्रारम्भिक दृश्यको लागि आवश्यक नहुनु भएको JavaScript ले async वा defer सँग असिंक्रोनस रूपमा लोड हुनुपर्छ। यो सामान्यतया विश्लेषणात्मक, च्याट विजेट, र सामाजिक मिडिया एम्बेडहरूको सामेल हुन्छ।
७. महत्वपूर्ण स्रोतहरू प्रीलोड गर्नुहोस्
प्रारम्भिक दृश्यका लागि आवश्यक फन्ट, CSS, र चित्रहरूको लागि प्रयोग गर्नुहोस्। यसले ब्राउजरलाई यी फाइलहरूलाई प्राथमिकता दिन बताउँछ।
८. रेंडर-ब्लकिङ स्रोतहरू हटाउनुहोस्
भित्रको CSS र JavaScript ले पृष्ठ रेंडरिङलाई रोक्छ। गैर-गम्भीर CSS लाई तल सार्नुहोस्, र प्रारम्भिक दृश्यको लागि आवश्यक CSS (गम्भीर CSS) लाई इनलाइन गर्नुहोस्।
९. CDN प्रयोग गर्नुहोस्
एक सामग्री वितरण नेटवर्कले तपाईंका फाइलहरू विश्वभरि सर्भरमा वितरण गर्दछ। प्रयोगकर्ताहरू नजिकको सर्भरबाट डाउनलोड गर्छन्, जसले लेटेनसीलाई महत्त्वपूर्ण रूपमा घटाउँछ।
१०. वेब फन्टहरूको अनुकूलन गर्नुहोस्
अनुकूलित फन्टहरूले टेक्स्ट प्रदर्शनमा ढिलाइ गर्न सक्छन्:
font-display: swapप्रयोग गर्नुहोस् ताकि टेक्स्टले अनुकूलित फन्ट लोड हुनु अघि एक फिर्ता फन्टसँग देखियोस्- तपाईले प्रयोग गर्ने क्यारेक्टरहरूमा मात्र फन्टहरूलाई उपसमूह बनाउनुहोस्
- सबैभन्दा महत्त्वपूर्ण फन्टहरू प्रीलोड गर्नुहोस्
- शरीरको टेक्स्टका लागि प्रणालीको फन्टहरू विचार गर्नुहोस्
तपाइँको गति कसरी परीक्षण गर्ने
गुगल पृष्ठगति इनसाइट्स
गुगलको आधिकारिक उपकरण। यो तपाईंलाई प्रयोगात्मक डेटा (अनुकृत) र क्षेत्र डेटा (वास्तविक प्रयोगकर्ताहरू) दुबै दिन्छ साथै ठोस सुधारका सुझावहरू।
क्रोम DevTools
DevTools (F12) खोल्नुहोस्, "प्रदर्शन" प्यानलमा जानुहोस् र पृष्ठ लोड रेकर्ड गर्नुहोस्। तपाईले कति समय लाग्छ र कुन क्रमले फाइलहरू लोड हुन्छन् भन्ने कुरा देख्न सक्नुहुन्छ।
वेबपृष्ठ परीक्षण
अधिक विकसित परीक्षण उपकरण जुन तपाईलाई विभिन्न स्थान र जडानको गतिबाट परीक्षण गर्न अनुमति दिन्छ। यसले विस्तृत जलप्रपात आरेखहरू प्रदान गर्दछ।
प्राथमिकता — यहाँबाट शुरू गर्नुहोस्
यदि तपाईले ध्यान केन्द्रित गर्न तीन कुरा छनोट गर्नुपर्दा:
- चित्रहरू — कम्प्रेस गर्नुहोस् र WebP मा रूपान्तरण गर्नुहोस्। सबैभन्दा ठूलो प्रभाव र कम प्रयास।
- क्यासिङ — सही Cache-Control हेडर सेट गर्नुहोस्। एक पटकको सेटअप।
- JavaScript — गम्भीर नभएको सबैलाई ढिलाइ गर्नुहोस्। तेस्रो-पक्ष स्क्रिप्टहरू घटाउनुहोस्।
के तपाई जान्न चाहानुहुन्छ कि तपाइँको साइट कसरि प्रदर्शन गर्छ? नि:शुल्क अडिट चलाउनुहोस् र तपाइँका कोर वेब भिटल्स र गति स्कोरलाई जाँच गर्नुहोस्।