मल्टी-डिभाइस वेब डिजाइनमा दुई फरक दृष्टिकोण तुलना
उत्तरदायी र अनुकूली वेब डिजाइन बहु-अनुकूल मित्रता वेबसाइटहरू सिर्जना गर्न दुवै विधिहरू छन् जसले विभिन्न स्क्रीन आकारहरूमा राम्रो काम गर्दछ। जबकि उत्तरदायी वेब डिजाइन Google द्वारा अनुशंसित गरिन्छ र दुई तरिका को लोकप्रिय छ, बहु-वेब वेब डिजाइन को लागि यिनी विधियों को उनको बल र उनको कमजोरी छ।
आइपुग्दा उत्तरदायी र अनुकूली वेब डिजाइन बीचका भिन्नताहरू राख्नुहोस्, विशेष गरी यी प्रमुख क्षेत्रहरूमा ध्यान केन्द्रित गर्ने:
- विकासको आसानी
- तपाईले डिजाइनमा रहेको नियन्त्रणको स्तर
- यन्त्रको ब्रेड / स्क्रीन समर्थन
- भविष्य कस्तो समाधान अनुकूल छ
- कुल डाउनलोड गति र साइट प्रदर्शन
केहि परिभाषाहरू
हामी हाम्रो पक्ष-पक्ष-पक्ष तुलनात्मक उत्तरदायी र अनुकूली वेब डिजाइनमा पुग्नु अघि, यी दुई दृष्टिकोणहरूको उच्च स्तरको परिभाषा हेर्नको लागि एक क्षण लिन।
उत्तरदायी वेबसाइटहरूमा एक तरल लेआउट छ जुन पर्दा आकारको प्रयोग भइरहेको परिवर्तन र एडाप्प हुन्छ। मिडिया क्वेरीहरूले ब्राउजर रिजाइज गरिएको भएमा प्रतिक्रियाकारी साइटहरू "फ्लाईमा" लाई पनि परिवर्तन गर्न अनुमति दिन्छ।
अनुकूलन डिजाइनले पूर्व निर्धारित ब्रेकस्पटहरूमा आधारित आकारको आकार प्रयोग गर्दछ जुन स्क्रिन आकारको लागि सबैभन्दा उपयुक्त लेआउट संस्करण प्रदान गर्दछ जुन पृष्ठ लोड हुन्छ।
ती विस्तृत परिभाषाहरूको साथमा, चोकको हाम्रो प्रमुख क्षेत्रहरूमा जानुहोस्।
विकासको आसानी
उत्तरदायी र अनुकूली वेब डिजाइन बीचको सबैभन्दा महत्त्वपूर्ण अंतर यो समाधानमा वेबसाईटमा लागू हुन्छ। किनकि उत्तरदायी डिजाइनले पूर्ण रूपमा तरल पदार्थ लेआउट सिर्जना गर्दछ, यो सबै भन्दा राम्रो प्रोजेक्टहरूमा प्रयोग गरिन्छ जुन तपाईले साइटबाट भू-भागबाट पुन: डिजाइन गर्दै हुनुहुन्छ । एक मौजूदा वेबसाइट कोड को उत्तरदायी हुन को लागी पुन: प्रयास गर्न को लागी एक दु: खी मामला हो किनकी तपाईं बस नियंत्रण को स्तर छैन कि यदि तपाईं यो कोड को खरोंच देखि र उत्तरदायी डिजाइन ले कि प्रक्रिया को शुरुआती चरणहरु को लागी ले रहे थिए । यसको मतलब यो हो कि जब तपाइँ साइट को उत्तरदायी हुन को लागी फिर्ता ले लिया हो, तब तपाईं मौजूदा कोडबेस मा रहन को लागि समझौता गर्न को लागी मजबूर हो।
यदि तपाइँ अवस्थित निश्चित-चौडाई वेबसाइटसँग काम गर्दै हुनुहुन्छ भने, एक अनुकूली दृष्टिकोण भनेको तपाईं साइज डिजाइन गर्न डिजाइन गरिएको थियो र छोड्नको लागी अतिरिक्त अनुकूली ब्रेकस्पटहरू थप्न सक्नुहुन्छ। केहि अवस्थामा, यदि एक परियोजनाको बजेट सानो छ, र यदि यो केवल सानो मात्रामा विकास कार्य समायोजन गर्नेछ, तपाईं केवल सानो स्क्रिन / मोबाइल-केन्द्र आकारका लागि नयाँ अनुकूली ब्रेकस्पटहरू थप्न सक्नुहुन्छ। यसको मतलब तपाईं ठूला स्क्रिन सबैलाई एउटै लेआउट प्रयोग गर्न अनुमति दिनुहुन्छ - शायद 960 ब्रेकपोइन्ट संस्करण जुन के थियो साइटको लागि मूलतः डिजाइन गरिएको थियो।
एक अनुकूली दृष्टिकोण माथि उल्लेखित छ कि तपाइँ एक अवस्थित साइटको कोड लाई अझ राम्रो बनाउन सक्नुहुन्छ, तर एक डाउनसाइड मध्ये एउटा यो हो कि तपाइँ प्रत्येक बिन्दु बिन्दुको लागि समर्थन गर्न छनौट गर्नका लागि फरक लेआउट टेम्प्लेट सिर्जना गर्दै हुनुहुन्छ। यसले लामो समयसम्म यो समाधानलाई विकास र रखरखाव गर्न आवश्यक लोडसेडिङमा प्रभाव पार्नेछ।
डिजाइन नियंत्रण
उत्तरदायी वेबसाइटहरूको एक ताकत यो हो कि उनीहरूको तरल पदार्थले सबै स्क्रिन आकारहरू अनुकूलन र समर्थन गर्न अनुमति दिन्छ किनभने अनुकूली दृष्टिकोणमा निर्धारित पूर्व-सेट ब्रेकस्पटहरूको विरोध गर्दछ। तथापि, तथापि, कि उत्तरदायी साइटहरू निश्चित कुञ्जी आकारमा (सामान्यतया साइजहरू जसले बजारमा उपलब्ध लोकप्रिय यन्त्रहरूसँग सम्बन्धित) मा राम्रो लाग्न सक्छ, तर भिजुअल डिजाइन प्रायः ती लोकप्रिय प्रस्तावहरू बीच बिच्छेदन गर्दछ।
उदाहरणका लागि, 1400 पिक्सलको चौडा-स्क्रिन लेआउटमा साइट राम्रो लाग्न सक्छ, 960 पिक्सेलको मध्य स्क्रिन साइज, र सानो पर्दा 480 पिक्सेलमा हेर्दछ, तर यी आकारहरूको इन-बीचको अवस्था के हो? डिजाइनरको रूपमा, तपाईं यी इन आकार र पृष्ठको भिजुअल दृश्यमाथि कुनै पनि नियन्त्रण गर्न कम्तीमा कम्तिमा आदर्श भन्दा कम छ।
एक अनुकूली वेबसाइट संग, तपाईं को विभिन्न लेआउटहरुमा अधिक डिजाइन नियंत्रण छ किनकी उनि आफ्नो स्थापित ब्रेकस्पट्ट्स को आधार मा आकार निश्चित हो। ती अङ्कहरू बीचको बीचमा कुनै समस्या छैन किनकी तपाईंले प्रत्येक "खोज" (सायद प्रत्येक विच्छेदनको प्रदर्शन भनेको) आगन्तुकहरूलाई पठाइनेछ।
यस स्तरको डिजाईन नियंत्रणको रूपमा आकर्षक हुन सक्दछ, तपाईलाई सचेत हुनुपर्छ कि यो मूल्यमा आउछ। हो, तपाईंसँग हरेक ब्रेकपोइन्टको नजरमा पूर्ण नियन्त्रण छ, तर यसको अर्थ तपाईंले डिजाइन प्रत्येक समय अनलिमिटेड लेआउटहरूको लागि डिजाइन गर्न आवश्यक समयको निवेश गर्नु पर्छ। थप ब्रेकस्पोटहरू जुन तपाईले डिजाइन गर्न रोज्नु हुन्छ, तपाईलाई त्यो प्रक्रियामा बढी खर्च गर्नुपर्नेछ।
समर्थनको ब्रेड
उत्तरदायी र अनुकूली वेब डिजाइन धेरै मजबूत समर्थन, विशेष रूप देखि आधुनिक ब्राउजरहरूमा।
अनुकूलन वेबसाइटहरूको लागि सर्भर साइड घटकहरू वा जाभास्क्रिप्टको स्क्रिन साइज पत्ता लगाउन चाहिन्छ। जाहिर छ, यदि एक अनुकूली साइट जाभास्क्रिप्ट को आवश्यकता हो, यसको मतलब छ कि ब्राउजर को यसलाई सक्षम गर्न को लागी यस साइट को सही ढंग देखि काम गर्न को लागी सक्षम हुनु पर्छ। यो तपाईंको लागि एक प्रमुख चिन्ता हुन सक्छ किनकी धेरै मानिसहरू आफ्नो ब्राउजरमा जाभास्क्रिप्ट हुनेछ, तर कुनै पनि समयमा कुनै पनि साइटमा एकै निर्भर निर्भरता छ, यो ध्यान दिनुपर्दछ।
उत्तरदायी वेबसाइटहरू र मिडिया मिडिया प्रश्नहरू जुन उनीहरूले सबै आधुनिक ब्राउजरहरूमा राम्रो काम गर्नेछन्। तपाइँसँग रहेको समस्या केवल 8 इन्टरनेट एक्सप्लोररको पुरानो संस्करणका साथ हुन् र तल मिडिया प्रश्नहरूको समर्थन गर्दैन। यो वरिपरि काम गर्न , एक जाभास्क्रिप्ट पिलफिल प्रायः प्रयोग गरिन्छ , जसको मतलब जाभास्क्रिप्टमा पनि निर्भरता छ, कम्तिमा ती IE को पूर्वनिर्धारित संस्करणहरूका लागि। फेरि, यो तपाईंको लागि अधिक चिन्ता हुन सक्छ, विशेष गरी यदि तपाईंको साइट एनालिटिक्सले देखाउँछ कि तपाईंले ती धेरै ब्राउजर संस्करणहरू प्रयोग गर्ने धेरै जना दर्शकहरू प्राप्त गर्नुहुन्न।
भविष्य मित्रता
उत्तरदायी वेबसाइटहरूको तरल पदार्थ स्वभावले तिनीहरूलाई अनुकूली साइटहरूमा लाभ पुऱ्याउँछ जब यसले भविष्य-मित्रताको सामना गर्दछ। यो किनभने किनभने जवाफदेही साइटहरू केवल ब्रेकप्ट्न्टहरूको पहिले स्थापित स्थापित सेट समायोजन गर्न निर्माण गरिएको छैन। तिनीहरू सबै स्क्रिनहरू फिट गर्न अनुकूल छन्, ती व्यक्तिहरू जुन आज पनि बजारमा होइनन्। यसको अर्थ छ कि उत्तरदायी साइटहरूलाई "निश्चित" हुन आवश्यक छैन यदि नयाँ स्क्रीन रिजोल्युसन अचानक लोकप्रिय हुन्छ।
यन्त्र परिदृश्यमा अविश्वसनीय विविधतालाई हेर्दै (अगस्त 2015 को रूपमा, बजारमा 24,000 भन्दा बढी Android यन्त्रहरू छन्), जुन साइटमा यो सबैभन्दा ठूलो दायरा समायोजन गर्न सर्वोत्तम हुन्छ, भविष्यको मित्रताका लागि महत्त्वपूर्ण रूपमा महत्त्वपूर्ण छ। यो यो कारण हो कि त्यो लैंडस्केप भविष्यमा कुनै पनि कम विविधता प्राप्त गर्न सम्भव छैन, जसको अर्थ हो कि विशेष पर्दा वा आकारका लागि डिजाइन असम्भव हुन जानेछ भने, यदि हामीले पहिले नै यो वास्तविकतामा पुग्नु भएको छैन।
यस तुलना परिदृश्यको अर्को पक्षमा, यदि साइट अनुकूली छ र यसले बजारमा महत्त्वपूर्ण हुन सक्ने नयाँ रिजर्भेसनहरू समायोजन गर्दैन, त्यसपछि तपाईले सिर्जना गर्नुभएको साइटहरूमा यो ब्रेकको बिन्दु थप्न बाध्य हुन सक्छ। यसले डिजाइनमा विकास र विकास समय परियोजनामा समावेश गर्दछ र यसको अर्थ यो हो कि ती अनुकूली साइटहरू लगातार यो निगरानी गर्न अनिवार्य छ कि बजारमा नयाँ ब्रेकस्पटहरू पेश गरिएको छैन जुन साइटमा थपिनुपर्दछ। फेरि, उपकरण विविधता के साथ यो के छ, नयाँ आकार को लागि लगातार जाँच गर्न र उनलाई सम्भावित समायोजन गर्न को लागी नयाँ ब्रेकस्पेसहरु एक निरन्तर चुनौती हो जुन तपाईं एक साइट को समर्थन र कि रखरखाव को लागत को समर्थन गर्न को लागी एक प्रभाव हुनेछ कम्पनी वा संगठन जसको लागि यो साइट हो।
प्रदर्शन
उत्तरदायी वेब डिजाइन लामो समयको आरोप लगाइएको छ (धेरै कारणहरूमा, त्यसमा पनि धेरै डाउनलोडहरू) डाउनलोड गति / प्रदर्शनको बिन्दुबाट खराब समाधान हुन। यो हदसम्म यस तथ्यको कारण हो कि यस दृष्टिकोणको प्रारम्भिक दिनमा, धेरै वेब डिजाइनरहरूले मात्र सानो स्क्रिन मिडिया क्वेरीहरू साइटको अवस्थित सीएसएसमा टाढा राखे। यसले तस्बिरहरू र ठूला स्क्रिनहरूको लागि सबै उपकरणहरूमा डेलिभर गर्नका लागि नियन्त्रित गर्न बाध्य बनायो, भलेका ती सानो स्क्रिनहरूले उनीहरूको अन्तिम लेआउटमा प्रयोग गरेनन्। उत्तरदायी डिजाइन उन दिनों देखि लामो समय देखि आएको छ र वास्तविकता यो हो कि आज गुणवत्ता संवेदनशील साइटहरु प्रदर्शन समस्याहरु देखि पीडित छैनन्।
ढिलो डाउनलोड गति र चौंका वेबसाइटहरू एक उत्तरदायी वेबसाइट समस्या होइन - यो एक समस्या हो जुन सबै वेबसाइटहरूमा फेला पार्न सकिन्छ। तस्बिरहरू निकै भारी छन्, सामाजिक सञ्जालबाट फीडहरू, अत्यधिक लिपिहरू र अधिक र एक साइट तल कम हुन्छ, तर उत्तरदायी र अनुकूली वेबसाइटहरू दुवै छिटो लोडिङ गर्न सकिन्छ। बेशक , उनि एक तरिका मा निर्माण गरिन सक्छ जो प्रदर्शन को प्राथमिकता नहीं दि्छ, तर यो स्वयं को समाधान को विशेषता होइन, बल्कि एक टीम को प्रतिबिम्ब जुन साइट को विकास मा शामिल थियो।
लेआउट बाहिर
अनुकूली वेब डिजाइन को सबै भन्दा अधिक पहलुओं मध्ये एक छ कि तपाईं केवल सेट ब्रेकस्पट को लागि साइट को डिजाइन मा नियंत्रण छैन, तर उन साइटहरु को लागि वितरित को स्रोतहरु पनि। उदाहरणका लागि, यसको अर्थ यो हो कि रिटाइन छविहरू केवल रिटालिना यन्त्रहरूमा पठाउन सकिन्छ, जबकि गैर-रिटिना स्क्रिनले फाइलको आकारमा साना उपयुक्त छविहरू पाउँछन् । अन्य साइट संसाधनहरू (जाभास्क्रिप्ट फाईलहरू, सीएसएस शैलहरू, आदि) चाँडो मात्र उनीहरूलाई आवश्यक हुँदा डेलिभर गर्न सकिन्छ र प्रयोग गरिनेछ।
अनुकूली वेब डिजाइनको यो प्रयोग टाढाको सरल समीकरण भन्दा माथि जान्छ "यदि तपाईंले वेबसाइट फिर्ता गर्दै हुनुहुन्छ भने, अनुकूली प्रयोग गर्न सजिलो दृष्टिकोण हुन सक्छ।" सबै पुन: नयाँ ढाँचा सहित, साइटहरू थप अनुकूलित अनुभवको लागि लाभकारी दृष्टिकोणबाट लाभ उठाउन सक्दछ।
यो परिदृश्यले यस "उत्तरदायी बनावट अनुकूली" छलफलको नमुना प्रकृति देखाउँछ। जबकि यो सही छ कि एक अनुकूली दृष्टिकोण साइट रिट्रोफेट को लागी उत्तरदायी भन्दा राम्रो उपयुक्त हुन सक्छ, यो पनि पूर्ण रेडसेटको लागि एक महान समाधान पनि हुन सक्छ। त्यसैगरी, केहि अवस्थाहरूमा एक उत्तरदायी दृष्टिकोण अवस्थित साइटको कोड-आधारमा थप्न सकिन्छ, जसले साइटलाई पूर्ण प्रतिक्रियात्मक दृष्टिकोणको सबै लाभ दिन्छ।
कुन तरिका राम्रो छ?
जब यो उत्तरदायी बनावट अनुकूली वेब डिजाइन को लागी, कुनै स्पष्ट "विजेता" छैन, हुनत उत्तरदायी निश्चित रूप देखि अधिक लोकप्रिय दृष्टिकोण हो। वास्तव मा, "बेहतर" दृष्टिकोण एक विशिष्ट परियोजना को आवश्यकताहरु मा निर्भर गर्दछ। साथै, यो "या तो / वा" अवस्था हुन आवश्यक छैन। त्यहाँ धेरै वेब प्रविधिहरु जुन साइटहरु को निर्माण गर्दै छन् जो अनुकूलन वेब डिजाइन (तरल पदार्थ चौडाई, भविष्य को समर्थन) को संयोजन को अनुकूली डिजाइन को साथ (बेहतर डिजाइन नियंत्रण, साइट संसाधनहरु को स्मार्ट लोडिंग) संग जोड दिए।
सामान्य रूपमा RESS (सर्भर साइड अवयवका साथ उत्तरदायी वेब डिज़ाइन) भनिन्छ, यो दृष्टिकोणले वास्तवमा "कुनै आकारले सबै समाधानलाई फिट बनाउँछ"। उत्तरदायी वेब डिजाइन र अनुकूली दुवैको क्षमता र उनीहरूको चुनौतीहरू छन्, त्यसैले तपाईलाई निर्धारण गर्न आवश्यक छ कि तपाईंको विशेष प्रोजेक्टको लागि उत्तम काम गर्नेछ, वा यदि हाइब्रिड समाधान तपाईले राम्रोसँग सँभाल्नुहुनेछ।