कुल नेटवर्क बाइट को कम से कम करने के लिए, टेक्स्ट पर आधारित संसाधनों को कंप्रेस करने की सुविधा के साथ दिया जाना चाहिए. आपकी लाइटहाउस रिपोर्ट के 'ऑपर्च्यूनिटी' सेक्शन में, टेक्स्ट पर आधारित ऐसे सभी रिसॉर्स की सूची होती है जिन्हें कंप्रेस नहीं किया गया है:
लाइटहाउस, टेक्स्ट कंप्रेशन को कैसे मैनेज करता है
लाइटहाउस उन सभी जवाबों को इकट्ठा करता है जो:
- टेक्स्ट पर आधारित संसाधन टाइप का होना चाहिए.
br
,gzip
याdeflate
पर सेट किया गयाcontent-encoding
हेडर शामिल न करें.
इसके बाद, लाइटहाउस इनमें से हर एक को GZIP की मदद से कंप्रेस करता है, ताकि संभावित बचत का हिसाब लगाया जा सके.
अगर किसी जवाब का ओरिजनल साइज़ 1.4KiB से कम है या संपीड़न की संभावित बचत, ओरिजनल साइज़ के 10% से कम है, तो Lighthouse उस जवाब को नतीजों में फ़्लैग नहीं करता.
अपने सर्वर पर, टेक्स्ट कंप्रेस करने की सुविधा चालू करें
इस ऑडिट को पास करने के लिए, इन रिस्पॉन्स को दिखाने वाले सर्वर पर टेक्स्ट कंप्रेस करने की सुविधा चालू करें.
जब कोई ब्राउज़र किसी रिसॉर्स के लिए अनुरोध करता है, तो वह Accept-Encoding
एचटीटीपी अनुरोध हेडर का इस्तेमाल करके यह बताता है कि उस रिसॉर्स के लिए कौनसे कंप्रेशन एल्गोरिदम काम करते हैं.
Accept-Encoding: gzip, compress, br
अगर ब्राउज़र Brotli (br
) के साथ काम करता है, तो आपको Brotli का इस्तेमाल करना चाहिए. ऐसा इसलिए, क्योंकि यह दूसरे कंप्रेशन एल्गोरिदम के मुकाबले रिसॉर्स की फ़ाइल का साइज़ कम कर सकता है. how to enable Brotli compression in <X>
खोजें. यहां
<X>
आपके सर्वर का नाम है. दिसंबर 2022 से Brotli, iOS पर Safari को छोड़कर सभी बड़े ब्राउज़र पर काम करता है. अपडेट के लिए, ब्राउज़र के साथ काम करने की सुविधा देखें.
GZIP का इस्तेमाल Brotli में फ़ॉलबैक के तौर पर करें. GZIP सभी बड़े ब्राउज़र में काम करता है, लेकिन Brotli की तुलना में कम कारगर है. उदाहरण के लिए, सर्वर कॉन्फ़िगरेशन देखें.
आपके सर्वर को Content-Encoding
एचटीटीपी रिस्पॉन्स हेडर दिखाना चाहिए, ताकि यह पता चल सके कि सर्वर ने किस कंप्रेशन एल्गोरिदम का इस्तेमाल किया है.
Content-Encoding: br
रिस्पॉन्स कंप्रेशन की जांच करना
यह देखने के लिए कि सर्वर ने रिस्पॉन्स को कंप्रेस किया है या नहीं:
DevTools खोलने के लिए, Control+Shift+J
या Mac पर Command+Option+J
दबाएं.
नेटवर्क टैब पर क्लिक करें.
- DevTools खोलने के लिए, Control+Shift+J (या Mac पर Command+Option+J) दबाएं.
- नेटवर्क टैब पर क्लिक करें.
- आपको जिस अनुरोध की वजह से जवाब मिला है उस पर क्लिक करें.
- हेडर टैब पर क्लिक करें.
- रिस्पॉन्स हेडर सेक्शन में,
content-encoding
हेडर देखें.
किसी रिस्पॉन्स के कंप्रेस किए गए और डीकंप्रेस किए गए साइज़ की तुलना करने के लिए:
- DevTools खोलने के लिए, Control+Shift+J (या Mac पर Command+Option+J) दबाएं.
- नेटवर्क टैब पर क्लिक करें.
- अनुरोध वाली बड़ी लाइनों को चालू करें. अनुरोधों की बड़ी लाइनों का इस्तेमाल करना देखें.
- आपको जिस जवाब में दिलचस्पी है उसे देखने के लिए, साइज़ कॉलम देखें. सबसे ऊपर की वैल्यू, कंप्रेस की गई साइज़ होती है. सबसे नीचे मौजूद वैल्यू, डिकंप्रेस की गई साइज़ होती है.
नेटवर्क पेलोड कम और कंप्रेस करना भी देखें.
स्टैक के लिए सलाह
- Joomla: Gzip पेज कंप्रेस करने की सेटिंग (सिस्टम > ग्लोबल कॉन्फ़िगरेशन > सर्वर) चालू करें.
- WordPress: अपने वेब सर्वर कॉन्फ़िगरेशन में टेक्स्ट कंप्रेस करने की सुविधा चालू करें.