الآن يمكن توسيع صفحات AMP باستخدام جافا سكريبت

حتى الآن كان هناك قيود معقدة على صفحات AMP : بينما يتم تحميل الصفحات بشكل أسرع بكثير من صفحات HTML العادية ، كان تصميم الصفحات محدودًا للغاية ، خاصة فيما يتعلق بتفاعل المستخدم. السبب في ذلك هو محدودية عدد العلامات والعناصر المتاحة لصفحات AMP.

يتغير هذا الآن ، لأنه مع <amp-script> يمكن الآن دمج رمز JavaScript الفردي ، مما يجعل تصميم صفحات AMP أكثر مرونة. من الممكن أيضًا استخدام شفرة JavaScript على كل من صفحات AMP وغير AMP. حتى لا تؤثر على أوقات تحميل صفحات AMP ، يتم تشغيل JavaScript الفردي في مؤشر ترابط العامل الخاص به.

ومع ذلك ، يجب ملاحظة بعض القيود عند استخدام <amp-script>:

• لتجنب ما يسمى Content Jumping ، وهو التحول غير المتوقع للمحتوى على الصفحة ، يتطلب <amp-script> دائمًا تفاعل المستخدم لتغيير محتويات الصفحة.

• لأن تغيير المحتوى عبر <amp-script> يتطلب تفاعل المستخدم ، لا يمكن إجراء أي تعديلات عند تحميل الصفحة.

• لا يمكن أن يتجاوز رمز JavaScript المدمج 150 كيلوبايت

• لا يمكن معالجة جميع API التطبيقات في <amp-script>. يمكن العثور على قائمة بواجهات برمجة التطبيقات API المدعومة هنا.

• بالإضافة إلى ذلك ، ليست كل أساليب وخصائص DOM مدعومة حاليًا. يمكن الاطلاع على مزيد من المعلومات في هذه الصفحة.

يمكن استخدام أطر JavaScript الشائعة مثل React و Preact و Angular وغيرها.

يمكن العثور على معلومات لاستخدام <amp-script> في هذه الصفحة.