பல சாதனம் வலை வடிவமைப்பு இரண்டு வெவ்வேறு அணுகுமுறைகள் ஒப்பிட்டு
பதிலளிக்க மற்றும் தகவமைப்பு வலை வடிவமைப்பு திரை அளவுகள் பல்வேறு நன்றாக வேலை என்று பல சாதனம் நட்பு வலைத்தளங்களை உருவாக்கும் இரண்டு முறைகள் உள்ளன. பதிலளிக்கக்கூடிய வலை வடிவமைப்பு Google ஆல் பரிந்துரைக்கப்பட்டு , இரண்டு அணுகுமுறைகளில் மிகவும் பிரபலமாக உள்ளது, பல சாதன வலை வடிவமைப்பிற்கான இந்த முறைகள் இரண்டுமே அவற்றின் பலம் மற்றும் பலவீனங்களைக் கொண்டிருக்கின்றன.
பதிலளிக்க மற்றும் தகவமைப்பு வலை வடிவமைப்பு இடையே வேறுபாடுகளை பாருங்கள் நாம், குறிப்பாக இந்த முக்கிய பகுதிகளில் கவனம்:
- வளர்ச்சி எளிதாக
- நீங்கள் வடிவமைப்பு மீது கட்டுப்பாட்டை நிலை
- சாதனம் / திரை ஆதரவு
- தீர்வு எதிர்காலத்தில் எப்படி இருக்கும்
- ஒட்டுமொத்த பதிவிறக்க வேகம் மற்றும் தளம் செயல்திறன்
சில வரையறைகள்
நாங்கள் பதிலளிக்க மற்றும் தகவமைப்பு வலை வடிவமைப்பு எங்கள் பக்க மூலம் பக்க ஒப்பீடுகள் பெற முன், இந்த இரண்டு அணுகுமுறைகள் ஒரு உயர் மட்ட வரையறை பார்க்க ஒரு கணம் எடுத்து விடுங்கள்.
பதிலளிக்க வலைத்தளங்கள் மாற்றங்கள் மற்றும் பொருட்படுத்தாமல் திரை அளவு பயன்படுத்தப்படுகிறது மாற்றியமைக்கிறது என்று ஒரு திரவம் அமைப்பு உள்ளது. மீடியா வினவல்கள் உலாவி மறுஅளவாக்கப்பட்டால் "பறக்க" மாற்ற கூட பதிலளிக்க தளங்களை அனுமதிக்கின்றன.
சாதகமான வடிவமைப்பு, முன்கூட்டியே தீர்மானிக்கப்பட்ட இடைவெளிகளை அடிப்படையாகக் கொண்ட நிலையான அளவைப் பயன்படுத்துகிறது, இது பக்கத்தின் முதல் சுமைகள் போது கண்டறியப்படும் திரை அளவுக்கு மிகவும் பொருத்தமான தளவமைப்பு பதிப்பை வழங்குவதாகும்.
இடத்தில் அந்த பரந்த வரையறைகள், கவனம் எங்கள் முக்கிய பகுதிகளில் திரும்ப நாம்.
வளர்ச்சி எளிமை
பதிலளிக்கக்கூடிய மற்றும் தகவமைப்பு வலை வடிவமைப்புக்கு இடையிலான மிக முக்கியமான வேறுபாடு இந்த தீர்வுகள் ஒரு வலைத்தளத்திற்கு பயன்படுத்தப்படும். பதிலளிக்க வடிவமைப்பு முழுமையாக திரவ அமைப்பை உருவாக்கும் என்பதால் , தரையில் இருந்து தளத்தை நீங்கள் மறுசீரமைக்கும் இடங்களில் இது சிறந்த முறையில் பயன்படுத்தப்படுகிறது. பதிலளிக்கும் வகையில் இருக்கும் வலைத்தளத்தின் குறியீட்டை மறுபிரதி எடுக்க முயற்சிப்பது ஒரு கடினமான விவகாரம். ஏனென்றால், அந்த குறியீட்டை நீங்கள் புதிதாக உருவாக்கி, அந்த செயல்முறையின் முந்தைய நிலைகளில் கணக்கில் எடுத்துக் கொண்டால், அந்த குறியீட்டை நீங்கள் வளர்த்துக் கொண்டிருப்பீர்கள். . அதாவது, ஒரு தளத்தை நீங்கள் பதிலளிப்பதாக இருந்தால், ஏற்கனவே இருக்கும் குறியீட்டிற்குள் தங்குவதற்கு சமரசம் செய்ய நீங்கள் நிர்பந்திக்கப்படுவீர்கள்.
ஏற்கனவே உள்ள நிலையான அகலமான வலைத்தளத்துடன் நீங்கள் பணியாற்றி வருகிறீர்கள் என்றால், ஒரு தகவல்தொடர்பு அணுகுமுறை என்றால், தளத்தை அப்படியே வடிவமைத்து, தேவைக்கேற்ப கூடுதலான தகவமைப்பு முறிவுகளை சேர்க்கும் அளவை நீங்கள் விட்டுவிடலாம். சில சந்தர்ப்பங்களில், திட்டத்தின் வரவுசெலவுத் திட்டம் சிறியதாக இருந்தால், அது சிறிய அளவு அபிவிருத்தி வேலைக்கு மட்டுமே இடமளித்தால், நீங்கள் சிறிய திரை / மொபைல்-மையப்படுத்தப்பட்ட அளவிலான புதிய தகவமைப்பு முறிவுகளை மட்டும் சேர்க்கலாம். அதாவது, பெரிய திரைகள் அனைத்தும் அதே அமைப்பைப் பயன்படுத்துவதை அனுமதிக்கும் என்பதாகும் - ஒரு 960 இடைவேளைநேர பதிப்பு, அந்த தளம் முதலில் வடிவமைக்கப்பட்டதாக இருந்திருக்கலாம்.
ஒரு தகவல்தொடர்பு அணுகுமுறையின் தலைகீழானது, ஏற்கனவே உள்ள தளத்தின் குறியீட்டை சிறந்த முறையில் கையாளக்கூடியது, ஆனால் குறைபாடுகளில் ஒன்றாகும், நீங்கள் ஆதரிக்கும் ஒவ்வொரு இடைவெளிகுருவிற்கும் வெவ்வேறு அமைப்பை வார்ப்புருக்கள் உருவாக்குகிறீர்கள். இது நீண்டகாலத்தில் இந்தத் தீர்வை உருவாக்க மற்றும் பராமரிக்க வேண்டிய பணிச்சுமை மீது ஒரு தாக்கத்தை ஏற்படுத்தும்.
வடிவமைப்பு கட்டுப்பாடு
பதிலளிக்கக்கூடிய வலைத்தளங்களின் பலம் ஒன்று, அவற்றின் திரவத்தன்மை அவர்களுக்கு ஏற்ற அளவிலான அணுகுமுறையில் தீர்மானிக்கப்படும் முன்-தொகுப்பு முறிவுகளை எதிர்க்கும் வகையில் அனைத்து திரை அளவிலும் அவற்றைத் தழுவி அனுமதிக்க உதவுகிறது. உண்மையில், இருப்பினும், சில முக்கிய திரை அளவுகளில் (பொதுவாக சந்தையில் கிடைக்கக்கூடிய பிரபல சாதனங்களைப் பொருத்து அளிக்கும் அளவுகள்) பதிலளிக்கக்கூடிய வலைத்தளங்கள் சிறப்பாக இருக்கும், ஆனால் காட்சி வடிவமைப்பு பெரும்பாலும் அந்த பிரபலமான தீர்மானங்களுக்கு இடையில் உடைகிறது.
உதாரணமாக, ஒரு தளம் 1400 பிக்சல்கள், 960 பிக்சல்கள் மத்தியில் திரை அளவு, மற்றும் 480x பிக்சல்கள் சிறிய திரை தோற்றம், ஆனால் இந்த அளவுகள் மாநிலங்களில் இடையே என்ன பரந்த திரையில் அமைப்பை அழகாக இருக்கும்? ஒரு வடிவமைப்பாளராக, இந்த அளவுகளில் எந்த அளவுக்கு கட்டுப்பாட்டைக் கொண்டிருக்கவில்லை, அந்த அளவுகளில் பக்கத்தின் காட்சி தோற்றமானது இலகுவாக விட குறைவாகவே உள்ளது.
ஒரு இணக்கமான வலைத்தளத்துடன், உங்களுடைய நிறுவப்பட்ட முறிவுப் புள்ளிகளின் அடிப்படையிலான அளவுகள் சரிசெய்யப்பட்டதால், பல்வேறு தளவமைப்புகளில் அதிகமான வடிவமைப்பு கட்டுப்பாடு உள்ளது. பார்வையாளர்களுக்கு வழங்கப்படும் ஒவ்வொரு "தோற்றத்தையும்" (ஒவ்வொரு இடைவேளைக்குரிய காட்சிக்கு அர்த்தம்) கவனமாக வடிவமைத்துள்ளதால், மாநிலங்களுக்கு இடையே உள்ள சிக்கலானது இனி ஒரு பிரச்சினை அல்ல.
வடிவமைப்பு கட்டுப்பாட்டின் இந்த அளவுக்கு கவர்ச்சிகரமானதாக இருக்கலாம் எனில், அது விலைக்கு வரும் என்று நீங்கள் அறிந்திருக்க வேண்டும். ஆமாம், நீங்கள் ஒவ்வொரு இடைவேளை தோற்றத்தையும் முழு கட்டுப்பாட்டில் கொண்டிருக்கிறீர்கள், ஆனால் அந்த தனித்தனி அமைப்புகளில் ஒவ்வொன்றிற்கும் வடிவமைக்க வேண்டிய வடிவமைப்பு நேரத்தை நீங்கள் முதலீடு செய்ய வேண்டும். நீங்கள் வடிவமைக்க விரும்பும் அதிக முறிவுப் புள்ளிகள், நீங்கள் அந்தச் செயல்பாட்டில் அதிக நேரம் செலவழிக்க வேண்டும்.
ஆதரவு பெட்
இரண்டு பதிலளிக்க மற்றும் தகவமைப்பு வலை வடிவமைப்பு குறிப்பாக நவீன உலாவிகளில், அழகான வலுவான ஆதரவு உண்டு.
தகவமைப்பு வலைத்தளங்கள் சேவையக பக்க கூறுகள் அல்லது திரை அளவு கண்டறிதலுக்காக ஜாவாஸ்கிரிப்ட் தேவை. ஒரு தகவல்தொடர்பு தளத்தை ஜாவாஸ்கிரிப்ட் தேவைப்பட்டால், அந்த உலாவி சரியாக வேலைசெய்யும் பொருட்டு ஒரு உலாவி செயல்படுத்தப்பட வேண்டும் என்பதாகும். பெரும்பாலான மக்கள் ஜாவாஸ்கிரிப்ட் தங்கள் உலாவிகளில் இருப்பதால் இது உங்களுக்கு ஒரு முக்கிய கவலையாக இருக்காது, ஆனால் எப்போது வேண்டுமானாலும் தளத்தில் ஒரு முக்கியமான சார்புநிலை உள்ளது, அது குறிப்பிடத்தக்கது.
பதிலளிக்க வலைத்தளங்கள் மற்றும் ஊடக கேள்விகளுக்கு சக்தி அனைத்து நவீன உலாவிகளில் நன்றாக வேலை செய்யும். பதிப்புகள் 8 மற்றும் கீழே உள்ள ஊடக கேள்விகளுக்கு ஆதரவு இல்லை என்பதால் உங்களிடம் உள்ள ஒரே சிக்கல் Internet Explorer இன் பழைய பதிப்புகள். இதைச் சுற்றி வேலை செய்ய , ஜாவாஸ்கிரிப்ட் பாலிஃபிளை அடிக்கடி பயன்படுத்தப்படுகிறது , அதாவது IE இல் உள்ள பழமையான பதிப்புகளில் குறைந்தபட்சம் ஜாவாஸ்கிரிப்ட் மீது ஒரு சார்பு உள்ளது. மறுபுறம், இது உங்களுக்கு மிகவும் கவலையாக இருக்காது, குறிப்பாக அந்த பழைய உலாவி பதிப்புகளைப் பயன்படுத்தி பல பார்வையாளர்களைப் பெறவில்லை என உங்கள் தளம் பகுப்பாய்வு காட்டுகிறது.
எதிர்கால நேசம்
பதிலளிக்க வலைத்தளங்களின் திரவம் தன்மை எதிர்கால நேசம் வரும் போது அவர்களுக்கு தகவமைப்பு தளங்களில் ஒரு நன்மையை அளிக்கிறது. இதற்கு முன்பே, நிறுவப்பட்ட தளங்கள் முன்கூட்டியே முறிவுப் புள்ளிகளை மட்டுமே கொண்டுவருவதற்கு கட்டப்படவில்லை. அவர்கள் இன்று சந்தையில் உண்மையில் இல்லாதபடி உள்ளிட்ட அனைத்து திரைகள் பொருந்தும், அவர்கள் பொருந்தும். இது ஒரு புதிய திரை தீர்மானம் திடீரென்று பிரபலமானது என்றால் பதிலளிக்க தளங்கள் "சரி" இருக்க வேண்டும் என்று அர்த்தம்.
சாதனம் நிலப்பரப்பில் நம்பமுடியாத வகையிலான (ஆகஸ்ட் 2015 வரை, சந்தையில் 24,000 க்கும் மேற்பட்ட தனித்தனி சாதனங்களும் இருந்தன), இந்த பரந்த திரைகளில் இடமளிக்கும் சிறந்த தளம், எதிர்கால-நட்புக்காக மிகவும் முக்கியமானதாக உள்ளது. எதிர்காலத்தில் எந்தவிதமான மாறுபட்ட மாறுபாடுகளும் கிடைக்காததால், குறிப்பிட்ட திரைகள் அல்லது அளவுகளுக்கென வடிவமைத்தல் சாத்தியமற்றதாகிவிடும் என்று அர்த்தம்.
இந்த ஒப்பீட்டு சூழ்நிலையின் மறுபுறம், ஒரு தளம் தகவமைப்பு மற்றும் சந்தையில் முக்கியமானதாக மாறக்கூடிய புதிய தீர்மானங்களை இடமளிக்கவில்லை என்றால், நீங்கள் உருவாக்கிய தளங்களில் அந்த இடைவெளியை சேர்க்க வேண்டியிருக்கும். இது திட்டங்களுக்கு வடிவமைப்பு மற்றும் மேம்பாட்டு நேரத்தை சேர்க்கிறது, மேலும் அந்தத் தகவல்தொடர்பு தளங்கள் தொடர்ச்சியாக கண்காணிக்கப்பட வேண்டும் என்பதையே இது குறிக்கிறது, இது புதிய முறிவுப்புள்ளிகளை சந்தையில் அறிமுகப்படுத்தப்படாது என்பதை உறுதிப்படுத்த வேண்டும். மீண்டும், சாதனம் பன்முகத்தன்மை என்பது என்னவென்றால், தொடர்ந்து புதிய அளவுகளைச் சரிபார்த்து, புதிய இடைவெளிகளைக் கொண்டு அவற்றைச் சேர்ப்பதோடு, ஒரு தளத்தை நீங்கள் ஆதரிக்க வேண்டும், மேலும் அந்த பராமரிப்புக்கான செலவினத்தை நீங்கள் ஆதரிக்க வேண்டும், தளம் அல்லது யாருக்கு தளம் உள்ளது.
செயல்திறன்
பொறுப்பு வலை வடிவமைப்பு நீண்ட ஒரு பதிவிறக்க வேகம் / செயல்திறன் நிலைப்பாட்டில் இருந்து ஒரு மோசமான தீர்வு இருப்பது (பல சந்தர்ப்பங்களில் அநியாயமாக) குற்றம் சாட்டப்பட்டது. இந்த அணுகுமுறையின் ஆரம்ப நாட்களில், பல வலை வடிவமைப்பாளர்கள் தளத்தின் தற்போதைய CSS மீது சிறிய திரை மீடியா கேள்விகளுக்குத் தடையாக இருப்பதை இது பெரும்பாலும் ஏற்படுத்துகிறது. இந்த சிறிய திரைகள் தங்கள் இறுதி தளங்களில் அவற்றைப் பயன்படுத்தாவிட்டாலும் கூட, எல்லா சாதனங்களுக்கும் பெரிய திரைகள் தேவைப்படும் படங்கள் மற்றும் வளங்களை கட்டாயப்படுத்தியது. பதிலளிக்க வடிவமைப்பு அந்த நாட்களில் இருந்து நீண்ட வழி வந்து உண்மையில் தரநிலை பதிலளிக்க தளங்கள் இன்று செயல்திறன் பிரச்சினைகள் பாதிக்கப்படுகின்றனர் இல்லை என்று.
மெதுவாக பதிவிறக்க வேகம் மற்றும் வீங்கிய வலைத்தளங்கள் பதிலளிக்கக்கூடிய வலைத்தள சிக்கல் அல்ல - இது எல்லா வலைத்தளங்களிலும் காணக்கூடிய ஒரு சிக்கல். மிகவும் கனமாக இருக்கும் படங்கள், சமூக ஊடகங்கள், அதிகமாக ஸ்கிரிப்டுகள் மற்றும் பலவற்றிலிருந்து ஊட்டங்கள் மற்றும் ஒரு தளத்தை கீழே இறக்கின்றன, ஆனால் இருவரும் பதிலளிக்கக்கூடிய மற்றும் தகவமைப்பு வலைத்தளங்களை வேகமாக ஏற்றுவதற்கு உருவாக்க முடியும். நிச்சயமாக , அவர்கள் செயல்திறன் ஒரு முன்னுரிமை இல்லை என்று ஒரு வழியில் கட்டமைக்க முடியும், ஆனால் இது தீர்வு தன்னை ஒரு அம்சம் அல்ல, மாறாக தளம் தன்னை அபிவிருத்தி ஈடுபட்டு என்று குழு பிரதிபலிப்பு.
லேஅவுட்:
தகவல்தொடர்பு வலை வடிவமைப்பு மிகவும் கட்டாயமான அம்சங்களில் ஒன்று, தொகுப்பு முறிவுகளுக்கான தளத்தின் வடிவமைப்பிற்கு நீங்கள் கட்டுப்பாடில்லை, ஆனால் அந்த தள பதிப்புகளுக்கு வழங்கப்படும் ஆதாரங்களை மட்டும் கட்டுப்படுத்துவதில்லை. உதாரணமாக, விழித்திரை படங்கள் விழித்திரை சாதனங்களுக்கு மட்டுமே அனுப்பப்பட முடியும், அதே சமயம், அல்லாத விழித்திரை திரைகளில் கோப்பு அளவில் சிறிய அளவுக்கு அதிகமான படங்கள் கிடைக்கும் . பிற தள வளங்கள் (ஜாவாஸ்கிரிப்ட் கோப்புகள், CSS பாணிகள், முதலியன) தேவைப்படும் போது மட்டுமே வழங்கப்படும் மற்றும் பயன்படுத்தப்படலாம்.
தகவமைப்பு வலை வடிவமைப்பு இந்த பயன்பாடு "நீங்கள் ஒரு வலைத்தளத்தை மீண்டும் வருகிறீர்கள் என்றால், தகவமைப்பு ஒரு எளிதான அணுகுமுறையாக இருக்கலாம்" என்ற எளிமையான சமன்பாட்டிற்கு அப்பாற்பட்டது. முழுமையான மறுவடிவமைப்புகள் உட்பட அனைத்து தளங்களும், ஒரு சிறந்த அணுகுமுறையிலிருந்து இன்னும் சிறப்பாக வடிவமைக்கப்பட்ட அனுபவத்திலிருந்து பயனடைகின்றன.
இந்த சூழ்நிலையில் இந்த "பதிலளிக்க மற்றும் சாதகமான" விவாதத்தின் nuanced இயல்பு காட்டுகிறது. தளத்தில் ரெட்ரோஃபிகளுக்கு பதிலளிக்கும் விதமாக ஒரு தகவமைப்பு அணுகுமுறை சிறந்தது என்றாலும், இது முழு மறுவடிவமைப்புகளுக்கு ஒரு சிறந்த தீர்வாகவும் இருக்கலாம். இதேபோல், சில சந்தர்ப்பங்களில் ஒரு பதிலளிக்க அணுகுமுறையை ஏற்கனவே தளத்தின் குறியீடு-அடிப்படையிலும் சேர்க்க முடியும், அந்த தளம் ஒரு முழுமையான அணுகுமுறையின் அனைத்து நன்மைகளையும் வழங்குகிறது.
எந்த அணுகுமுறை சிறந்தது?
பதிலளிக்கக்கூடிய மற்றும் இணக்கமான வலை வடிவமைப்புக்கு வரும்போது தெளிவான "வெற்றியாளர்" இல்லை, இருப்பினும் பதிலளிக்கக்கூடியது மிகவும் பிரபலமான அணுகுமுறையாகும். உண்மையில், "சிறந்த" அணுகுமுறை ஒரு குறிப்பிட்ட திட்டத்தின் தேவைகளை சார்ந்துள்ளது. மேலும், இது ஒரு "ஒன்று அல்லது" சூழ்நிலை இருக்க தேவையில்லை. தகவமைப்பு வடிவமைப்பு (சிறந்த வடிவமைப்பு கட்டுப்பாடு, தள வளங்களை ஸ்மார்ட் ஏற்றுதல்) பலம் கொண்ட பதிலளிக்க வலை வடிவமைப்பு (திரவ அகலங்கள், எதிர்கால ஆதரவு) சிறந்த இணைக்க அந்த தளங்களை உருவாக்க பல வலை தொழில் உள்ளன.
பொதுவாக RESS (சர்வர் பக்க கூறுகளுடன் கூடிய பொறுப்பு வலை வடிவமைப்பு) என அழைக்கப்படும் இந்த அணுகுமுறை உண்மையில் "ஒரு அளவு அனைத்து தீர்வையும் பொருத்துகிறது" என்பதைக் காட்டுகிறது. பதிலளிக்கக்கூடிய வலை வடிவமைப்பு மற்றும் தகவல்தொடர்பு இருவரும் அவற்றின் பலம் மற்றும் அவற்றின் சவால்கள் ஆகியவற்றைக் கொண்டிருக்கின்றன, உங்கள் குறிப்பிட்ட திட்டத்திற்கு சிறந்தது, அல்லது ஒரு கலப்பின தீர்வு உண்மையில் உங்களுக்கு பொருத்தமாக இருக்கும்.