• स्वचालित छवि अनुकूलन:

Next.js नेक्स्ट/इमेज घटक प्रदान करता है, जो डिवाइस के आकार और स्क्रीन रिज़ॉल्यूशन के आधार पर छवियों को स्वचालित रूप से अनुकूलित करता है। यह सुनिश्चित करता है कि उपयोगकर्ताओं को उचित छवि गुणवत्ता प्राप्त हो।

• प्रतिक्रियाशील छवियाँ:

प्रतिक्रियाशील छवि व्यवहार को परिभाषित करने के लिए अगली/छवि घटक की लेआउट विशेषता का उपयोग करें, जिससे छवियों को विभिन्न स्क्रीन आकारों में सहजता से समायोजित किया जा सके।

• आलसी लोडिंग:

अगले/छवि घटक में लोडिंग विशेषता का उपयोग करके डिफ़ॉल्ट रूप से आलसी लोडिंग लागू करें। यह ऑफ-स्क्रीन छवियों की लोडिंग को विलंबित करता है, जिसके परिणामस्वरूप प्रारंभिक पृष्ठ तेजी से लोड होता है।

• छवि प्रारूप:

आधुनिक ब्राउज़रों के लिए वेबपी जैसे उपयुक्त छवि प्रारूप चुनें, क्योंकि वे पारंपरिक प्रारूपों की तुलना में बेहतर संपीड़न और गुणवत्ता प्रदान करते हैं।

• तह के ऊपर वाली छवियों को प्राथमिकता दें

पहले उन छवियों को लोड करें जो तह के ऊपर दिखाई देती हैं, जो आपकी वेबसाइट के कथित प्रदर्शन को बढ़ाती हैं।