वह एक बदलाव जो सच में धीमी वेबसाइट को तेज़ बना देता है

पेज धीमा क्यों लगता है, असली वजह अक्सर यही होती है

किसी भी वेबसाइट का स्पीड टेस्ट करें, ज्यादातर लोड टाइम इमेज की वजह से ही होता है — न कि जावास्क्रिप्ट या सर्वर रिस्पॉन्स की वजह से, बल्कि फोटो की असली बाइट्स डाउनलोड होने में लगने वाले समय की वजह से। यह बात आसानी से नज़रअंदाज़ हो जाती है क्योंकि इमेज खुद खराब नहीं होतीं — बस अपलोड करने से पहले ऑप्टिमाइज़ नहीं की गई होतीं, इसलिए हर विज़िटर जरूरत से दो-तीन गुना बड़ी फाइल डाउनलोड करता है।

यह सिर्फ धीमा महसूस होने से आगे की बात है — पेज स्पीड गूगल के रैंकिंग सिस्टम में Core Web Vitals के जरिए एक नापी जाने वाली चीज़ है, और भारी हीरो इमेज खराब Largest Contentful Paint स्कोर की सबसे आम वजहों में से एक है।

सिर्फ WebP ही क्यों, "JPG को और ज्यादा कम्प्रेस करो" क्यों नहीं

JPG की क्वालिटी सेटिंग घटाकर आप उसे हमेशा छोटा कर सकते हैं, लेकिन एक हद के बाद यह इमेज को साफ नज़र आने लायक खराब करने लगता है — धब्बेदार आसमान, धुंधला टेक्स्ट, ब्लॉकी कम्प्रेशन दाग। WebP का फायदा यह है कि यह उसी विज़ुअल क्वालिटी पर काफी छोटी फाइल देता है, JPEG के दशकों पुराने तरीके से कहीं बेहतर, आधुनिक कम्प्रेशन एल्गोरिदम की वजह से। गूगल के अपने प्रकाशित आंकड़ों के मुताबिक, एक जैसी क्वालिटी पर आमतौर पर 25-35% तक बचत होती है — यह असल में मुफ्त की बचत है, क्वालिटी की कुर्बानी नहीं।

पहले ब्राउज़र सपोर्ट को लेकर WebP इस्तेमाल करने में हिचक होती थी, लेकिन यह चिंता अब पुरानी हो चुकी है — हर बड़ा ब्राउज़र 2020 या उससे पहले से WebP दिखाना सपोर्ट करता है, जो आज लगभग सारे असली ट्रैफिक को कवर करता है।

बिना कुछ बिगाड़े इसे सुरक्षित तरीके से लागू करना

आम और कम-जोखिम वाला तरीका यह है कि अपनी असली JPG रखें और उनके साथ HTML `<picture>` एलिमेंट का इस्तेमाल करके WebP भी जोड़ें — जो ब्राउज़र WebP सपोर्ट करता है उसे अपने आप छोटी फाइल मिल जाती है, और जो नहीं करता वह बिना किसी दिखने वाले फर्क के JPG पर वापस चला जाता है। इसका मतलब है कि आपको अपनी सारी JPG बदलने या कोई अनदेखी गड़बड़ी होने का जोखिम उठाने की जरूरत नहीं।

छोटी वेबसाइट या किसी एक इमेज के लिए, सिर्फ उन्हीं इमेज को कन्वर्ट करना जो लोड स्पीड के लिए सबसे ज्यादा मायने रखती हैं (आमतौर पर सबसे ऊपर दिखने वाली सबसे बड़ी हीरो/बैनर इमेज), पूरी इमेज लाइब्रेरी को एक साथ छुए बिना ज्यादातर फायदा दे देता है।

कन्वर्ट करने के बाद क्या चेक करें

लगभग 80% या उससे ज्यादा की क्वालिटी सेटिंग पर WebP और JPEG के बीच का फर्क खुली आँखों से पकड़ना सच में मुश्किल हो जाता है, फिर भी फाइल-साइज़ का ज्यादातर फायदा मिल जाता है — जब तक आप जानबूझकर बहुत छोटा साइज़ पाने के लिए थोड़ी क्वालिटी की कुर्बानी देने को तैयार न हों, इससे नीचे जाने की कोई खास वजह नहीं है।