வலைத்தள செயல்திறன் உள்ளடக்கத்துடன் தொடங்குகிறது.

சொத்து விதிகளை ஆரம்பத்தில் அமைக்கவும்.

உள்ளடக்க நூலகம் வளர்வதற்கு முன்பே படங்களின் அளவுகள், வடிவங்கள் மற்றும் தர இலக்குகளை வரையறுக்கவும். புகைப்படங்கள், தயாரிப்பு படங்கள் மற்றும் ஆசிரியர் விளக்கப்படங்களை உள்ளடக்கவும். பக்கங்களில் சேர்க்கும் முன் சொத்துக்களை மேம்படுத்தவும், அசல் மாஸ்டர்களை பொது விநியோக பாதையில் இருந்து வெளியே வைக்கவும்.

இலக்கு, படங்கள் உண்மையில் காட்சிப்படுத்தப்படும் அளவில் தெளிவாக இருப்பதாகும். பெரிய அசல் கோப்புகளை ஒவ்வொரு பார்வையாளருக்கும் அனுப்புவது, காணக்கூடிய முடிவை மேம்படுத்தாமல் நெட்வொர்க்கிற்கு வேலையை உருவாக்குகிறது.

மொபைலுக்கு அதன் சொந்த அமைப்பை வழங்கவும்.

சிறிய கோப்பு எப்போதும் பயன்படுத்தக்கூடிய மொபைல் படமாக இருக்காது. குறுகிய கிராப்பில் பொருள், உரை இடம் மற்றும் குவியப் புள்ளியைச் சரிபார்க்கவும். டெஸ்க்டாப் கலைப்படைப்பு பரந்த வெற்று இடத்தை (negative space) சார்ந்து இருந்தால், ஒரு தனி அமைப்பு தேவைப்படலாம்.

ரெஸ்பான்சிவ் பட விருப்பங்கள், காட்சிப்படுத்தலுக்கு ஏற்ற வளத்தை உலாவியால் தேர்ந்தெடுக்க அனுமதிக்கின்றன. web.dev, வழங்கப்படும் பட பரிமாணங்கள் மற்றும் சாதனம் ஆகியவற்றுக்கு இடையேயான பொருத்தத்தை இது எவ்வாறு மேம்படுத்துகிறது என்பதை விளக்குகிறது.

பக்கத்தை ஒரு தொடர்வரிசையாக மதிப்பாய்வு செய்யவும்.

ஹீரோவை முன்னிலைப்படுத்தவும், தொலைதூர சொத்துக்களை தேவைப்படும் வரை தாமதப்படுத்தவும். வீடியோ, இடைநிலை கேலரிகள் மற்றும் அனிமேஷனின் செலவைச் சரிபார்க்கவும், பார்வையாளர் குறைந்த இயக்கத்தை (reduced motion) விரும்பும்போது என்ன நடக்கிறது என்பதையும் உள்ளடக்கவும்.

ஒன்றுக்கு மேற்பட்ட வியூபோர்ட்களில் (viewports) உண்மையான உள்ளடக்கத்துடன் சோதிக்கவும். பட டிகோடிங், லேஅவுட் நகர்வு, உடைந்த சொத்துக்கள் மற்றும் இடைநிலை செயல்பாடுகளை ஒன்றாக மதிப்பாய்வு செய்யவும்; பக்கம் தெளிவாகத் தொடர்பு கொள்ளாவிட்டால், சிறிய கோப்பு ஒரு வெற்றிகரமான மேம்பாடாகாது.

மேலும் படிக்க.

ரெஸ்பான்சிவ் பட விநியோகம்

பிரீஃபை நடைமுறையில் பயன்படுத்துங்கள்.

டிஜிட்டல் தயாரிப்பு வளர்ச்சி · உங்கள் வணிகம் செய்ய வேண்டிய வேலை பற்றி விவாதிக்கவும்.