تتحدث Google عن مبادرة جديدة لتسريع صفحات الويب على أجهزة الجوال: Accelerated Mobile Pages

اليوم، جوجل بلوق الرسمية قد أعلنت الإعلان عن مبادرة جديدة مفتوحة جراء البحث العملاق المعجل الصفحات موبايل (AMP)، والمصممة لتسريع صفحات الويب على الأجهزة الجوالة. نحن نتحدث عن استخدام من قبل مبرمجي الويب لمكتبة AMP HTML خاصة ، يتوفر رمزها في حالة المعاينة الفنية على github . الرمز غير الرسمي للمكتبة هو صاعقة البرق "⚡" ، مما يعني بالتالي سرعة عملها على الأجهزة المحمولة.

يعتقد AMP HTML أن أداء صفحة الويب يعتمد بشكل كبير على عدد أكواد JavaScript لمجموعة متنوعة من المكتبات التي تطبق وظائف ديناميكية مختلفة. بدلاً من استخدام جافا سكريبت بشكل صريح أو ضمني لعناصر مثل مختلف الأصوات أو مقاطع الفيديو ، يتم تشجيع المطورين على استخدام مكونات الويب المصممة خصيصًا لـ AMP HTML. يمكن العثور على قائمة بهذه المكونات هنا . يجب ألا يؤثر رمز JS لهذه المكونات على أداء صفحة الويب.

تحتوي مكتبة AMP HTML الآن على 4 مكونات فقط ومدقق خاص ، يمكنك من خلالها التحقق مما إذا كانت الصفحة قد تم إنشاؤها وفقًا لمعيار AMP. إذا أضفت "# development = 1" إلى عنوان URL ، فستنفذ المكتبة سلسلة من طرق التأكيد لمعرفة ما إذا كان تخطيط الصفحة مناسبًا لمبادئ AMP وعرض النتائج في وحدة تحكم المتصفح. يجب أن تبدو صفحة الويب البسيطة كالتالي:

<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="hello-world.html" >
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <script src="https://cdn.ampproject.org/v0.js" async></script>
  <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>Hello World!</body>
</html>


للحصول على مثال لمستندات AMP الجاهزة ، يقترح Google تجربة البحث - يمكنك الوصول إليه من جهاز محمول على عنوان URL التالي: g.co/ampdemo . يمكنك تقييم كيف يبدو بصريًا بمساعدة gif-animation:



هناك نسخة من الوثيقة وأبسط: إنها تتحدث فقط عن إيديولوجية AMP.

Source: https://habr.com/ru/post/ar384995/


All Articles