كيفية تحليل النتائج من Google PageSpeed Insights
نشرت: 2020-12-02
نظرًا لأن Google ستعمل على تعزيز ترتيب مواقع الويب السريعة ، فربما تكون حريصًا على فهم المزيد حول رؤى Google PageSpeed؟
... ولست مندهشا لأنه محير!
هذه المادة سوف تساعد.
لماذا سرعة صفحة الموقع مهمة؟
تريد Google تقديم أفضل تجربة مستخدم ممكنة للمستخدمين.
إذا كان موقع الويب الخاص بك بطيئًا ، فسيحبط المستخدمين ويخلق تجربة مستخدم سيئة. الأمر بهذه البساطة. تجربة تأثيرات الأداء.
أعلنت Google مؤخرًا أنه سيتم استخدام حيوية الويب الأساسية كجزء من خوارزمية التصنيف الخاصة بها في عام 2021. تعد مؤشرات الويب الأساسية هذه مؤشرات للسرعة ومدى سرعة تفاعل الأشخاص مع صفحتك.
في الأساس لهذا الجدول أدناه لا يمكنك أن تكون "أحمر"
ما هي Google PageSpeed Insights؟
إنها أداة مجانية مقدمة من Google تتيح لك إدخال عنوان URL لصفحة الويب وإجراء اختبار سريعًا للتحقق من المقاييس المختلفة المتعلقة بالأداء.
تمنح الأداة بعد ذلك صفحتك درجة تتراوح من 0 إلى 100 نقطة. النتيجة لا تتعلق بالسرعة حقًا. يمكنك تحسين النتيجة إذا كنت قد استخدمت التوصيات النموذجية من Google حول تحسين السرعة.
يعرض لك أيضًا المعلمات الدقيقة التي تعمل على إبطاء صفحتك بالإضافة إلى اقتراحات حول كيفية تحسينها.
هذا هو المكان الذي تصبح فيه الأشياء فنية والنتائج يصعب فهمها قليلاً.
كيف تفسر النتائج؟
أول شيء تراه بعد إجراء الاختبار هو درجة الأداء (سطح المكتب والجوال) للصفحة التي تم تحليلها.
سيكون هذا رقمًا بين 0 و 100.
- من 0 إلى 49 - هذا سيء ، فأنت لا تريد أن تكون درجاتك 49 أو أقل
- من 50 إلى 89 - هذا جيد ولكن هناك مجال للتحسين
- 90 إلى 100 - إذا كنت في هذا المقياس فأنت في الكتب الجيدة.
أثناء التمرير لأسفل ، سترى سبب ارتفاع أو انخفاض الدرجة:
ملاحظة: انظر مؤشرات اللون قبل كل قسم:
- الأخضر يعني السرعة
- البرتقالي يعني معتدل
- الأحمر يعني البطء
هذا ما يعنيه كل قسم من هذه الأقسام:
أول ContentFul Paint
هذا هو الوقت المستغرق من التنقل إلى الصفحة من المتصفح إلى الوقت الذي يبدأ فيه عرض المحتوى.
في الأساس ، يعد هذا مؤشرًا على بدء تحميل الصفحة.
على سبيل المثال ، يمكن أن يكون مجرد تغيير في اللون وهو لون خلفية الصفحة أو صورة معروضة أو جزء من النص.
هذا مهم لأنه عندما يرى المستخدم بعض الإجراءات ، فمن المرجح أن ينتظر حتى يتم تحميل الصفحة بالكامل.
المبدأ التوجيهي:
حان الوقت للتفاعل
توضح هذه المعلمة مدى سرعة تفاعل الصفحة.
وهذا يعني أن الصفحة تعرض عناصر كافية على الشاشة بحيث يمكن للمستخدمين التفاعل معها فعليًا ، مثل النقر فوق زر القائمة.
في بعض الأحيان ، يمكن لمواقع الويب التركيز على الرؤية ، أي عرض كل شيء قبل أن تتمكن من التفاعل مع المحتوى الذي قد يكون محبطًا للمستخدم.
المبدأ التوجيهي:
إجمالي وقت الحظر
هناك فجوة بين الوقت الذي يرى فيه زائر موقع الويب المحتوى على الشاشة والوقت الذي يمكنهم فيه التفاعل معه.
هذا هو إجمالي وقت الحجب!
من الجيد معرفة ما إذا كان الأشخاص لا يمكنهم القيام بأشياء مثل النقر بالماوس أو نقرات الشاشة أو الضغط على الكلمات الرئيسية قبل أن يصبح موقع الويب تفاعليًا.
المهام الطويلة هي المهام التي تمنعك لأكثر من 50 مللي ثانية.
أي شيء يزيد عن 50 مللي ثانية يعتبر حظرًا للوقت.
إذا لم تكن هناك مهام طويلة ، فسترى 0 وقت حظر وهو ما تراه في الإحصائيات أعلاه.
التحول في التخطيط التراكمي
يحدث تحول التخطيط عندما يتم عرض عنصر مرئي على الشاشة ثم يتحرك.
على سبيل المثال ، أنت تقرأ الأخبار وهناك تغيير في التخطيط وبالتالي فإن الموقع الذي تم تغيير مقال الأخبار فيه.
هذا سلوك غير متوقع من منظور المستخدم.
كلما كانت النتيجة أعلى كلما كانت أسوأ.
مؤشر السرعة
هذا أمر صعب الفهم ولكنه قيم.
لذا تخيل موقعين تم تحميلهما في 1.5 ثانية.
إذا تصفحت موقعي الويب الموضحين في الصورة أعلاه ، فأيهما سيتم تحميلهما بشكل أسرع؟
تم تحميل كلاهما بالكامل في 1.5 ثانية ولكن نظرًا لأن الموقع الأول بدأ في عرض بعض العناصر في وقت سابق ، بدا أنه أسرع للمستخدم.
إذا قمت فقط بقياس وقت التحميل فهما متماثلان.
مؤشر السرعة عبارة عن درجة محسوبة بناءً على مدى "سرعة" تحميل موقع الويب بالكامل.
يتم استخدام تسجيل فيديو للحمل لإظهار بصريًا عند تحميل وحدات البت.
على فترات زمنية مختلفة ، تتم مقارنة مقدار المحتوى المرئي على الشاشة (في الجزء المرئي من الصفحة) بالمحتوى المعروض على موقع ويب محمّل بالكامل لحساب النسبة المئوية للمحتوى المعروض لذلك الوقت المحدد.
تتكرر هذه العملية عدة مرات.
يعتمد الوقت فقط على ما يمكن للمستخدم رؤيته على الشاشة (منفذ العرض). لا يهم ما هو تحت الطية.
لذلك ... من الجيد المحاولة باستخدام إطارات عرض مختلفة.
إذا كان لديك موقعان ويب يعرض أحدهما عناصر مرئية قبل الآخر ، سينتهي الأمر بنتيجة مؤشر سرعة أقل.
كلما انخفض كان ذلك أفضل.
أكبر طلاء مضمون
هذا هو الوقت الذي يستغرقه أكبر عنصر في الصفحة ليتم عرضه بالكامل.
أثناء تحميل الصفحة ، يصبح العنصر الأول هو العنصر الأكبر ولكن يتم استبداله عند إضافة عناصر أكبر.
قد يكون العنصر الأخير في الصفحة هو أكبر عنصر في الصفحة (مثل صورة كبيرة) أو قد لا يكون كذلك.
ملاحظة: نحن لا نتحدث عن مقدار المساحة التي تشغلها على الشاشة.
فيما يلي مثالان.
يعتبر الوقت من بدء عرض موقع الويب إلى الوقت الذي تم فيه عرض آخر صورة على الصفحة أكبر رسم محتوى. هذا لأن الصورة تشغل معظم العقارات في الصفحة!
ولكن…
في الحالة أدناه ، كانت صورة "Instagram" هي أكبر صورة معروضة ، لذا فإن أكبر رسم محتوى يكون عند تحميل الشاشة الأخيرة الثانية.
الشاشة الأخيرة مخفضة. كل ما تمت إضافته إلى تلك الشاشة هو "زر تشغيل Google" وهو صورة أصغر من صورة "Instagram".
وفقًا لـ Google ، إذا كنت ترغب في تقديم تجربة مستخدم جيدة ، فيجب أن يحدث LCP في غضون 2.5 ثانية من وقت بدء تحميل الصفحة لأول مرة.
المبدأ التوجيهي:
فرص
يعرض لك قسم الفرص الاقتراحات التي يمكن أن تساعد في تحسين وقت تحميل الصفحة.
يعرض لك كل اقتراح أيضًا التخفيض المقدر في وقت تحميل الصفحة إذا نفذت التوصية.
التشخيص
يبرز التشخيص أفضل الممارسات في تطوير الويب التي يجب أن تفكر في تنفيذها.
ومع ذلك ، حتى إذا أجريت هذه التحسينات ، فلن تؤثر بشكل مباشر على نتيجة أداء صفحتك.
ملخص
تحسين سرعة موقع الويب الخاص بك هو كل ما يتعلق بتزويد الزائرين بتجربة أفضل. إن وجود موقع يتم تحميله بسرعة يجعل كلاً من المستخدمين ومحركات البحث أكثر سعادة ، ولكنه يؤثر أيضًا على قدرتك على تحويل الزوار إلى عملاء.
تعتبر أداة مثل Google PageSpeed Insights مفيدة بشكل لا يصدق لأنها توضح لك من أين تبدأ والمشكلات التي يجب التركيز عليها لتعزيز أداء موقع الويب الخاص بك.
نأمل أن تساعدك هذه المقالة في فهم كيفية عمل هذه الأداة وما تعنيه نتائج الاختبار في الواقع حتى تتمكن من البدء في تحسين صفحات الويب الخاصة بك لخلق تجربة مذهلة للزائرين.