पृष्ठ भार में छवियों का सबसे बड़ा योगदान है। 5-10 तस्वीरों वाला एक गैर-अनुकूलित ब्लॉग पोस्ट आसानी से 5 एमबी से अधिक हो सकता है, कोर वेब वाइटल्स स्कोर को नष्ट कर सकता है और आगंतुकों को दूर कर सकता है। यहां बताया गया है कि इसे कैसे ठीक किया जाए।
मुख्य विवरण: Google शोध से पता चलता है कि 53% मोबाइल उपयोगकर्ता उन पेजों को छोड़ देते हैं जिन्हें लोड होने में 3 सेकंड से अधिक समय लगता है। अधिकांश WordPress साइटों पर कुल पृष्ठ भार के 50-70% के लिए छवियां जिम्मेदार हैं।
विकल्प 1: WordPress प्लगइन्स (स्वचालित)
सबसे आसान तरीका एक कंप्रेशन प्लगइन स्थापित करना है जो अपलोड होने पर छवियों को स्वचालित रूप से अनुकूलित करता है।
सर्वश्रेष्ठ WordPress छवि संपीड़न प्लगइन्स
| प्लगइन | फ्री टियर | वेबपी सपोर्ट | बल्क ऑप्टिमाइज़ |
|---|---|---|---|
| शॉर्टपिक्सल | 100 छवियाँ/माह | हाँ | हाँ |
| स्मश | 50 छवियाँ/बैच | केवल प्रो | हाँ |
| कल्पना कीजिए | 20 एमबी/माह | हाँ | हाँ |
| EWWW इमेज ऑप्टिमाइज़र | असीमित (बेसिक) | हाँ | हाँ |
✅ सिफ़ारिश
शॉर्टपिक्सल मुफ्त कोटा, गुणवत्ता और वेबपी जेनरेशन का सर्वोत्तम संतुलन प्रदान करता है। यदि आप थोड़े कम आक्रामक अनुकूलन के साथ असीमित मुक्त संपीड़न चाहते हैं तो EWWW आदर्श है।
विकल्प 2: अपलोड करने से पहले कंप्रेस करें (मैन्युअल)
अधिक नियंत्रण के लिए, WordPress पर अपलोड करने से पहले छवियों को संपीड़ित करें:
- अपनी थीम की सामग्री चौड़ाई के अनुसार छवियों का आकार बदलें (आमतौर पर 1200-1600px चौड़ा)
- ब्राउज़र-आधारित टूल जैसे छवि को संपीड़ित करें से 75-82% गुणवत्ता पर संपीड़ित करें
- यदि आपकी थीम इसका समर्थन करती है तो WebP में कनवर्ट करें
- अनुकूलित संस्करण को WordPress पर अपलोड करें
यह दृष्टिकोण आपको गुणवत्ता पर पूर्ण नियंत्रण देता है और आपके सर्वर को गैर-अनुकूलित मूल से साफ़ रखता है।
विकल्प 3: सर्वर-साइड/सीडीएन अनुकूलन
क्लाउडफ्लेयर पॉलिश, इमेजिक्स, या क्लाउडिनरी जैसी सेवाएं सीडीएन किनारे पर ऑन-द-फ्लाई छवियों को अनुकूलित कर सकती हैं:
- क्लाउडफ्लेयर पोलिश - प्रो प्लान ($20/माह) और उससे ऊपर के लिए स्वचालित संपीड़न
- मेघमय - 25 हजार मासिक ट्रांसफॉर्मेशन के साथ निःशुल्क टियर
- imgix — वास्तविक समय छवि प्रसंस्करण एपीआई, उपयोग-आधारित मूल्य निर्धारण
आवश्यक WordPress छवि सेटिंग्स
- आलसी लोडिंग जोड़ें: WordPress 5.5+ जोड़ता है
loading="lazy"डिफ़ॉल्ट रूप से, लेकिन सत्यापित करें कि आपकी थीम इसे ओवरराइड नहीं करती है - सही आयाम सेट करें: सदैव सम्मिलित करें
widthऔरheightविशेषताएँ चालू<img>टैग (सीएलएस) - अप्रयुक्त आकार अक्षम करें: WordPress एकाधिक थंबनेल आकार उत्पन्न करता है। उन आकारों को अक्षम करें जिनका आप उपयोग नहीं करते हैं
functions.php - वेबपी परोसें: एक प्लगइन का उपयोग करें या
.htaccessसहायक ब्राउज़रों को WebP प्रदान करने के नियम
प्रभाव को मापना
अनुकूलन के बाद, अपने परिणामों का परीक्षण करें:
- गूगल पेजस्पीड इनसाइट्स - एलसीपी की जांच करें और "अगली पीढ़ी के प्रारूपों में छवियां परोसें" ऑडिट करें
- GTmetrix — झरना दृश्य व्यक्तिगत छवि लोड समय दिखा रहा है
- WebPageTest — छवि प्रारूप और आकार के आधार पर विस्तृत विवरण
🔧 अपलोड करने से पहले छवियों को संपीड़ित करें - निःशुल्क और निजी
अपनी WordPress छवियां यहां डालें और सेकंडों में अनुकूलित संस्करण प्राप्त करें। किसी प्लगइन की आवश्यकता नहीं, आपके ब्राउज़र में चलता है।
कंप्रेस इमेज खोलें →निष्कर्ष
सबसे तेज़ WordPress छवि वर्कफ़्लो सुरक्षा के लिए एक प्लगइन के साथ प्री-अपलोड संपीड़न को जोड़ता है। अपनी सामग्री की चौड़ाई के अनुसार आकार बदलें, 75-82% गुणवत्ता पर संपीड़ित करें, वेबपी में कनवर्ट करें, और प्लगइन को आपके द्वारा छूटी हुई किसी भी चीज़ को पकड़ने दें। आपका कोर वेब वाइटल्स आपको धन्यवाद देगा।