अप्रयुक्त CSS हटाएं, JavaScript में देरी करें और WebP व AVIF प्रदान करें

1. एक बार में एक ही बदलाव का परीक्षण करें

   एसेट ऑप्टिमाइज़ेशन से यह बदल जाता है कि ब्राउज़र आपकी थीम की फ़ाइलें कैसे प्राप्त करता है। एक सेटिंग बदलें, साइट की जाँच करें, फिर आगे बढ़ें, ताकि किसी भी समस्या का एक स्पष्ट कारण हो।

2. CSS और JavaScript टैब खोलें

   WordPress में Zinn Digital®, Cache Pro, फिर CSS और JavaScript खोलें। छवियां उनके अपने टैब पर हैं।

3. सुरक्षित डिफ़ॉल्ट के साथ शुरुआत करें

   "सुरक्षित डिफ़ॉल्ट का उपयोग करें" को चालू रखें। यह jQuery या कुकी-सहमति बैनरों में कभी देरी नहीं करता है और चेकआउट पेजों को अप्रभावित छोड़ देता है।

4. JavaScript में विलंब करें, फिर अप्रयुक्त CSS को हटाएं

   आगंतुक द्वारा इंटरैक्शन करने तक जावास्क्रिप्ट को विलंबित करने का विकल्प चालू करें, सहेजें और साइन आउट की गई स्थिति में अपने मुख्य पृष्ठों की जाँच करें। फिर अप्रयुक्त सीएसएस हटाएं विकल्प चालू करें। यदि कुछ काम करना बंद कर देता है, तो उसकी स्क्रिप्ट या स्टाइलशीट को उन फ़ाइलों की सूची में जोड़ें जिन्हें छोड़ना नहीं है।

5. WebP और AVIF छवियां परोसें

   इमेज टैब पर WebP या AVIF चालू करें, फिर अपनी मौजूदा छवियों को बदलें। मूल छवियां वहीं रहती हैं जहां वे हैं, और एक क्लिक से हर परिवर्तित प्रति हट जाती है।

6. मिनिफ़ाई या कंबाइन करने का विकल्प क्यों नहीं है

   फ़ाइलों को संयोजित करने से HTTP/1.1 पर मदद मिलती थी लेकिन HTTP/2 और HTTP/3 पर पृष्ठ धीमे हो जाते हैं, और फ़ाइलों के संपीड़ित होने के बाद मिनिफाइंग केवल कुछ प्रतिशत ही बचाता है जबकि यह लेआउट बिगड़ने का सबसे आम कारण है। असली लाभ अप्रयुक्त CSS को हटाने और JavaScript में देरी करने में है।

अगला गाइड: WordPress डेटाबेस को साफ़ करें