सर्वर प्रतिक्रिया 103 Early Hints

HTTP स्थिति कोड 103 (Early Hints)

HTTP स्थिति कोड 103 (Early Hints) एक नया कोड है जो सर्वरों को ग्राहकों को संसाधनों के बारे में पूर्व-संकेत भेजने की अनुमति देता है। ये संसाधन उन अनुरोधों को पूरा करने के लिए आवश्यक हो सकते हैं, जिनका सर्वर अभी भी संसाधन कर रहा है। इसका मुख्य उद्देश्य पृष्ठ की लोडिंग समय को तेजी से करना है, क्योंकि ब्राउज़र मुख्य अनुरोध को पूरा करने से पहले संसाधनों को लोड करना शुरू कर सकते हैं।

स्थिति कोड 103 का कार्यप्रणाली

• यह HTTP अनुरोधों के संदर्भ में काम करता है, जहां सर्वर पहले से कुछ सुझाव भेजता है।
• यह ब्राउज़र को बताता है कि कौन से संसाधनों को जल्दी लोड करने की आवश्यकता हो सकती है।

प्रयोग में स्थिति कोड 103

स्थिति कोड 103 का उपयोग पृष्ठों की लोडिंग प्रक्रिया को बेहतर बनाने के लिए किया जा सकता है।

• उदाहरण 1: फ़ॉन्ट्स और शैलियों की पूर्व लोडिंग।
• उदाहरण 2: कैश किए गए संसाधनों का संकेत देना।

ब्राउज़र और ग्राहकों के साथ बातचीत

• ब्राउज़र स्थिति कोड 103 को कैसे संभालते हैं।
• विभिन्न ब्राउज़रों में स्थिति कोड 103 का समर्थन।

उदाहरण उपयोग

Node.js पर सर्वर पर कार्यान्वयन

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.writeHead(103, {'Link': '; rel=preload; as=style'});
    res.end('Hello World');
});

उपरोक्त कोड में, सर्वर एक 103 स्थिति कोड भेजता है जो ब्राउज़र को बताता है कि वह style.css को जल्दी लोड करे।

Python (Flask) पर सर्वर पर कार्यान्वयन

from flask import Flask, Response

app = Flask(__name__)

@app.route('/')
def index():
    headers = {'Link': '; rel=preload; as=style'}
    return Response("Hello World", status=103, headers=headers)

if __name__ == '__main__':
    app.run()

यह कोड एक समान तरीके से कार्य करता है, लेकिन Python (Flask) के साथ।

PHP पर सर्वर पर कार्यान्वयन

<?php
header("HTTP/1.1 103 Early Hints");
header("Link: ; rel=preload; as=style");
echo "Hello World";
?>

PHP के इस उदाहरण में भी, 103 स्थिति कोड के साथ फाइलों को जल्दी लोड करने के लिए संसाधनों को निर्दिष्ट किया गया है।

संभावित समस्याएं और उनके समाधान

• समस्या: ग्राहक स्थिति कोड 103 का समर्थन नहीं करता।
• समाधान: पुरानी ब्राउज़रों के लिए बैकअप योजना।

• समस्या: स्थिति कोड 103 का गलत उपयोग।
• समाधान: सामान्य गलतियों और उनके सुधारों को समझना।

सर्वर को 103 स्थिति कोड का समर्थन करने के लिए सही तरीके से सेट करना

• Nginx: add_header Link '; rel=preload; as=style';
• Apache: Header set Link "; rel=preload; as=style"

इन सामान्य सेटिंग्स के साथ, सर्वर को 103 स्थिति कोड का समर्थन करने के लिए आवश्यक रूप से कॉन्फ़िगर किया जा सकता है।

ब्राउज़र	स्थिति कोड 103 का समर्थन
Chrome	हां
Firefox	हां
Safari	नहीं
Edge	हां