वेब प्रदर्शन अनुकूलन

आप क्या सीखेंगे

• Core Web Vitals (LCP, INP, CLS) समझा सकेंगे और हर एक के targets तय कर सकेंगे।
• Load time घटाने के लिए images, fonts, CSS और JavaScript optimize कर सकेंगे।
• Delivery तेज़ करने के लिए caching, CDN, HTTP/2–3 और resource hints लागू कर सकेंगे।
• DevTools, Lighthouse, WebPageTest और RUM से bottlenecks diagnose कर सकेंगे।
• Performance budgets सेट कर सकेंगे और CI में regressions रोक सकेंगे।

पाठ्यक्रम

मॉड्यूल 1: शुरुआत

1. प्रदर्शन क्यों महत्वपूर्ण है

मॉड्यूल 2: आधार

1. मुख्य वेब जीवन संकेत
2. प्रदर्शन मेट्रिक्स की बुनियादें

मॉड्यूल 3: मुख्य अनुकूलन

1. छवि अनुकूलन
2. संपत्ति संपीड़न और छोटा करना
3. कैशिंग रणनीतियां

मॉड्यूल 4: डेटा वितरण

1. HTTP/2 और HTTP/3
2. CDN उपयोग और अनुकूलन

मॉड्यूल 5: डिजाइन और आर्किटेक्चर

1. कोड विभाजन और बंडलिंग
2. आलसी लोडिंग और अनंत स्क्रॉल
3. महत्वपूर्ण रेंडरिंग पथ

मॉड्यूल 6: अनुकूलन तकनीकें

1. JavaScript अनुकूलन
2. CSS अनुकूलन
3. फ़ॉन्ट अनुकूलन
4. वीडियो अनुकूलन

मॉड्यूल 7: माप और गुणवत्ता

1. Chrome DevTools और Performance API
2. Lighthouse स्कोरिंग और ऑडिट
3. WebPageTest और वास्तविक दुनिया परीक्षण

मॉड्यूल 8: उपकरण और निगरानी

1. संसाधन संकेत और पूर्वलोडिंग
2. सर्विस वर्कर्स और ऑफ़लाइन समर्थन
3. प्रदर्शन निगरानी और बजट

मॉड्यूल 9: उन्नत अनुकूलन

1. उन्नत प्रदर्शन तकनीकें
2. प्रदर्शन सर्वोत्तम प्रथाएं

मॉड्यूल 10: संशोधन और महारत

1. सामान्य प्रदर्शन नुकसान
2. साक्षात्कार प्रश्न और व्यावहारिक परिदृश्य