एएमपी (त्वरित मोबाइल पेजहरु) वेब विकास को हो?

AMP को फाइदाहरू र कसरी यो प्रतिक्रियात्मक वेब डिजाइनबाट फरक छ

यदि तपाईले वेबसाइटहरूको लागि एनालिटिक्स ट्राफिकको विगत केही वर्षहरू हेर्नुभयो भने, तपाइँ सम्भवतः उनीहरूले सबैलाई सामान्य रूपमा एक ठूलो चीज साझेदारी गर्दछन् - दर्शकहरूलाई तिनीहरू मोबाइल यन्त्रहरूमा प्रयोगकर्ताहरूबाट प्राप्त हुन्छन्।

विश्वव्यापी रूपमा, त्यहाँ अब वेब ट्राफिक छ जुन वेबसाईटहरू "परम्परागत यन्त्रहरू" मा विचार गर्दछन् भन्दा कम हुन्छ, जुन मूलतः डेस्कटप वा ल्यापटप कम्प्यूटरको अर्थ हो। त्यहाँ कुनै पनि संदेह छैन कि मोबाइल कम्प्युटिङले मानिसलाई अनलाइन सामग्री उपभोग गर्ने तरिका परिवर्तन गरेको छ, जसको अर्थ यसले हामीले ती बढि मोबाइल-केन्द्र दर्शकहरूको वेबसाइटहरू निर्माण गर्नु पर्ने तरिका परिवर्तन गरेको छ।

एक मोबाइल श्रोताका लागि भवन

"मोबाइल अनुकूल वेबसाइटहरू" सिर्जना गर्दै धेरै वर्षको लागि वेब प्रविधिको लागि प्राथमिकता दिइएको छ। उत्तरदायी वेब डिजाइन जस्तै अभ्यासहरू सबै यन्त्रहरूको लागि राम्ररी काम गर्ने साइटहरू सिर्जना गर्न उद्देश्य राख्दछन्, र वेबसाईटको प्रदर्शन र छिटो डाउनलोड समयमा फोकस सबै प्रयोगकर्ताहरू, मोबाइल वा अन्यथा फाइदाहरू फ्याँक्छन्। मोबाइल अनुकूल साइटहरूको अर्को अर्को दृष्टिकोण एएमपी वेब विकासको रूपमा चिनिन्छ, जुन द्रुत मोबाइल पेजहरूको लागि छ।

यो प्रोजेक्ट, जुन गुगल द्वारा समर्थित छ, खुला ओपन मानक को रूपमा वेबसाईट प्रकाशकहरूलाई साइटहरू सिर्जना गर्न अनुमति दिईएको छ जसले मोबाइल उपकरणहरूमा छिट्टै लोड गर्दछ। यदि तपाईं सोच्दै हुनुहुन्छ कि उत्तरदायी वेब डिजाइन जस्तो धेरै लाग्छ, तपाई गलत हुनुहुन्न। दुई अवधारणाहरू सामान्यमा धेरै साझा हुन्छन्, अर्थात् तिनीहरू दुवै मोबाइल उपकरणहरूमा प्रयोगकर्ताहरूलाई सामग्री डेलिभरमा ध्यान केन्द्रित छन्। तथापि यी दुई दृष्टिकोणहरू बीचको भिन्नताहरू छन्।

एएमपी र उत्तरदायी वेब डिजाईन को बीच मुख्य मतभेद

उत्तरदायी वेब डिजाइन को एक बल को संधै लचीलापन हो कि यो एक साइट मा जोड्छ। तपाई एक पृष्ठ सिर्जना गर्न सक्नुहुन्छ जुन स्वचालित रूपमा आगन्तुकको स्क्रिन आकारमा प्रतिक्रिया दिन्छ। यसले तपाईँको पृष्ठ पहुँच र मोबाइल फोनबाट ट्याब्लेटहरूमा ल्याप्टप, डेस्कटप, र त्यसभन्दा माथिको उपकरण र स्क्रिन आकारको विस्तृत दायरामा राम्रो अनुभव सेवा गर्ने क्षमता दिन्छ। उत्तरदायी वेब डिजाइन सबै उपकरणहरू र प्रयोगकर्ता अनुभवहरूमा मात्र ध्यान केन्द्रित छ , न केवल मोबाइल। त्यो केहि तरिका मा राम्रो छ र अरू मा खराब छ।

साइटमा लचीलापन धेरै राम्रो छ, तर यदि तपाइँ साँच्चिकै मोबाइलमा फोकस गर्न चाहानुहुन्छ भने, सबै स्क्रिनमा फोकस गर्ने साइट बनाउँदछ, सट्टामा मोबाइलमा मात्र, अनुकूलन मोबाइल प्रदर्शनको लागी लचीलापनको व्यापार गर्न सकिन्छ। त्यो AMP पछि सिद्धान्त हो।

AMP शुद्ध गति मा केन्द्रित छ - अर्थात् मोबाइल गति। Malte Ubl को अनुसार, यो प्रोजेक्टको लागि Google टेक लीड, AMP ले "वेब सामग्रीमा तत्काल प्रतिपादन ल्याउँदछ"। यसका केही तरिकाहरू समावेश छन्:

• ढिलो लोड हुँदै
• पूर्वक प्रयोग गर्दै
• संसाधनहरू प्रिफेच गर्दै
• Async जाभास्क्रिप्ट
• इनलाइन शैली पानाहरू
• डाउनलोड गर्न सकिने फन्टहरू छैनन्
• स्रोत प्राथमिकता

यी केहि प्रिन्सिपलहरू हुन् जुन एएमपी लोड यति चाँडै बनाउँदछ। यद्यपि, त्यस सूचीमा केही चीजहरू छन् जुन लामो-समय वेब प्रविधिहरू क्राइक गर्न सक्छन्। इनलाइन शैली पानाहरू , उदाहरणका लागि। हामीमध्ये धेरै वर्षका लागि भनिएको छ कि सबै शैलीहरू बाह्य शैली पानाहरूमा समावेश हुनुपर्छ। सबै बाह्य पानाबाट सबै साइट पृष्ठहरू शैलीमा सक्षम हुन सक्षम CSS को तागतहरू मध्ये एक हो - पृष्ठहरूको सट्टामा इन्टरनेट इनलाइन शैलीहरू प्रयोग गर्दा नराम्रो हुन्छ। हो, तपाईलाई बाह्य फाईल डाउनलोड गर्न आवश्यक छ, तर एकल साइट पानासँग सम्पूर्ण साइट व्यवस्थापन गर्न सक्षम हुने लागतमा। त्यसो भए कुन दृष्टिकोण राम्रो छ? वास्तविकता यो छ कि तिनीहरू दुवैको फाइदा र खतराहरू छन्। वेब निरंतर परिवर्तन हुँदैछ र तपाईंको साइट भ्रमण गर्ने विभिन्न व्यक्तिहरू विभिन्न आवश्यकताहरु छन्। सबै नियमहरूमा लागू हुने नियमहरू स्थापित गर्न धेरै गाह्रो छ, किनकि विभिन्न दृष्टिकोणहरूले विभिन्न परिस्थितिहरूमा भावना बनाउँदछ। कुञ्जी तपाइँको विशेष अवस्थामा उत्तम को निर्धारण गर्ने प्रत्येक दृष्टिकोणको फाइदाहरू वा खतराहरूको वजन गर्नको लागि हो।

AMP र RWD को बीच एक अर्को प्रमुख अंतर तथ्य हो कि उत्तरदायी डिजाइन शायद नै नै "मौजूदा" मा एक मौजूदा साइट मा शामिल छ। किनभने RWD साँच्चिकै एउटा साइटको वास्तुकला र अनुभवको आधारमा उल्टै भू-अप हो, यो सामान्यतया यो साइटलाई पुन: डिजाइन गर्न र उत्तरदायी शैलीहरू समायोजन गर्न पुन: विकास गर्न आवश्यक हुनेछ। तथापि AMP एक अवस्थित साइटमा थप्न सकिन्छ। वास्तवमा, यो पनि अवस्थित उत्तरदायी साइटमा थप्न सकिन्छ।

जाभास्क्रिप्ट विचारहरू

RWD सँग साइटहरूको विपरीत, एएमपी साइटहरूले जाभास्क्रिप्टसँग राम्रोसँग खेलिरहेको छैन। यसमा 3 ^आरडी पार्टी लिपिहरू र पुस्तकालयहरू जुन आज साइटहरूमा धेरै लोकप्रिय छन्। ती पुस्तकालयहरूले साइटमा अविश्वसनीय कार्यक्षमता थप्न सक्छन्, तर तिनीहरू पनि प्रदर्शनमा प्रभाव पार्छन्। जस्तै, यो कारण हो कि पृष्ठ गति मा जोरदार तरिका मा एक जावास्क्रिप्ट फाईलहरु को रूप मा फोहोर हुनेछ एक दृष्टिकोण। यो कारण यो छ कि एएमपी प्रायः स्थैतिक वेबपेजहरूमा प्रयोग गरिन्छ जुन अत्यधिक गतिशील व्यक्तिहरूको वा विरोध गर्दछ जसलाई एक कारण वा अन्यको लागि विशेष जाभास्क्रिप्ट प्रभाव आवश्यक पर्दछ। उदाहरणको लागि, "lightbox" शैली अनुभवको प्रयोग गर्नुभन्दा एक वेबसाइट ग्यालेरी AMP को लागि उत्कृष्ट उम्मेदवार हुने छैन। अर्कोतर्फ, एक मानक वेबसाइट आलेख वा प्रेस विज्ञप्ति जसलाई कुनै फैंसी कार्यक्षमता एएमपी संग वितरित गर्न एक महान पेज हुनेछ। त्यो पृष्ठ मोबाइल उपकरणहरू प्रयोग गर्ने व्यक्तिहरूले पढ्न सम्भव छ जुन सोशल मिडियामा वा मोबाइल Google खोजी मा लिंक देख्न सक्छ। त्यो सामग्री तुरुन्तै डेलिभर गर्न सक्षम हुँदा उनीहरूलाई अनुरोध गर्दा स्लिपिङ स्पीडको सट्टा बेलामा अनावश्यक जाभास्क्रिप्ट र अन्य स्रोतहरू लोड गरिन्छ, एक उत्कृष्ट ग्राहक अनुभवको लागि बनाउँछ।

सही समाधान छनौट गर्नुहोस्

त्यसैले कुन विकल्प तपाईंको लागि सही छ - एएमपी वा RWD? यो तपाईंको विशेष आवश्यकताहरूमा निर्भर गर्दछ, निस्सन्देह, तर तपाईंलाई एक वा अर्को छनौट गर्न आवश्यक छैन। यदि हामी चालाक (र अधिक सफल) अनलाइन रणनीतिहरू चाहानुहुन्छ भने यसको मतलब हामीले हामीलाई हाम्रो निपटानमा सबै उपकरणहरू विचार गर्नुपर्दछ र सिक्ने काम कसरी गर्नेछौं भनेर जान्नुहोस्। सम्भवतः यो तपाईंको साइटलाई उत्तरदायी रूपमा साधन प्रदान गर्दछ, तर चयन गरिएको खण्डहरू वा पृष्ठहरूमा AMP प्रयोग गर्ने जुन विकासको त्यो शैलीमा सबैभन्दा उपयुक्त हुन सक्छ। यो पनि विभिन्न दृष्टिकोणहरूको पहलुहरु लाई लिन र तिनीहरूलाई हाइब्रिड समाधान बनाउन को लागी संयोजन गर्न को लागी धेरै विशिष्ट आवश्यकताहरु लाई पूरा गर्न को लागी मतलब र जो साइट को आगंतुकहरु को लागि दुनिया को सबै भन्दा राम्रो उद्धार गर्दछ।