Google Pagespeed Insights للناشرين - نصائح لتحسين سرعة صفحة موقع الويب

تعتبر سرعة تحميل الصفحة عاملاً رئيسيًا يعتبره محرك البحث Google لترتيب نتائج البحث. تعمل Google على زيادة تركيزها على تجربة الزائر الإجمالية ، وأنشأت Google Core Web Vitals لتتبع سرعة تحميل الصفحة ، واستقرار تخطيط الصفحة ، ومدى سرعة بدء المستخدم في التفاعل مع الصفحة.

بدأت Google مؤخرًا في قياس سرعة الصفحة والخبرة على أساس النجاح / الفشل ، كعامل في ترتيب البحث. تعد تجربة الصفحة معيارًا بشكل متزايد للناشرين عبر الإنترنت ، الذين يشعرون بالفعل بتأثير مستخدمي حظر الإعلانات الحساسين لأوقات تحميل الصفحة وعرض النطاق الترددي.

يمكن أن يتأثر الناشرون على وجه الخصوص سلبًا باختبار سرعة الصفحة الجديد من Google ونهج تسجيل النتائج ، نظرًا لأن الإعلانات وعروض تسعير الرأس والاستهداف وأدوات تقنية الإعلان يمكن أن تؤثر بشكل أكبر على تجربة الصفحة الإجمالية وسرعتها. ترتبط Google PageSpeed ​​Insights بطبيعتها بمدى وصولك. إذا تم تحميل صفحتك ببطء ، فستنتقل الأخبار - وتتركك وراءك.

Google PageSpeed ​​Insights و Core Web Vitals Score

طورت Google أداة PageSpeed ​​Insights لتحليل محتوى الموقع وسرعة التحميل ، وتقييم أداء الموقع ، وتوفير معلومات لمساعدة الناشرين على إجراء تحسينات على سرعة الموقع. تستخدم Google أداة سرعة الموقع تسمى Lighthouse لتسجيل موقعك من 1 إلى 100 بشكل منفصل لإصدارات سطح المكتب والجوال ، مع 90+ درجة جيدة.



كانت PageSpeed ​​Insights في الأصل تركز في الغالب على عوامل سرعة التحميل ، لكن Google تحولت مؤخرًا إلى التركيز على تجربة الموقع الإجمالية. تنص Google على أن: " تحسين جودة تجربة المستخدم هو مفتاح النجاح طويل المدى لأي موقع على الويب."

تم استبعاد PageSpeed ​​Insights في البداية من الاختبارات المعملية لموقع الويب ، ولكن Google حولت التركيز مؤخرًا إلى المزيد من تجربة موقع الويب الشاملة ، وتضمنت بيانات ميدانية لأداء موقع الويب. لقد قاموا بصياغة Google Core Web Vitals (CWV) ، والتي تركز على ثلاثة مقاييس لتجربة المستخدم: استقرار الصفحة ، وسرعة تحميل المحتوى ، وسرعة تفاعل الصفحة.

يعتقد متخصصو تحسين محركات البحث (SEO) أنه يتم استخدام بيانات حقل Google فقط لترتيب البحث ، وأن المحتوى عالي الجودة لا يزال يلعب دورًا كبيرًا في عوامل التصنيف.

ما هي مقاييس أساسيات الويب من Google؟

أساسيات الويب الأساسية من Google هي ثلاثة مقاييس تقيم استقرار الصفحة وسرعة تحميل الصفحة ومدى سرعة استجابة الصفحة لتفاعل المستخدم. يتم قياس "أساسيات الويب الأساسية" والإبلاغ عنها لكل من تجربة سطح المكتب والجوّال ، ويمكن الوصول إليها من داخل Google Search Console ، وكذلك على صفحة PageSpeed ​​Insights للمطورين. يمكن لأي شخص يريد قياس موقعه ، أو أي موقع ، إدخال عنوان url للصفحة وعرض التقرير.

• أكبر رسم محتوى (LCP) - يشير هذا التصنيف إلى مدى سرعة تحميل الصفحة للمحتوى الرئيسي للصفحة. 2.5 ثانية أو أقل LCP هي نتيجة جيدة.
  
  
• تأخير الإدخال الأول (FID) - يقيس هذا التصنيف المدة التي تستغرقها صفحة الويب للرد على إجراء يتخذه المستخدم. يبدأ مؤقت هذا القياس عندما يكون هناك شيء مرئي على الصفحة ليتفاعل معه المستخدم ، وينتهي عندما تكون الصفحة قادرة على الاستجابة لإجراء الزائرين هذا. إذا لم تستطع الصفحة الاستجابة للمستخدم لأنها تستجيب للعديد من البرامج النصية الأخرى ، فسيتم تحميلها أولاً ، فستتأثر نتيجة FID. للحصول على درجة النجاح ، تعد FID التي تبلغ 100 مللي ثانية أو أقل درجة جيدة.
  
  
• التحول في التخطيط التراكمي (CLS) - يقيس CLS الثبات المرئي للصفحة والتخطيط. إذا قمت بالتبديل لأسفل ، فهل تتحرك الأشياء؟ هل لديك إعلانات أو صور أو عناصر صفحة يتم تحميلها لاحقًا وتتسبب في تحول تخطيط الصفحة؟ ينتج عن هذا ضعف درجة CLS. يعتبر تصنيف CLS البالغ 0.1 أو أقل درجة جيدة.

يوضح مثال الفيديو هذا بواسطة مجموعة مطوري Google مشكلة CLS. يحاول أحد المستخدمين رفض عملية الشراء ، ولكن يتغير التنسيق عليه أثناء النقر وينقر بالخطأ على الشراء ، مما ينتج عنه تجربة غير سعيدة للغاية.

إرشادات Google للناشرين الذين يقومون بتدقيق سرعة الصفحة الخاصة بهم: "ضع في اعتبارك تمرير الصفحة إذا كانت تفي بالأهداف الموصى بها عند النسبة المئوية 75 لجميع المقاييس الثلاثة المذكورة أعلاه".

تم دمج مقاييس سرعة تحميل الصفحة ومقاييس الويب الحيوية الأساسية في أداة مطور Chrome ، والمتاحة من داخل متصفح Chrome. سيأخذ وضع مطور Chrome أيضًا لقطة للصفحة خلال عملية التحميل ، للمساعدة في تحديد مكان حدوث المشكلات بدقة.


تحديث: تشير بيانات البحث الحديثة التي أجراها Tom Capper في Moz إلى أن تصنيفات مواقع الويب تتأثر بشكل أساسي إذا فشلت في جميع عتبات Core Web Vitals الثلاثة ، (LCP ، FID ، CLS) ، ولكن الفشل 1 أو 2 لم يكن مرتبطًا بتأثير كبير على التصنيفات.

كيف يمكن للناشرين تحسين سرعة تحميل الصفحة وأساسيات الويب الأساسية؟

يجب على الناشرين القيام بانتظام بالخطوات الثلاث التالية على الأقل لتحسين أداء الموقع: أولاً ، إجراء اختبارات سرعة الصفحة والتفاعل بانتظام ومراجعة التقارير ؛ ثانيًا ، حدد العناصر التي تم تحميلها وغير المستخدمة أو غير الضرورية ، مثل الخطوط القديمة أو البرامج النصية لـ css. ثالثًا ، قم بتدوين الصور و CSS والفيديو وجافا سكريبت والتي يمكن تحسينها جميعًا من أجل الحجم وسرعة التحميل عبر الضغط أو التصغير أو التسلسل.

فيما يلي خطوات وموارد إضافية للناشرين لتحسين أوقات تحميل الموقع ، وحيوية الويب الأساسية ، وتجربة الزائر.

تطبيق Lazy Loading لتحسين فاعلية الويب FID

يؤجل التحميل الكسول تحميل الصور أو العناصر الأخرى إلى ما بعد تحميل محتوى الصفحة الأساسية وتخطيطها واستخدامها. هذا يمكن أن يحسن عرض النطاق الترددي ومقياس FID. فكر في الصور والعناصر التي لن تظهر أبدًا في الجزء المرئي من الصفحة ، ويمكن تأجيل هذه العناصر للتأكد من أن التجربة الأولية سريعة وتفاعلية.

يقدم Wordstream مقالة جيدة حول وقت وكيفية تنفيذ التحميل البطيء ، ولكن قد ترغب في التحقق من مجتمعات محددة مبنية حول نظام CMS الخاص بك. يحتوي Hubspot على تحميل بطيء مدمج في بعض وظائفه ، وهناك مجموعة من مكونات Wordpress الإضافية لأتمتة التحميل البطيء.

الاستفادة من شبكة تسليم المحتوى CDN

استفد من CDN وتأكد من تكوينه بشكل صحيح للأداء. يمكن لشبكة توصيل المحتوى (CDN) تقليل عرض النطاق الترددي وأوقات تحميل الصفحة من خلال استضافة نسخ من الوسائط الخاصة بك جغرافيًا أقرب إلى المستخدمين. على سبيل المثال ، يمكن لزائر في كندا تسليم المحتوى الخاص بك عن طريق خادم CDN في تورنتو ، بينما يمكن للزائر المتزامن في الهند الحصول على محتوى يتم تسليمه من تشيناي ، تتم إدارته جميعًا على النحو الأمثل بواسطة CDN.

ضغط الصور ومقاطع الفيديو لتحميل أسرع للصفحة

تعد ملفات الوسائط الكبيرة أحد أكثر مسببات التعليقات في أوقات تحميل الصفحات البطيئة ، وواحدة من أسهل الملفات في المعالجة. يجب عليك ترتيب جميع الصور الموجودة على موقعك حسب الحجم ، والانتباه إلى تلك التي يبلغ حجمها 100 كيلو أو أكبر على الفور. يمكنك عنكبوت موقعك باستخدام أداة مثل Screaming Frog لتحديد كل الصور الكبيرة في دقائق. غالبًا ما تحتوي أنظمة Wordpress وأنظمة CMS الحديثة على أدوات لضغط الصور ، ولكن تحقق من نفسك. في بعض الأحيان ، يمكنك القيام بعمل أفضل باستخدام أدوات الجهات الخارجية المصممة خصيصًا لضغط الصور ، مثل tinypng أو jpeg-optimizer.

قم بإزالة ملفات JavaScript غير المستخدمة لتحسين سرعة عرض الصفحة

هل تحتوي صفحة الويب الخاصة بك على JavaScript bloat؟ إذا كانت JavaScript تمنع العرض ، فيجب استدعائها وتنزيلها وتحليلها وتقييمها وتنفيذها قبل أن تتمكن الصفحة من إنهاء العرض. هل لديك ملفات جافا سكريبت غير مستخدمة؟ يمكن أن تتراكم ملفات JavaScript للاستهداف وأنظمة CMS وتعيين بكسل التتبع والعلامات الاجتماعية وتحميل الخطوط والمزيد. يمكنك تحديد مقدار JavaScript الذي لا يتم استخدامه بالتفصيل باستخدام ميزة Coverage في Chrome DevTools.

عند تشغيل أداة سرعة صفحة Google ، ستحدد أي جافا سكريبت يحتوي على أكثر من 20 كيلو بايت من التعليمات البرمجية غير المستخدمة.

قم بدمج CSS والنصوص أو تصغيرها لتحسين سرعة الصفحة

يؤدي تصغير هذه البرامج النصية إلى الحفاظ على قابلية القراءة على الجهاز ، ولكنه يجعل تحميلها أسرع بكثير. هناك العديد من الأدوات المتاحة لتقليل البرامج النصية ؛ وضع RankRed مجموعة متنوعة جيدة من أدوات وأوصاف تصغير البرنامج النصي. يمكنك أيضًا حفظ بعض الرحلات إلى الخادم إذا قمت بربط ملفات JavaScript أو CSS.

تحسين ذاكرة التخزين المؤقت لأساسيات الويب الأساسية

يجب مراجعة إستراتيجية ذاكرة التخزين المؤقت لنوع الموقع لديك ، عبر وظائف ذاكرة التخزين المؤقت PI مثل التحكم في ذاكرة التخزين المؤقت و Last-Modified. يقدم مطورو Google بعض الإرشادات وقائمة تحقق لخيارات ذاكرة التخزين المؤقت ، بالإضافة إلى خيارات التكوين للخوادم الشائعة. قد ترغب في تحميل ذاكرة التخزين المؤقت مسبقًا بحيث يتم تحسين الصفحة بالفعل قبل وصول Googlebot لتقييم الأداء.

يقترح WP Rocket ، صانع أدوات WP ، أن تحميل ذاكرة التخزين المؤقت مسبقًا يمكن أن يكون مساعدة رئيسية لتحسين سرعة الصفحة ، وأنشأ هذا الفيديو للتوضيح.

مساعدة المتصفحات على تخصيص مساحة لتجنب تغيير التخطيط

• حدد سمات ارتفاع الصورة وعرضها حتى يتمكن المتصفح من التخطيط لممتلكاتهم ، حتى لو كانت بطيئة التحميل لاحقًا.
• خصص مساحة للإعلانات وإطارات iframe والمحتوى الديناميكي. استخدم الحاويات للمساعدة في تجنب تغييرات التخطيط في وقت العرض.
• ضع في اعتبارك تحسين عرض الخط باستخدام الرابط rel = "preload"   وعرض الخط: اختياري.
  
  

قم بتشغيل برنامج Analytics

يمكن أن يمنحك إجراء اختبار PageSpeed ​​متكرر المزيد من الأفكار حول حيوية الويب الأساسية الخاصة بك. لا يمكنك فقط رؤية نتيجة سرعة الصفحة ، ولكن يمكنك أيضًا معرفة عدد العناصر التي يتم تحميلها ومدى سرعة تحميلها. تعمق في تقاريرك لتحديد العناصر التي يمكن أن تعيق سرعة صفحتك. فيما يلي بعض الأدوات الشائعة لعرض مستويات مختلفة من التفاصيل وإعداد التقارير حول تحميل الصفحة وسرعة الصفحة والتحسين لمحركات البحث:

• Google PageSpeed ​​Insights
• GTmetrix
• Pingdom مراقبة سرعة الصفحة
• WebPageTest

فيما يلي بعض التوصيات لمزيد من المناقشات التقنية والتفصيلية حول تحسين سرعة الصفحة:

• كيفية تحسين سرعة الموقع وورد
• Nitropack: كيفية قياس وتحسين العناصر الحيوية الأساسية للويب
• SearchEngineWatch - 28 طريقة لتعزيز موقعك
• Toptal - الحصول على تقييم PageSpeed ​​Insights من Google
• مجلة Smashing - دليل قياس أساسيات الويب الحيوية
• Web.dev - تحسين أداء الموقع مع أوقات التحميل السريع
  
  

هل الاشتراكات مدفوعة في خططك المستقبلية؟

كيف يساعد الأدميرال في تحسين أداء الناشر

كان Admiral من أوائل المدافعين عن أهمية تجربة الصفحة للناشرين على وجه الخصوص ، الكتابة والتحدث عن سرعة الصفحة ، وتجربة الإعلان ، و Better Ads vs Bad Ads ، والمزيد. يمكن أن يساعد تحسين تجربة الموقع في تقليل استخدام المستهلكين لبرامج حظر الإعلانات.

بالإضافة إلى ذلك ، في حين أن العديد من بائعي تكنولوجيا الإعلانات كانوا يركزون على حلول النقاط ، فقد أنشأ Admiral نظامًا أساسيًا لأتمتة المشاركة الأفقية يوفر حلولًا عبر رحلة علاقة الزائر ، مصممة لتقليل العبء التقني للناشرين.

حلول النقاط تضاعف الديون التقنية للناشرين

باستخدام حلول النقاط ، يمكن أن ينتهي الأمر بالناشرين بالعديد من العلامات ، وعمليات الدمج ، واستهداف محركات القرار ، والمناقشات مع فريق التطوير الخاص بهم ، وما إلى ذلك. فهم في جوهرهم يخلقون وحشًا فرانكشتاين بسرعة الصفحة وتأثيرات UX إذا استخدموا أنظمة منفصلة لنمو الرسائل الإخبارية ، adblock الاسترداد ، وإدارة الموافقة ، والاشتراكات المدفوعة ، وجدران التسجيل ، ونمو المتابعين الاجتماعيين ، إلخ.

تم التحقق من Admiral بواسطة اختبار سرعة طرف ثالث عبر أكثر من 100 سيناريو للعميل

كان Admiral استباقيًا في مساعدة الناشرين على تحسين Core Web Vitals ، وتعاقد مع وكالة رقمية معترف بها على الصعيد الوطني (Anvil Media) لاختبار صارم لحل العلامة الواحدة من Admiral من أجل السرعة والتأثير على Core Web Vitals.

اختبر خبراء سرعة الصفحة في Anvil علامة Admiral عبر 15 موقعًا للعملاء ، وجميع وحدات Admiral so lution ، وسطح المكتب والجوال ، على مدار خمسة أيام ، والقياسات السابقة واللاحقة ، وجميع مقاييس CWV الثلاثة ؛ أكثر من 300 نقطة بيانات في المجموع.