اضافة amp لتسريع تصفح الجوال للووردبريس

raheel · 14-03-2019, 03:41 PM

اضافة مشروع Accelerated Mobile Pages لتسريع تحميل الصفحات للجوال للووردبريس

مشروع AMP الذي اطلقته جوجل لتسريع صفحات الويب عند التصفح من الجوال, ثورة جديدة تقودها جوجل لتحسين جودة المواقع وتسهيل تنقل الزائر وتصفحه لصفحات المواقع, لأن بطء الموقع يمثل عبء على الزائر وعناكب البحث, ونتائجه سيئة على صاحب الموقع.

اعلنت جوجل عن المشروع Accelerated Mobile Pages في 7 اكتوبر 2015, وشارك في هذا المشروع اكبر منصات الانترنت في العالم, وهي:

Twitter
Pinterest
WordPress.com
Chartbeat
Parse.ly
Adobe Analytics
LinkedIn

وبما أن ووردبريس هي من أكبر منصات العالم التي تُستخدم لأدارة المواقع, سارعت للمشاركة في هذا المشروع واطلقت اضافة لتسهيل عمل اصحاب المواقع, وقبل الخوض في التفاصيل لنفهم ماهي آلية عمل مشروع AMP.
وللتعرف اكثر عن AMP بفيديو قصير من شرحي يمكنك زيارة هذه المقالة: شرح Accelerated Mobile Pages واضافة AMP لموقعك

ما آلية عمل مشروع AMP؟

يعمل مشروع Accelerated Mobile Pages على تخفيف Load Time الصفحة, ليصبح التنقل بين الصفحات أمر سهل وبسيط, ويعتمد على AMP HTML مفتوح المصدر ليجعل صفحات الويب خفيفة الوزن حتى لو كانت هذه الصفحات تحتوي على صور وفيديوهات والاعلانات وخرائط وsocial plug-ins

تفعيل هذه الخاصية في مواقعنا بتبديل اكواد HTML فمثلاً عوضاً عن:
<img>
ستصبح
<amp-img>

وطبعاً هذا امر صعب على اصحاب المواقع, لذلك اضافة AMP الخاصة بالووردبريس ستقوم بعمل كل شيء لوحدها, فقط قم بتحميل الاضافة وتفعيلها.

صفحة الاضافة على ووردبريس: https://wordpress.org/plugins/amp/

بعد تحميل الاضافة وتنزيلها على موقعك, قم بتفعيلها وستعمل بشكل تلقائي لوحدها, وهذه الاضافة مازالت في البدايات والنسخة التجريبية, وستحصل الاضافة على تحديثات مهمة في المستقبل.

بعد تفعليها أذهب مباشرة الى الاعدادت>>روابط دائماً>>حفظ التغييرات.قمنا بهذه الحركة لكي يقوم ووردبريس بعمل اعادة تدفق للروابط.

صفحة AMP HTML مثل اي صفحة HTML ولكن مع مجموعة من الوظائف الفنية مفتوحة المصدر, وتعمل هذه الصفحة بلغة HTML5, كما وتعمل على جميع المتصفحات الحديثة.
بالأضافة الى ذلك, يمكن اعتبار ملفات AMP ملفات مؤقتة “Cached” على جهاز المحمول الخاص بك, كما وسيعمل الناشرون والمطورون على السيطرة اكثر عليها وتطويرها لجعل سرعة تحميل الصفحة ووقت التحميل افضل.

واهم الناشرين الذين قاموا باستخدام مشروع AMP HTML هم مواقع الاخبار العالمية مثل واشنطن بوست, ونيويورك تايمز, وBUZZFEED و دايلي ميل و الجارديان.

في النسخة 0.1 و 0.2 كانت الاضافة بدائية أما في النسخة 0.3 وجدنا عدة تغييرات متطورة على الاضافة مثل:

اضافة AMP للفيسبوك.
اضافة فلاتر جديدة (amp_init)
اصلاح بعض القضايا والمشاكل المتعلقة بالتحقق.
بعض الاضافات التقنية الاخرى.

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

14-03-2019, 03:41 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 اضافة amp لتسريع تصفح الجوال للووردبريس اضافة amp لتسريع تصفح الجوال للووردبريس اضافة مشروع Accelerated Mobile Pages لتسريع تحميل الصفحات للجوال للووردبريس مشروع AMP الذي اطلقته جوجل لتسريع صفحات الويب عند التصفح من الجوال, ثورة جديدة تقودها جوجل لتحسين جودة المواقع وتسهيل تنقل الزائر وتصفحه لصفحات المواقع, لأن بطء الموقع يمثل عبء على الزائر وعناكب البحث, ونتائجه سيئة على صاحب الموقع. اعلنت جوجل عن المشروع Accelerated Mobile Pages في 7 اكتوبر 2015, وشارك في هذا المشروع اكبر منصات الانترنت في العالم, وهي: Twitter Pinterest WordPress.com Chartbeat Parse.ly Adobe Analytics LinkedIn وبما أن ووردبريس هي من أكبر منصات العالم التي تُستخدم لأدارة المواقع, سارعت للمشاركة في هذا المشروع واطلقت اضافة لتسهيل عمل اصحاب المواقع, وقبل الخوض في التفاصيل لنفهم ماهي آلية عمل مشروع AMP. وللتعرف اكثر عن AMP بفيديو قصير من شرحي يمكنك زيارة هذه المقالة: شرح Accelerated Mobile Pages واضافة AMP لموقعك ما آلية عمل مشروع AMP؟ يعمل مشروع Accelerated Mobile Pages على تخفيف Load Time الصفحة, ليصبح التنقل بين الصفحات أمر سهل وبسيط, ويعتمد على AMP HTML مفتوح المصدر ليجعل صفحات الويب خفيفة الوزن حتى لو كانت هذه الصفحات تحتوي على صور وفيديوهات والاعلانات وخرائط وsocial plug-ins تفعيل هذه الخاصية في مواقعنا بتبديل اكواد HTML فمثلاً عوضاً عن: <img> ستصبح <amp-img> وطبعاً هذا امر صعب على اصحاب المواقع, لذلك اضافة AMP الخاصة بالووردبريس ستقوم بعمل كل شيء لوحدها, فقط قم بتحميل الاضافة وتفعيلها. صفحة الاضافة على ووردبريس: https://wordpress.org/plugins/amp/ بعد تحميل الاضافة وتنزيلها على موقعك, قم بتفعيلها وستعمل بشكل تلقائي لوحدها, وهذه الاضافة مازالت في البدايات والنسخة التجريبية, وستحصل الاضافة على تحديثات مهمة في المستقبل. بعد تفعليها أذهب مباشرة الى الاعدادت>>روابط دائماً>>حفظ التغييرات.قمنا بهذه الحركة لكي يقوم ووردبريس بعمل اعادة تدفق للروابط. صفحة AMP HTML مثل اي صفحة HTML ولكن مع مجموعة من الوظائف الفنية مفتوحة المصدر, وتعمل هذه الصفحة بلغة HTML5, كما وتعمل على جميع المتصفحات الحديثة. بالأضافة الى ذلك, يمكن اعتبار ملفات AMP ملفات مؤقتة “Cached” على جهاز المحمول الخاص بك, كما وسيعمل الناشرون والمطورون على السيطرة اكثر عليها وتطويرها لجعل سرعة تحميل الصفحة ووقت التحميل افضل. واهم الناشرين الذين قاموا باستخدام مشروع AMP HTML هم مواقع الاخبار العالمية مثل واشنطن بوست, ونيويورك تايمز, وBUZZFEED و دايلي ميل و الجارديان. في النسخة 0.1 و 0.2 كانت الاضافة بدائية أما في النسخة 0.3 وجدنا عدة تغييرات متطورة على الاضافة مثل: اضافة AMP للفيسبوك. اضافة فلاتر جديدة (amp_init) اصلاح بعض القضايا والمشاكل المتعلقة بالتحقق. بعض الاضافات التقنية الاخرى. المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تعرف علي مستقبل تصميم تطبيقات الجوال	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	11-04-2019 06:47 PM
طريقة اضافة اعلانات ادسنس وغيرها في نسخه الجوال لاحلى منتدى	الفارس	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	05-04-2019 03:12 PM
مفهوم الدوال السهمية (Arrow Functions)	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	01-04-2019 06:23 PM
اضافة تويتر الرسمية للووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 04:07 PM
طريقة اضافة YourColor Seo	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 03:30 PM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)