ஒரு வலைத்தளத்தின் ஒரு மொபைல் பதிப்பு ஒவ்வொரு சாதனத்துடனும் இணக்கமற்றதாக இருப்பதால், மொபைல் வலைத்தள வடிவமைப்பு சிக்கலானது. உங்கள் மொபைல் இருப்பை அர்த்தமுள்ள மற்றும் பயனுள்ளது செய்ய வடிவமைப்பாளர்கள் சிறந்த வடிவமைப்பு நடைமுறைகள் பற்றி எச்சரிக்கையாக இருக்க வேண்டும்.
ஒரு மொபைல்-உகந்ததாக வலைத்தளத்தை உருவாக்கும் எந்த வழியையும் பற்றி டெவலப்பர்கள் மத்தியில் ஒரு தொடர்ச்சியான விவாதம் உள்ளது. ஒரு மொபைல் வலைத்தளம் உருவாக்க மூன்று முன்னணி முறைகள் உள்ளன.
இவை:
- பதிலளிக்க வலை வடிவமைப்பு.
- மொபைல் இணையதளங்களை அர்ப்பணிக்கப்பட்டது.
- RESS: சேவையக பக்க நிரலாக்க சாதனம் வகை பொறுத்து CSS மற்றும் HTML, வழங்குவதுமான.
ஒவ்வொரு முறையும் அதன் நன்மை தீமைகள். ஒரு வலை டெவலப்பர் சூழ்நிலைக்கு சிறந்த ஒன்றை செயல்படுத்த ஒவ்வொரு நுட்பத்தையும் பற்றி தெரிந்து கொள்ள வேண்டும்.
ஒரு மொபைல் வலைத்தளம் வடிவமைக்க 3 வழிகள்
பதிலளிக்க வலை வடிவமைப்பு (RWD)
RWD ஆனது, ஒரு ஊடகத்தின் வினவலின் அளவைக் கொண்டு வலைப்பக்கத்தின் தளவமைப்புகளை சீரமைக்க CSS3 மீடியா வினவல்களை நம்பியுள்ளது. மாத்திரைகள், மொபைல் சாதனங்கள், டெஸ்க்டாப் மற்றும் பிற கேஜெட்டுகளுக்கான வெவ்வேறு வலைப்பக்க அமைப்புகளை வழங்க அதே HTML குறியீடு பயன்படுத்தப்படுகிறது.
நன்மைகள்:
- உங்கள் வலைத்தளமானது இதே போன்ற உள்ளடக்கத்தையும் HTML மார்க்-அமையையும் வைத்திருக்கும், எனவே மொபைல் பார்வையாளர்கள் அதே அனுபவத்தைப் பெறுவார்கள், எந்த வகையான சாதனத்தை அவர்கள் பயன்படுத்துவதில்லை.
- பயனர்கள் உள்ளடக்கத்துடன் இணைக்க மற்றும் பகிர்ந்து கொள்ள ஒரு ஒற்றை URL எளிதாக்குகிறது. (வலைப்பக்கம் ஒன்றுக்கு மேற்பட்ட URL முகவரியின் கீழ் கிடைத்தால், பயனர்கள் குழப்பிவிடலாம்.)
குறைபாடுகள்:
மொபைல் உள்ளடக்கத்தை தனித்தனியாக தனிப்பயனாக்க முடியாது. எனவே, RWD ஐ பயன்படுத்தும் வடிவமைப்பாளரால் மொபைல் பயனர்களுக்கு தனியாக உள்ளடக்கத்தை வடிவமைக்க முடியாது.
HTTP காப்பகத்திலிருந்து ஜனவரி 2013 தரவுப்படி, சராசரியாக வலைப்பக்கமானது 1.3 MB ஆகும். இருப்பினும், பெரும்பாலான RWD தளங்கள் ஒப்பீட்டளவில் பெரியவை. இந்த பெரிய அளவு மொபைல் தளங்களின் செயல்திறனை குறைத்து, மெதுவாக செய்யும்.
மொபைல் பயனர்கள் மொபைல்-குறிப்பிட்ட பயனர் இடைமுக வடிவமைப்பு வடிவமைப்புகளுக்கு மிகவும் இணக்கமாக உள்ளனர். மேலும், மொபைல் பயனர்கள் பல-பணிக்கு பழக்கமில்லை. குறிப்பிட்ட சாதனங்களுக்கான வழிசெலுத்தல் அமைப்பு தனிப்பயனாக்கப்படவில்லை எனில், ஒரே நேரத்தில் பல பணிகளைச் செய்ய முயற்சிக்கும் போது பயனர்கள் சிக்கல்களை எதிர்கொள்ளலாம்.
அர்ப்பணிக்கப்பட்ட மொபைல் தளங்கள்
இந்த முறை மொபைல் பயனர்களின் அனுபவத்தை முற்றிலும் தனி வலைத்தள உருவாக்குவதன் மூலம் மேம்படுத்துகிறது.
நன்மைகள்:
- மேலாண்மை எளிமை: மொபைல் மற்றும் டெஸ்க்டாப் தளங்களுக்கான தனி மாற்றங்கள் தேவை. செய்யப்பட்ட மாற்றங்கள் ஒவ்வொன்றிற்கும் மட்டுமே வரையறுக்கப்பட்டுள்ளன. இதன் பொருள் மொபைல் மேடகிற்கான மாற்றங்கள் டெஸ்க்டாப்பில் இருந்து அணுகப்பட முடியாது.
- நீங்கள் மொபைல்-குறிப்பிட்ட வலைத்தளத்தை உருவாக்குகிறீர்கள் எனில், அந்த பார்வையாளர்களுக்காக குறிப்பாக அதை ஒழுங்குபடுத்துவது மற்றும் மேம்படுத்துவது எளிதாகிறது.
- உள்ளடக்க மற்றும் வழிசெலுத்தல் கட்டமைப்பை மொபைல் பயனர்களுக்கு தனிப்பயனாக்கலாம்.
குறைபாடுகள்:
சமூக வலைப்பின்னல் வழியாக வலைப்பக்கத்தை பகிர்ந்து கொள்வது கடினமாகிவிடும், ஏனெனில் அர்ப்பணித்துள்ள மொபைல் தளங்கள் பக்கங்களுக்கு பல URL கள் உள்ளன. டெஸ்க்டாப் பயனர்கள், சமூக ஊடக தளங்களில் பகிர்ந்துள்ள மொபைல் URL களில் கிளிக் செய்தால், அவர்கள் டெஸ்க்டாப் பதிப்புக்கு பதிலாக கவனமின்றி தளத்தின் மொபைல் பதிப்பைப் பெறலாம்.
நகல் உள்ளடக்கம் சிக்கல்களைத் தவிர்க்க, வலை டெவலப்பர் rel = "மாற்று" மற்றும் rel = "நியமன" மெட்டா குறிச்சொற்களை பயன்படுத்த வேண்டும். ஒரு மொபைல் பயனர் கூகிள் தேட மற்றும் டெஸ்க்டாப் URL இல் கிளிக் செய்தால், பயனர் டெஸ்க்டாப் பதிப்பை காணலாம் அல்லது வலைப்பக்கத்தின் மொபைல் பதிப்பிற்கு திருப்பி விடப்படுவார்கள். மொபைல் பதிப்பு இல்லை என்றால், பயனர் ஒரு பிழை செய்தி பெறும்.
மொபைல் பயனர்களுக்கு ஒரு முற்றிலும் வேறுபட்ட வலைத்தளத்தை உருவாக்குவது என்பது மொபைல் பயனர்களுக்கு குறிப்பாக வடிவமைக்கப்பட்டுள்ளது. எனினும், அந்த நோக்கத்தை நிறைவேற்றுவதற்கு, வலை டெவலப்பர்கள் செயல்பாட்டையும் உள்ளடக்கத்தையும் வெட்ட வேண்டும், இது அவர்களுக்கு ஒரு கனவு தருகிறது.
பதிலளிக்க வலை வடிவமைப்பு+ சேவையக பக்க கூறுகள் (RESS)
பல்வேறு முறைகளுக்கு தனிப்பயன் HTML மற்றும் CSS ஐ வழங்க சேவையக நிரலாக்கத்தில் இந்த முறை சார்ந்துள்ளது. மொபைல் பயனர்களுக்கான குறியீடானது டெஸ்க்டாப் பயனர்களிடமிருந்து வேறுபடும்.
இந்த செயல்பாட்டின் பின்னால் முக்கிய நோக்கம் வலைத்தளத்தின் செயல்திறனை மேம்படுத்துவதாகும். பதிலளிக்க வலை வடிவமைப்பு இணைந்து போது இந்த முறை நன்றாக வேலை. எனவே, இந்த நடைமுறை பதிலளிக்க வலை வடிவமைப்பு + சர்வர் பக்க கூறுகள் (RESS) என குறிப்பிடப்படுகிறது.
நன்மைகள்:
- டெஸ்க்டாப் மற்றும் மொபைல் பயனர்களால் செய்யப்படும் பல்வேறு பணிகளை வழிநடத்துதல் அமைப்பை தனிப்பயனாக்கலாம்.
- தேவையான காட்சி அடைய, டெவலப்பர்கள் HTML மற்றும் CSS இலிருந்து பக்க கூறுகளை நீக்கலாம்.
- CPU வளங்கள், நினைவகம் மற்றும் மொபைல் சாதனங்களின் கேச் ஆகியவற்றை விடுவிக்கும் HTML இலிருந்து தேவையற்ற JavaScript ஐ நீக்கலாம்.
குறைபாடுகள்:
- டைனமிக் HTML சேவையகத்தில் சுமை அதிகரிக்கிறது.
- சாதன கண்டறிதலை நம்ப முடியாது.
- HTML மற்றும் CSS மொபைல் செயல்திறன் உகந்ததாக. டெஸ்க்டாப் பதிப்பு அதிக HTTP கோரிக்கைகளையும் ஜாவா ஸ்கிரிப்டையும் பயன்படுத்துகிறது.
எந்த முறை தேர்வு செய்ய வேண்டும்?
ஒரு மொபைல்-உகந்த தளத்தை வடிவமைப்பதற்கான முடிவு, நீங்கள் விற்பனை செய்யும் பொருட்கள், உங்கள் இலக்கு பார்வையாளர்களை, முதலீடு தேவை, உங்கள் போட்டி, மாற்று விகிதங்கள் ஆகியவற்றைப் பொறுத்தது. சிறந்த வேலை செய்யும் வடிவமைப்பு முறை பெரும்பாலும் திரை வடிவமைப்புகள், இயக்க முறைமைகள், உலாவிகள் மற்றும் தீர்மானங்களை.
மிகவும் பதிலளிக்கக்கூடிய வலை வடிவமைப்பு தளங்கள் உகந்ததாக செயல்படுத்தப்படவில்லை, இதன் விளைவாக, இந்த தளங்கள் ஏற்ற நேரம் அதிகரிக்கின்றன. போட்டி கடுமையானதாக இருப்பதால், உங்கள் தளத்தை மெதுவாக செய்தால் வாடிக்கையாளர்களை இழக்க நேரிடும். ஒரு பயனர் வெறுமனே திறக்க குறைந்த நேரம் எடுக்கும் மற்றொரு இணையதளத்தில் மாற வேண்டும். அர்ப்பணித்துள்ள மொபைல் தளங்களுடன் குறைந்த சுமை நேரங்களுடன் வலைத்தளங்களை உருவாக்குவது சாத்தியம் என்றாலும், இந்த செயல்படுத்தலுக்கு இணைக்கப்பட்ட பல்வேறு குறைபாடுகள் உள்ளன.
RWD அதன் இரண்டு பிரதான குறைபாடுகளை மீறும் வகையில் RESS நன்மைகளை வழங்குகிறது. RESS இன் பிரதான தீமை என்பது சாதனம் கண்டறிதல் நம்பமுடியாதது. செயல்முறை சரியாக வேலை செய்வதை உறுதிசெய்ய புதிய சாதனங்களுக்கு நீங்கள் அடிக்கடி சோதனை செய்ய வேண்டும்.
DeviceAtlas, WURFL மற்றும் பல புதிய சாதனங்களைக் கண்டறியக்கூடிய சேவைகள் உள்ளன. இது உங்கள் தரவுத்தளத்தில் புதிய சாதனங்களை மேம்படுத்த பெரும் உதவியாக இருக்கும்.
மொபைல் வலைத்தளம் மொபைல் சாதனத்தில் ஒழுங்காக காட்டப்படும் போது மட்டுமே வெற்றிகரமாக இருக்கும். ஒரு சிறிய, மொபைல் சாளரத்தில் ஒரு டெஸ்க்டாப் தளத்தின் அனைத்து அத்தியாவசிய பாகங்களையும் பிரதிநிதித்துவப்படுத்துவதற்கான வடிவமைப்பாளர்களுக்கு இது கடினமான வேலை என்றாலும், ஒவ்வொரு நாளும் புதிய தொழில்நுட்பங்கள், மொபைல் வலைத்தளங்களை சிறப்பாக, வேகமாகவும் முழுமையாகவும் சிறப்பாக வடிவமைக்கின்றன.
மொபைல் வலைத்தளம் Shutterstock வழியாக புகைப்பட
15 கருத்துரைகள் ▼