اداة Page Speed ​​Insights من Google

موقع الويب الذي يستغرق وقتًا طويلاً في التحميل لا يكرهه المستخدمون فحسب، بل وأيضًا Google، فلطالما كانت سرعة تحميل موقع الويب أحد عوامل تصنيف Google منذ عام 2018 وبالتالي، يتم معاقبة الصفحات البطيئة سواء في الجوال أو سطح المكتب بواسطة الخوارزمية. 

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

لهذا الغرض لدى Google أداة في مجموعتها تسمي Google Page Speed ​​Insights والتي تساعد في تحليل أوقات تحميل موقع الويب، وإذا لزم الأمر تحسينها وفقًا لذلك.

أداة Google Page Speed ​​Insights؟

Page Speed ​​Insights هي إحدى أدوات Google SEO التي تحسب وتحلل وقت تحميل عنوان URL في الخطوة الأولى، فكل ما عليك فعله هو إدخال عنوان الإنترنت في الحقل المتوفر ثم يتم عرض النتيجة مقسمة إلى إصدارات الجوال وسطح المكتب، ويمكنك بسهولة التبديل بينهما. 

يتم تضمين تجارب المستخدم الحقيقية من تجربة مستخدم Chrome (المختصرة إلى Crux) في التحليل، وتتلقى Google هذه البيانات من المستخدمين الذين يستخدمون متصفح Chrome الداخلي ويشاركون طواعية إحصاءات الاستخدام الخاصة بهم مع Google.

بالإضافة إلى ذلك، تم تضمين البيانات من Lighthouse في التحليل، وتقوم هذه الأداة بتقييم الوصول إلى موقع الويب المعني وأدائه وسهولة استخدامه.

تتم الإشارة إلى نتيجة التحليل باستخدام Google Page Speed ​​Insights بواسطة قيمة أداء على مقياس من 0 إلى 100، ويتيح ذلك إجراء تقييم تقريبي ويساعد على فهم أداء الموقع في بضع ثوانٍ.

 تحتوي نتائج Page Speed ​​Insights على أكثر من هذه القيمة فقط، وبدلاً من ذلك، فهي مكونة من العديد من المهمات الرئيسية المختلفة.

قيمة الأداء

في الجزء العلوي توجد قيمة الأداء، والتي تظهر على مقياس من 0 إلى 100، مقسمة إلى ثلاث فئات:

  1. 90-100 (أخضر): سريع
  2. 50-89 (برتقالي): متوسط
  3. 0-49 (أحمر): بطيء

التعرُّف على تجربة المستخدمين

تتبع البيانات الميدانية من Crux (البيانات من 28 يومًا الماضية)، بشرط أن يكون هذا متاحًا لعنوان URL الذي تم إدخاله، فإذا لم تكن كذلك، فستتلقى رسالة، “لا توجد بيانات سرعة فعلية كافية لهذه الصفحة في تقرير تجربة مستخدم Chrome”

تعمل Page Speed ​​Insights بدون تقرير تجربة مستخدم Chrome، فإذا كانت البيانات الميدانية متاحة للموقع، فإن التقييم يشير إلى القيم التالية:

  • First Con tentful Paint (FCP): هو الوقت الذي يستغرقه عرض الصورة أو النص الأول بالكامل على موقع الويب.
  • (FID)يقيس تأخير الإدخال الأول الوقت الذي يمكن للمستخدم من خلاله التفاعل مع موقع الويب لأول مرة.
  • (LCP)يقيس Largest Con tentful Paint  عندما يصبح أكبر عنصر محتوى مرئيًا في منفذ العرض.
  • (CLS)يقيس تغيير التنسيق التراكمي لعناصر الصفحة أثناء استمرار تحميل موقع الويب.

يتم تصنيف قيم تجربة المستخدمين بدورها وفقًا للسرعات:

سريع (أخضر):

  • FCP: ما بين 0 و1 ثانية.
  • FID: ما بين 0 و0.1 ثانية.
  • LCP: ما بين 0 و2.5 ثانية.
  • CLS: يتراوح حجم إزاحة التخطيط التراكمي بين 0 و10 بالمائة.

متوسط ​​(برتقالي):

  • Final Cut Pro: تتراوح مدته بين ثانية واحدة و3 ثوانٍ.
  • FID: ما بين 0.1 و0.3 ثانية.
  • LCP: ما بين 2.5 و4 ثوانٍ.
  • CLS: التحول بين 10 و25 بالمائة.

بطيء (أحمر):

  • Final Cut Pro: أكثر من 3 ثوانٍ.
  • FID: أكثر من 0.3 ثانية.
  • LCP: أكثر من 4 ثوانٍ.
  • CLS: التحول أكثر من 25 بالمائة.

يمكن أيضًا عرض نقاط البيانات الأربع FCP وFID وLCP وCLS على أنها ” ملخص “، وهذا سوف يظهر لهم للمجال بأكمله، فإذا لم تكن هناك بيانات حقل كافية أو لا توجد بيانات كافية لعنوان URL محدد، فسيتم عرض بيانات ملخص الأصل فقط.

تشخيص مشاكل الأداء

يتلقى Google Page Speed ​​Insights ما يسمى ببيانات التشخيص من أداة المصدر المفتوح Lighthouse. 

يحدد هذا مدى جودة أداء موقع الويب من خلال الزحف إلى عنوان URL، وينقسم التصنيف إلى “سريع” و “متوسط” و “بطيء” – بالإضافة إلى عوامل FCP وLCP وCLS، ومع ذلك، فهذه لها قيم حدية مختلفة لبيانات التشخيص. 

بالإضافة إلى ذلك، هناك قيمتان إضافيتان: وقت التفاعل (TTI)، أي الوقت حتى التفاعل ووقت الحظر الإجمالي، إجمالي وقت الحظر (TBT).

القيمة السادسة من بيانات التشخيص هي مؤشر السرعة، ويقيس مؤشر السرعة مدى سرعة عرض المحتوى بشكل مرئي عند تحميل موقع الويب. 

يسجل Lighthouse أولاً مقطع فيديو لعملية تحميل الصفحة في المتصفح ويحسب التسلسل المرئي بين الإطارات.

لمحة عن معايير التقييم لبيانات المعمل:

سريع (أخضر):

  • Final Cut Pro: ما بين 0 و2 ثانية.
  • LCP: ما بين 0 و2 ثانية.
  • CLS: التحول بين 0 و10 بالمائة.
  • TTI: بين 0 و3.8 ثانية.
  • TBT: ما بين 0 و0.3 ثانية.
  • مؤشر السرعة: ما بين 0 و4.3 ثانية.

متوسط ​​(برتقالي)

  • Final Cut Pro: ما بين 2 و4 ثوان.
  • LCP: ما بين 2 و4 ثوان.
  • CLS: التحول بين 10 و25 بالمائة.
  • TTI: بين 3.9 و7.3 ثانية.
  • TBT: ما بين 0.3 و0.6 ثانية.
  • مؤشر السرعة: ما بين 4.4 و5.8 ثانية.

بطيئة (حمراء)

  • Final Cut Pro: أكثر من 4 ثوان.
  • LCP: أكثر من 4 ثوانٍ.
  • CLS: التغيير أكثر من 25 بالمائة.
  • TTI: أكثر من 7.3 ثانية.
  • TBT: أكثر من 0.6 ثانية.
  • مؤشر السرعة: أكثر من 5.8 ثانية.

من الميزات المفيدة في Lighthouse عرض لقطات الشاشة، خاصةً عند تحليل إزاحة التخطيط التراكمي (CLS)، والتي تعرض محفوظات تخطيط الصفحة جنبًا إلى جنب مع معلومات الوقت.

التوصيات

في المرحلة قبل الأخيرة، تقدم Google Page Speed ​​Insights توصيات حول كيفية تحسين موقع الويب، وينصب التركيز بالطبع على تقليل وقت تحميل الصفحة.

التشخيص

لا تؤثر هذا التشخيص بشكل عام على قيمة Page Speed ​​Insights ، ولكنه يوفر مزيدًا من المعلومات حول المشكلات المحتملة أو أفضل الحلول الممكنة لتحسين موقع الويب.

ماذا تعني كلمة “سريع” بالنسبة لـ Google Page Speed ​​Insights؟

كان وقت تحميل موقع الويب عاملاً مهمًا في تحسين محرك البحث لسنوات، وتستمر مُحسّنات محرّكات البحث في الإشارة إلى أهمية سرعة التحميل للترتيب.

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

تُظهر Page Speed ​​Insights القليل من العوامل العديدة التي يستخدمها Google لتقييم مواقع الويب وترتيبها في نتائج البحث. 

سرعة موقع الويب نسبي، ومع ذلك، كقاعدة عامة، يعتبر وقت التحميل من 1.5 إلى 3 ثوانٍ حاليًا متوسطًا، وأي شيء أعلى من ذلك يكون بطيئًا، وأي شيء أقل من ذلك يكون سريعًا وموصى به. 

تتغير هذه القيم مع تطور التكنولوجيا، فكان متوسط ​​وقت تحميل مواقع الويب في عام 2016 لا يزال يزيد عن 3 ثوانٍ.

Page Speed ​​Insights وفهرسة الجوال

ومع ذلك، فإن السرعات المذكورة وحدها ليست كافية لاعتبار Google Page Speed ​​Insights سريعًا، فليس كل مللي ثانية من وقت التحميل هو المهم، إنها تجربة المستخدم الشاملة مع الموقع المعني، وينطبق هذا بشكل خاص على إصدار الهاتف المحمول، الذي يمثل أداؤه عامل تصنيف منفصل لـ Google.

يمكن تصنيف موقع الويب على أنه سريع في إصدار سطح المكتب، لكن هذا لا يعني أن إصدار الهاتف المحمول الخاص به هو أيضًا. 

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

تعتبر الإجراءات التالية مفيدة بشكل خاص للتأكد من أن موقع الويب الخاص بك يعمل أيضًا بشكل جيد في عرض الجوال:

  • قم بإزالة JavaScript غير المستخدمة لتقليل حركة زيارات نشاط الشبكة.
  • تقديم الصور بتنسيقات حديثة، فغالبًا ما توفر تنسيقات الصور مثل JPEG 2000 وJPEG XR و WebP ضغطًا أفضل من تنسيق PNG أو JPEG، مما يسمح بتنزيلات أسرع واستخدام أقل للبيانات.
  • قم بتغيير حجم الصور إلى حجم معقول لتوفير بيانات الجوال وتحسين وقت التحميل.
  • قم بإزالة الموارد التي تمنع العرض، ويجب تضمين JavaScript وCSS المهمين وتأجيل جميع البرامج النصية والأنماط غير الهامة.
  • قم بإزالة كود CSS غير المستخدم لتجنب نشاط الشبكة الذي يستهلك البيانات غير الضرورية.
  • تشفير الصور بكفاءة، حيث يتم تحميل الصور المحسّنة بشكل أسرع واستخدام بيانات أقل للهاتف المحمول.
  • تأكد من بقاء النص مرئيًا أثناء تحميل خط الويب باستخدام وظيفة عرض الخطوط في CSS، فبهذه الطريقة، يكون النص مرئيًا للمستخدمين أثناء تحميل خطوط الويب.
  • تقليل تأثير التعليمات البرمجية الخاصة بطرف ثالث، حيث يمكن أن يؤثر رمز الجهة الخارجية بشكل كبير على سرعة التحميل.
  • تقديم محتوى ثابت مع سياسة ذاكرة تخزين مؤقت فعالة، فيمكن أن يؤدي العمر الافتراضي الطويل لذاكرة التخزين المؤقت إلى تسريع تكرار الزيارات إلى موقعك.
  • تأجيل الصور غير المرئية.
  • ضغط JavaScript.
  • تفعيل ضغط النص.
  • إنشاء اتصال مسبق بالأصول المطلوبة.
  • تجنب عمليات إعادة التوجيه غير الضرورية إلى الموقع.

من المحتمل أن تكون نتائج Google PageSpeed ​​Insights لإصدار الجوال ذات أهمية مماثلة للترتيب مثل نتائج موقع سطح المكتب على الويب.

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

ثلاثة عوامل تؤثر على سرعة الموقع

تقدم Google Page Speed ​​Insights نظرة عامة أولية على الأداء والمشكلات الحالية والحلول الممكنة لعنوان URL محدد أو النطاق بأكمله. 

في الأقسام التالية، نشرح ثلاث عوامل تلعب دورًا حاسمًا في سرعة الموقع.

تحسين الصورة

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

يتم تخزين معظم الصور بتنسيق JPEG أو PNG، ومع ذلك بالنسبة لموقع ويب، تعد تنسيقات JPEG 2000 وJPEG XR و WebP أفضل بكثير لأنه يمكن ضغطها بسهولة أكبر دون أي فقدان واضح للجودة. 

على سبيل المثال، الصورة التي يبلغ حجمها 440.7 كيلوبايت (KB) كملف jpg، ستحصل على 135.1 كيلوبايت بتنسيق JPEG 2000. 

بشكل عام، وخاصة على مواقع الويب التي تحتوي على العديد من الصور، يكون هذا الاختلاف ملحوظًا للغاية.

في الصور عالية الدقة، من المهم للغاية ضغط كل صورة قبل تحميلها على موقع ويب، فالصور التي يبلغ حجمها عدة ميغا بايت ليس لها مكان في صفحة عادية، لذلك فإن برامج تحرير الصور مثل Photoshop تقدم أيضًا وظائف مثل ” الحفظ للويب “، والتي تحفظ الصورة المعنية بدقة أقل محسّنة للمواقع.

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

التخزين المؤقت

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

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

يجب أن يكون لملفات موقع الويب تاريخ انتهاء صلاحية ، ونظرًا لأن كود HTML الديناميكي يتغير باستمرار ، فعادة ما يتعين إعادة تحميله بشكل متكرر أكثر من الصور .

يمكنك تحديد تاريخ انتهاء الصلاحية بـ “Access plus 7 days” ، والتي تحدد الحد الأدنى لفترة التخزين لملفات المتصفح على سبعة أيام، وسيتم تنزيلها مرة أخرى فقط بعد انتهاء صلاحية هذا الإطار الزمني. 

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

يمكن أيضًا تنشيط التخزين المؤقت باستخدام الكود التالي في ملف .htaccess :

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

خادم الاستضافة المخصص

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