हम www.ourwebsite.com टाइप करके यात्रा शुरू करते हैं, यह पेज के HTML को पुनः प्राप्त करने के लिए हमारे सर्वर को एक अनुरोध भेजेगा। इसलिए हमारा पहला काम इस पुनर्प्राप्ति को तेजी से करना है।

यह चरण एक मीट्रिक द्वारा दर्शाया गया है - टीटीएफबी, पहली बाइट का समय

टीटीएफबी सबसे महत्वपूर्ण नहीं है, लेकिन पहला होने के कारण इसका मतलब है कि यह आने वाले हर मीट्रिक को प्रभावित करेगा।

टीटीएफबी सर्वर साइड रेंडर की तुलना में क्लाइंट साइड रेंडर किए गए एप्लिकेशन में अधिक मायने रखता है, क्योंकि क्लाइंट पक्ष पूरी तरह से जेएस फाइलों पर निर्भर करता है।

सभी साइटों को 0.8 सेकंड या उससे कम के टीटीएफबी के लिए प्रयास करना चाहिए, आप टीटीएफबी को लाइटहाउस या अन्य प्रोफाइलिंग टूल से माप सकते हैं, इसे "प्रारंभिक सर्वर प्रतिक्रिया समय" के रूप में दिखाया जाएगा।

टीटीएफबी को अनुकूलित करने के कुछ तरीके यहां दिए गए हैं

• होस्टिंग - सुनिश्चित करें कि आपके पास अच्छा होस्टिंग प्रदाता है, पर्याप्त मेमोरी स्थान आवंटित करें, सर्वर सेटिंग्स कॉन्फ़िगर करें।

• स्थिर फ़ाइलों, जेएस, एचटीएमएल, सीएसएस और छवियों की सेवा के लिए सीडीएन का उपयोग करें।

• संसाधनों को टुकड़ों में भेजें

• रेंडर-महत्वपूर्ण संसाधनों के लिए 103 प्रारंभिक संकेत भेजें: "103 प्रारंभिक संकेत हेडर एक प्रारंभिक प्रतिक्रिया कोड है जिसे सर्वर ब्राउज़र पर भेज सकता है जबकि बैकएंड मार्कअप तैयार करने में व्यस्त है। इस हेडर का उपयोग संकेत देने के लिए किया जा सकता है ब्राउज़र को बताया गया है कि रेंडर-क्रिटिकल संसाधन मौजूद हैं, मार्कअप तैयार होने के दौरान पेज को डाउनलोड करना शुरू कर देना चाहिए।" Google, web.dev