2015-10-07 2 views
53

ठीक है, इसलिए हमने अब तक Google से AMP HTML के बारे में सुना है।एएमपी एचटीएमएल क्या है और यह फ्रेमवर्क/टूल एक्स के साथ कैसे फिट है?

क्या मैं उत्सुक हूँ कि यह कैसे हमारे मौजूदा workflows के साथ में फिट करने के लिए जा रहा है है। यदि आप एक प्रतिक्रिया या कोणीय ऐप लिख रहे हैं, तो एएमपी एचटीएमएल विकास प्रक्रिया में कैसे फिट है? इनमें से प्रत्येक ढांचे में पहले से ही घटकों को परिभाषित करने का एक तरीका है और ऐसा लगता है कि एएमपी सिर्फ ढेर में जोड़ रहा है।

हम में से अधिकांश पहले ही ब्राउज़र या वेबपैक जैसे अन्य टूल का उपयोग कर रहे हैं। मैं आसानी से देख रहा हूं कि एएमपी बाकी के साथ फिट बैठता है। इनमें से कुछ टूल पहले से ही हमारी साइट को एक अनुकूलित फैशन में सेवा करने की अनुमति देते हैं। एएमपी एचटीएमएल यह सब बदलने जा रहा है?

+1

अच्छा: सबसे पहले, यह Google से है, ट्विटर से नहीं। दूसरा: यह पूरी तरह से मोबाइल पृष्ठों के लिए आधारित है। यह जावास्क्रिप्ट को प्रोत्साहित करने के बजाय प्रतिबंधित करता है। मुझे लगता है कि इसमें बड़ी क्षमता है। हां, कोणीय जैसे पुस्तकालय वेबसाइट को तेज़ी से बनाते हैं, लेकिन यह आपको जावास्क्रिप्ट का उपयोग करने के लिए प्रोत्साहित नहीं करता है। वहां आपका अंतर है। – Siyah

+0

क्षमा करें, मैंने आज ट्विटर से एक घोषणा देखी और मेरी लाइनें पार हो गईं। – naomik

+0

https://github.com/ampproject/amphtml –

उत्तर

23

एएमपी एचटीएमएल मूल रूप से मूल बातें वापस जा रहा है और सबसे तेज़ HTML संभव है। मुझे WAP और Nokia 7110 की याद दिलाई गई है।

यह एक वेब पेज बनाने के लिए नियमों का एक सख्त सेट है, कि विकसित करने के लिए खुला है और अन्य कंपनियों और डेवलपर्स द्वारा एक्सटेंशन के लिए खुला है।

यह कैसे एसपीए (एकल पृष्ठ ऐप्स) और अन्य जावास्क्रिप्ट सामने के अंत भारी चौखटे के साथ काम करता है कि उन डेवलपर्स के लिए यह पता लगाने की इस बिंदु पर अज्ञात है,।

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

मुख्य लाभ

  1. है गूगल एंड्रॉयड, क्रोम और Google खोज, Google CDN लगता है, यह समर्थन करेंगे।
  2. पेज वास्तव में तेज़ लोड होंगे और अभी भी सुंदर दिख सकते हैं।

प्रारंभिक गोद लेने जैसे Wordpress और अन्य प्रकाशक मोबाइल अनुकूल एएमपी पृष्ठों का एक अलग सेट हो सकते हैं। यह Google से आ रहा है जो चाहता था कि आप अपने सभी सामान्य वेब पेजों को मोबाइल अनुकूल बनाएं या एसईओ हिट का सामना करें।

आप लंबे समय में इसके बारे में सोचते हैं मोबाइल वेब कि प्रदर्शन पर केंद्रित है के लिए अपने एक कल्पना। यदि 5 साल में अपनाया गया है, तो उस कनेक्शन की गुणवत्ता के बावजूद किसी भी वेब पेज को मोबाइल कनेक्शन पर सेकेंड में लोड किया जा सकता है। अगर हम गति बढ़ाने के लिए प्रौद्योगिकी और दूरसंचार कंपनियों की प्रतीक्षा नहीं कर सकते हैं, तो हम कम से कम अपने पृष्ठों के आकार को कम कर सकते हैं।

+21

यह एएमपी बताता है लेकिन वास्तव में यह अन्य वर्कफ़्लो में कैसे काम करेगा। – staypuftman

13

एएमपी स्थिर पृष्ठों के लिए डिज़ाइन किया गया है। डेवलपर्स को दो अलग-अलग पेज बनाना है: सामान्य संस्करण और एएमपी संस्करण। एएमपी पेज के पास सामान्य पृष्ठ और इसके विपरीत एक लिंक होगा। जब भी मोबाइल से सामान्य पृष्ठ पर कोई अनुरोध आता है तो यह एएमपी पृष्ठ लोड करेगा और इसके विपरीत। Google को तेज़ी से लोड करने के लिए अपना स्वयं का एएमपी कैश है। एएमपी पृष्ठों को विकसित करते समय हमें केवल एएमपी नियमों पर विचार करना होगा।

1

हालात इस URL

सबसे बड़ी अनुकूलन के अलावा के माध्यम से अब और अधिक स्पष्ट कर रहे हैं तथ्य यह है कि सब कुछ अतुल्यकालिक बाह्य संसाधनों से आता है, इसलिए पेज में कुछ भी नहीं प्रतिपादन से कुछ भी ब्लॉक कर सकते हैं।

तो कोई और अधिक सीएसएस रेंडर अवरोधित।

अन्य प्रदर्शन तकनीकों में सभी iframes का सैंडबॉक्सिंग शामिल है, संसाधनों को लोड करने से पहले पृष्ठ पर प्रत्येक तत्व के लेआउट की पूर्व-गणना और धीमी सीएसएस चयनकर्ताओं को अक्षम करना शामिल है।

आशा है कि यह नया लिंक मदद करता है।

संबंधित मुद्दे