உங்களுக்கு ஒரு "பதிலளிக்க வலைத்தளம்" இருக்கிறதா? பார்வையாளர் சாதனம் மற்றும் திரை அளவை அடிப்படையாகக் கொண்ட மாதிரியுடனான ஒரு தளமாகும் இது. பொறுப்பு வலை வடிவமைப்பு இப்போது ஒரு தொழில்முறை நடைமுறையில் உள்ளது. இது கூகிள் பரிந்துரை மற்றும் வலை முழுவதும் மில்லியன் கணக்கான தளங்களில் காணப்படும். இருப்பினும், பல்வேறு வலைத்தள அளவுகள் மீது வெறுமனே "பொருந்துகிறது" மற்றும் உண்மையிலேயே பதிலளிக்கக்கூடிய ஒரு தளம் கொண்ட ஒரு வலைத்தளம் கொண்ட ஒரு பெரிய வித்தியாசம் உள்ளது.
நான் வழக்கமாக நிறுவனங்கள் தங்கள் வலைத்தளத்தில் வடிவமைக்க மற்றும் அவர்களின் புதிய மொபைல் நட்பு வடிவமைப்பு நல்லொழுக்கங்களை வெளிப்படுத்துவது ஒரு பத்திரிகை வெளியீடு தள்ளும் பார்க்க. நான் அந்த தளங்களைச் சந்திப்பதைப் பார்க்கையில், நான் அடிக்கடி கண்டுபிடிக்கும் ஒரு அமைப்பாகும், அது உண்மையில் வெவ்வேறு அளவிலான திரைகளில் பொருந்தும், மாறுபடும், ஆனால் அவர்கள் அக்கறையைப் பற்றிய கருத்தை எடுத்துக்கொள்வது போலவே உள்ளது. இது போதாது. ஒரு உண்மையான பதிலளிக்க வலைத்தளம் ஒரு சிறிய அல்லது பெரிய திரையில் பொருந்தும் அளவுக்கு அதிகமாகும். இந்த தளங்களில், நீங்கள் பின்வரும் முக்கியமான சிறப்பியல்புகளைக் காணலாம்.
1. மேம்பட்ட செயல்திறன்
எந்தவொரு வலைத்தளத்தையும் ஏற்றுவதற்கு காத்திருக்க யாரும் விரும்பவில்லை, மேலும் ஒரு மொபைல் சாதனத்தை இலட்சியத்தை விட குறைவாக இருக்கும் போது, விரைவாக ஏற்றுவதற்கு ஒரு தளத்தின் தேவை மிகவும் முக்கியம்.
உங்கள் தளத்தின் செயல்திறனை எப்படி மேம்படுத்தலாம்? நீங்கள் மறுபரிசீலனை ஒரு பகுதியாக ஒரு புதிய தளம் தொடங்கி இருந்தால், நீங்கள் அந்த திட்டத்தின் ஒரு பகுதியாக ஒரு செயல்திறன் பட்ஜெட் உருவாக்க ஒரு புள்ளியில் செய்ய வேண்டும். நீங்கள் தற்போதுள்ள தளத்துடன் பணிபுரிகிறீர்கள் மற்றும் கீறல் தொடங்குகிறீர்கள் என்றால், முதலில் நீங்கள் எங்கு நிற்கிறீர்கள் என்பதைப் பார்க்க உங்கள் தளத்தின் செயல்திறனை சோதிக்க வேண்டும்.
உங்கள் தளத்தில் செயல்திறன் வாரியாக இருக்கும் இடத்தில் நீங்கள் ஒரு தளத்தை வைத்திருந்தால், பதிவிறக்க வேகத்தை அதிகரிக்க தேவையான மேம்பாடுகளை செய்யத் தொடங்கலாம். தொடங்குவதற்கான ஒரு சிறந்த இடம் ஒருவேளை உங்கள் தளத்தின் படங்கள். மிகப்பெரிய படங்கள் # 1 குற்றவாளி, அது ஏற்றும் தளங்களை மெதுவாக்கும் போது, வலை வழங்குவதற்கான உங்கள் படங்களை மேம்படுத்துவது உண்மையில் உங்கள் தளத்தில் ஒரு செயல்திறன் நிலைப்பாட்டில் இருந்து உதவ முடியும்.
உண்மையில், மேம்பட்ட இணைய செயல்திறன் மற்றும் வேகமாக பதிவிறக்க வேகம் அனைத்து பார்வையாளர்கள் பாராட்ட என்று ஒரு நன்மை இருக்கிறது. எல்லாவற்றிற்கும் மேலாக, ஒரு தளம் "மிக வேகமாக" ஏற்றப்பட்டதாக புகார் செய்யவில்லை, ஆனால் ஒரு தளம் ஏற்றுவதற்கு அதிக நேரம் எடுத்தால், அதைத் திரையில் திறமையாக "பொருந்துகிறது" அல்லது இல்லையா என்பதை முற்றிலும் மக்கள் மாற்றிவிடுவார்கள்.
2. ஸ்மார்ட் உள்ளடக்க வரிசைமுறை
பெரிய திரையில் ஒரு வலைத்தளம் காட்டப்படும் போது, உங்களுக்குத் தேவையான திரைத் திரையின் ரியல் எஸ்டேட் வசதிகளைத் தவிர வேறு வழிகளில் உள்ளடக்க முடியும். முக்கியமான செய்திகளையும் படங்கள், செய்திகள் புதுப்பித்தல்கள், நிகழ்வு தகவல் மற்றும் தளம் நேவிகேஷன் ஆகியவற்றை ஒரே நேரத்தில் பொருத்தலாம். இது பார்வையாளரை முழு பக்கத்தின் உள்ளடக்கத்தையும் விரைவாகவும் விரைவாகவும் ஸ்கேன் செய்கிறது மற்றும் அவற்றிற்கு முக்கியம் என்பதைத் தீர்மானிக்கிறது.
நீங்கள் அந்த தள வடிவமைப்பு எடுத்து ஒரு செல் போன் போன்ற, சிறிய திரை சாதனங்களுக்கு அதை மாற்றும் போது இந்த காட்சி மிகவும் வியத்தகு மாற்றங்கள். திடீரென்று நீங்கள் முன்பு இருந்த திரையில் ரியல் எஸ்டேட் ஒரு பகுதியை வேலை. அதாவது, முதலில் தளத்தில் என்ன தோன்றும் என்பதைத் தீர்மானிக்க வேண்டும், என்ன நடக்கும் என்பதைத் தெரிந்து கொள்ள வேண்டும். எல்லாவற்றிற்கும் மேலாக ஒரே நேரத்தில் பார்த்தால், நீங்கள் ஒன்று அல்லது இரண்டு விஷயங்களைக் காண்பிக்கலாம். அதாவது, வரிசைக்குரிய முடிவுகளை எடுக்க வேண்டும். துரதிர்ஷ்டவசமாக, திரையில் முதன்முதலில் என்ன வரும் என்பதைத் தீர்மானிக்கிறது, பின்னர் இரண்டாவது, முதலியன பக்கத்தின் குறியீடாக உள்ளது. முதன் முதலில் குறியீட்டில் முதன்முதலில் குறியீட்டையும், குறியீட்டில் இரண்டாவது உருப்படியைத் தொடர்ந்து வந்ததையும் காண்பதற்கு, ஒரு பதிலளிக்க தளத்தை உருவாக்கும் போது, எளிதானது. துரதிருஷ்டவசமாக, ஒரு சாதனத்தில் மிக முக்கியமானதாக இருக்கலாம், இது மற்றொரு சிக்கலாக இருக்கலாம். ஒரு உண்மையான பதிலளிக்க தளம் உள்ளடக்கத்தை வரிசைக்கு மாறுபட்ட சூழ்நிலைகளை பொறுத்து மாற்ற வேண்டும், அது எதை காட்டுகிறது என்பதைப் பற்றி ஸ்மார்ட் இருக்க வேண்டும்.
CSS கோட் லேஅவுட், ஃப்ளெக்ஸ் பாக்ஸ் மற்றும் இன்னும் உள்ளிட்ட CSS தளவமைப்பு நுட்பங்களில் மேம்பாடுகள், வலை வடிவமைப்பாளர்கள் மற்றும் டெவலப்பர்களுக்கான விருப்பங்களை HTML குறியீட்டில் உள்ள உள்ளடக்கம் பகுதிகள் சரியான வரிசையில் வெறுமனே hamstrung இருப்பதால், புத்திசாலித்தனமாக உள்ளடக்கத்தை அடுக்கும்போது அனுமதிக்கின்றன. இந்த புதிய வடிவமைப்பு நுட்பங்களை சாதகமாக எடுத்துக் கொள்ளுதல், சாதனம் நிலப்பரப்பு, மற்றும் எங்கள் தளத்தின் பயனர்களின் தேவைகளை இன்னும் முக்கியமாக மாற்றி அமைக்கும்.
3. கணக்கில் எடுத்துக்கொள்ளும் அனுபவங்கள் ஒரு சாதனத்தின் வலிமைகள் மற்றும் பலவீனங்கள்
சாதனங்களின் தலைப்பில் தங்கியிருத்தல் - உங்கள் தளத்தைப் பார்வையிட ஒருவர் பயன்படுத்தக்கூடிய ஒவ்வொரு சாதனமும் அந்த மேடையில் இயங்கும் பலம் மற்றும் பலவீனங்களைக் கொண்டுள்ளது. ஒரு பெரிய பதிலளிக்க தளம் பல்வேறு சாதனங்களின் திறன்களையும் வரம்புகளையும் புரிந்துகொள்கிறது, மேலும் அந்த நேரத்தில் ஒரு பார்வையாளரைப் பயன்படுத்தும் எந்த சாதனத்திற்கும் பொருந்தக்கூடிய தனிப்பயனாக்கப்பட்ட அனுபவங்களை உருவாக்குவதற்கு அவற்றைப் பயன்படுத்துகிறது.
எடுத்துக்காட்டுக்கு, ஒரு பாரம்பரிய டெஸ்க்டாப் கணினியில் நீங்கள் காணாத பல அம்சங்களை செல்போன் கொண்டுள்ளது. ஜிபிஎஸ் ஒரு மொபைல் மைய மைய அம்சத்தின் ஒரு எடுத்துக்காட்டு (ஆமாம், நீங்கள் டெஸ்க்டாப்புகளில் பொதுவான இருப்பிட தகவலை பெற முடியும், ஆனால் சாதனம் ஜி.பி.எஸ் மிகவும் துல்லியமானது). உங்கள் தளத்தில் ஜி.பி.எஸ் தகவலை ஒரு குறிப்பிட்ட நபருக்கு அனுப்பும்போது, அந்த நேரத்தில்தான் மிகவும் விரிவான மற்றும் குறிப்பிட்ட படிப்படியான திசையன் தகவல் அல்லது சிறப்பு சலுகைகளை அனுப்பலாம்.
நடைமுறையில் இந்த முக்கிய மற்றொரு உதாரணம் நீங்கள் பயன்படுத்தும் திரையில் என்ன வகையான காட்சி மற்றும் சிறந்த அந்த காட்சி பொருத்தமாக படங்களை அனுப்புகிறது என்று ஒரு தளம் இருக்கும். அதிக பிக்சல் அடர்த்தி கொண்ட ஒரு திரை இருந்தால், அந்தத் திரையில் உயர் தரமான படங்களை அனுப்பலாம். இருப்பினும், இந்த ஒரே படங்கள் குறைந்த அளவிலான திறனைக் குறைக்கக்கூடியதாக இருக்கும், மேலும் கூடுதலான தரவுகள் இழக்கப்படும், கூடுதல் கோப்பு அளவு உண்மையான காரணத்திற்காக பதிவிறக்கம் செய்யப்படும்.
உண்மையில் சிறந்த பதிலளிக்க தளங்கள் முழு பயனர் அனுபவத்தை கருத்தில் கொண்டு, அந்த அனுபவத்தை அதன் சாதனத்தின் சாதன வகை அல்லது அளவு மட்டுமல்லாமல் வன்பொருள் மற்ற முக்கிய அம்சங்களையும் அடிப்படையாகக் கொண்டிருக்கும் அனுபவத்தைப் பயன்படுத்துகின்றன.
4. சூழல் கொண்ட உள்ளடக்கம்
தொடக்கத்தில், பதிலளிக்க வலை வடிவமைப்பு வெவ்வேறு தள அளவுகளுக்கு பதில் ஒரு தளத்தின் அமைப்பை யோசனை காரணமாக அதன் பெயர் பெற்றார், ஆனால் நீங்கள் திரை அளவு விட மிகவும் பதிலளிக்க முடியும். ஒரு சாதனத்தின் பலம் மற்றும் பலவீனங்களைப் பயன்படுத்துவதற்கான முந்தைய உதாரணத்தின் மீது கட்டியெழுப்புவது, நீங்கள் அந்த வலைத்தள அனுபவத்தை தனிப்பயனாக்க, தேதியும் நேரமும் போன்ற பிற தரவுகளையும் பயன்படுத்தலாம்.
ஒரு பெரிய வணிக நிகழ்ச்சியின் நிகழ்வுக்கு ஒரு வலைத்தளத்தை கற்பனை செய்து பாருங்கள். ஒரு பதிலளிக்க வலைத்தளம் வேறுபட்ட திரைகளுடன் அளவிட தளத்தின் தளங்களின் தளவமைப்பு மாறும் போது, காட்ட வேண்டிய உள்ளடக்கத்தை மிகவும் முக்கியமானது என்பதைத் தீர்மானிக்க, தேதி பயன்படுத்தலாம். நிகழ்வுக்கு முன்னர் காலமாக இருந்தால், நீங்கள் பதிவுசெய்த தகவலை முக்கியமாக காண்பிக்க வேண்டும். இருப்பினும், அந்த நிகழ்வை உண்மையில் நடக்கும்போது, பதிவு மிக முக்கியமான உள்ளடக்கமாக இருக்கக்கூடாது. அதற்கு பதிலாக, நீங்கள் அந்த பயனர் உடனடி தேவைகளை மிகவும் பொருத்தமானது என்பதால், நிகழ்வுகளின் அட்டவணை நிகழ்வு மிகவும் மோசமாக உள்ளது.
விஷயங்களை மேலும் ஒரு படிகள் எடுத்து, அவர்கள் உண்மையில் வர்த்தக நிகழ்ச்சியில் எங்கே தீர்மானிக்க ஒரு சாதனத்தின் ஜி.பி. எஸ் தட்டியெழுப்பும் முடியும். அவர்களது இருப்பிடத்தை அடிப்படையாகக் கொண்ட ஊடாடத்தக்க உள்ளடக்கத்தை அவர்களுக்கு வழங்கலாம், அதைத் தொடங்குவதற்கு அருகிலுள்ள சாவடிகளை அல்லது அமர்வுகள் காட்டலாம்.
5. அணுகல்
பார்வையாளர்களின் தேவைகளுக்கு ஒரு தளத்தை உண்மையிலேயே எவ்வாறு பதிலளிப்பது என்பது வலைத்தள அணுகலைப் பற்றி சிந்தித்துப் பார்ப்பதுதான். இயலாமை உள்ளவர்கள் உட்பட, முடிந்தவரை பல இணையதளங்களில் இணையதளங்களைப் பயன்படுத்த முடியும். ஸ்கிரீன் ரீடர் அல்லது அதன் உள்ளடக்கத்தை அணுகுவதற்கு பிற உதவியளிக்கும் மென்பொருள் தேவைப்பட்டால் உங்கள் வலைத்தளத்தைப் பயன்படுத்த முடியும். இந்த வழியில், உங்கள் தளம் அவர்களின் தேவைகளை பிரதிபலிப்பதால், அனுபவம், முடக்கப்பட்ட பார்வையாளர்களுக்கு வேறுபட்டது என்றாலும், இன்னும் பொருத்தமானது என்று நீங்கள் உறுதி செய்துள்ளீர்கள்.
முடிந்தவரை பல தரவு புள்ளிகளைப் பிரதிபலிப்பதன் மூலமும், திரையின் அளவு மட்டுமல்ல, ஒரு வலைத்தளமானது "மொபைல் நட்பாக" இருப்பதைவிட அதிகமாக இருக்கலாம். இது சொற்றொடரின் ஒவ்வொரு அர்த்தத்திலும் உண்மையிலேயே பதிலளிக்கக்கூடிய அனுபவமாக முடியும்.
