تعرَّف على أحدث الأخبار في "إحصاءات PageSpeed" لمساعدتك في قياس وتحسين جودة صفحتك والموقع الإلكتروني بشكل أفضل.
على مرّ السنين، تطوّرت إحصاءات PageSpeed (PSI) لتصبح مصدرًا شاملاً لكل من الحقول وبيانات التجارب. وهو يدمج معلومات من بيانات التشخيص في تقرير تجربة المستخدم في Chrome (CrUX) وLighthouse لتقديم إحصاءات تساعد في تحسين أداء موقعك الإلكتروني.
واليوم، يسرّنا الإعلان عن إصدار معدَّل من PSI. وعلى الرغم من أنّها عنصر أساسي في مجموعة أدوات السرعة، تم إنشاء قاعدة رموز PSI منذ عشر سنوات وتضمّ الكثير من الرموز القديمة وكان من المقرر إعادة تصميمها. وقد استخدمنا ذلك كفرصة لمعالجة المشاكل المتعلقة بالواجهة في PSI والتي جعلت من الصعب على المستخدمين أحيانًا التنقّل في التقرير. كانت أهدافنا الأساسية هي:
- جعل واجهة المستخدم أكثر سهولة من خلال التمييز بوضوح بين البيانات المستمدة من البيئة الاصطناعية والبيانات التي يتم جمعها من المستخدمين في الحقل.
- توضيح كيفية احتساب تقييم مؤشرات أداء الويب الأساسية في واجهة المستخدم
- عدِّل مظهر PSI ومظهرها من خلال الاستفادة من Material Design.
تشرح هذه المشاركة الميزات الجديدة في أداة PSI التي سيتم إصدارها في وقت لاحق من هذا العام.
الميزات الجديدة
تهدف إعادة تصميم واجهة مستخدم PSI إلى تحسين طريقة عرض بيانات التقرير وإضافة الوضوح والدقة إلى البيانات المتاحة في التقرير. من المفترض أن تكون واجهة المستخدم الجديدة أكثر سهولة في الاستخدام وتساعد المطوّرين في اكتشاف إحصاءات الأداء الميداني والمختبري لصفحاتهم بسرعة. تشمل التغييرات الأساسية في واجهة المستخدم ما يلي:
فصل واضح بين بيانات الحقول والمعمل
غيَّرنا واجهة المستخدم لفصل بيانات الحقل بشكل واضح عن البيانات المعملية. تم استبدال تسميات "بيانات الحقل" و "بيانات التمرين المعملي" بنص يشير إلى معنى البيانات وكيف يمكن أن تساعد. لقد أحضرنا أيضًا قسم بيانات الحقل إلى الأعلى. تم نقل نتيجة الأداء التقليدية المستندة إلى المختبر، والتي تظهر حاليًا في الجزء العلوي، إلى قسم البيانات المعملية لتجنب الغموض حول أصل النتيجة.
![اكتشاف ما يواجهه المستخدمون الحقيقيون](https://web.dev/static/articles/whats-new-pagespeed-insights/image/discover-your-real-users-3ca25b46f514.png?authuser=6&hl=ar)
![تشخيص مشاكل الأداء](https://web.dev/static/articles/whats-new-pagespeed-insights/image/diagnose-performance-issu-676831d1186e1.png?authuser=6&hl=ar)
تقييم "مؤشرات أداء الويب الأساسية"
أمّا نتيجة تقييم "مؤشرات أداء الويب الأساسية"، التي كانت تظهر سابقًا ككلمة واحدة "تم الاجتياز" أو "فشل" في بيانات الحقل، فأصبحت الآن تبرز كقسم فرعي منفصل يتضمّن رمزًا مميّزًا.
يُرجى العِلم أنّه لم يحدث أي تغيير في عملية تقييم "مؤشرات أداء الويب الأساسية". قد يتم تجميع مقاييس "مؤشرات أداء الويب الأساسية" FID وLCP وCLS على مستوى الصفحة أو المصدر. بالنسبة إلى المجموعات التي تتضمّن بيانات كافية في المقاييس الثلاثة، يجتاز التجميع تقييم "مؤشرات أداء الويب الأساسية" إذا كانت الشرائح المئوية الخامسة والسبعين من هذه المقاييس الثلاثة "جيدة". وإلا، لن يجتاز التجميع التقييم. وإذا كان التجميع يتضمّن بيانات غير كافية من حيث FID، سيجتاز التقييم إذا كانت النسب المئوية الخامسة والسبعين من LCP وCLS جيدة. إذا كانت بيانات LCP أو CLS غير كافية، لا يمكن تقييم التجميع على مستوى الصفحة أو المصدر.
تصنيفات لأداء الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي
قمنا بتغيير قائمة التنقل في الأعلى وأدرجنا روابط للهاتف المحمول وسطح المكتب بشكل مركزي في صفحة التقارير. أصبحت الروابط الآن مرئية بسهولة وتشير بوضوح إلى المنصة التي يتم عرض البيانات لها. ساعد القيام بذلك أيضًا في جعل شريط التنقل أكثر نظافة.
![إصدار أقدم (في وقت الكتابة) من "إحصاءات PageSpeed"](https://web.dev/static/articles/whats-new-pagespeed-insights/image/older-the-of-writing-10ab3ed670702.png?authuser=6&hl=ar)
![إصدار أحدث من شريط التنقل](https://web.dev/static/articles/whats-new-pagespeed-insights/image/newer-version-the-naviga-716a7521bf176.png?authuser=6&hl=ar)
ملخص المصدر
يظهر حاليًا ملخّص الأصل عند النقر على مربّع الاختيار، وذلك الذي يوفّر نتيجة تقرير تجربة المستخدم على Chrome المجمَّعة لجميع الصفحات من المصدر. لقد نقلنا قسم التقارير هذا إلى علامة تبويب جديدة، "Origin"، ضمن قسم "Field Data" (بيانات الحقل).
معلومات إضافية مفيدة
يتضمن التقرير الآن قسمًا جديدًا للمعلومات في أسفل كل حقل وبطاقة مختبر يشارك التفاصيل التالية حول عينات البيانات:
- فترة جمع البيانات
- مدد الزيارات
- الأجهزة
- اتصالات الشبكة
- حجم العينة
- إصدارات Chrome
يجب أن تعزز هذه المعلومات التمييز بين بيانات المختبر والميدان وأن تساعد المستخدمين الذين لم يكونوا متأكدين سابقًا من كيفية اختلاف مصدري البيانات (المختبر والحقل).
توسيع العرض
أضفنا ميزة "توسيع العرض" الجديدة التي تضيف وظيفة توغّل إلى قسم بيانات الحقل، وتتيح لك عرض تفاصيل دقيقة لمقاييس "مؤشرات أداء الويب الأساسية".
صورة الصفحة
لقد أزلنا صورة الصفحة التي تم تحميلها والتي تظهر بجانب بيانات الحقل مباشرةً. ستتوفر كل من الصورة والصور المصغّرة للصفحة التي تعرض تسلسل التحميل في قسم البيانات المعملية.
للحصول على أحدث مستندات عن المنتج، يُرجى الانتقال إلى https://developers.google.com/speed/docs/insights/.
تعديلات على web.dev/measure
للحد من عدم الاتساق بين الأدوات المختلفة في مجموعة أدوات الأداء، نعمل أيضًا على تعديل web.dev/measure ليتم دعمه مباشرةً من خلال PageSpeed Insights API.
في السابق، كان المطوّرون ينشرون التقارير من خلال أداة PSI و /أو القياس ويشاهدون أرقام Lighthouse مختلفة. كان أحد الأسباب الرئيسية للاختلافات هو أنّ /القياس نشأ جميع الاختبارات من الولايات المتحدة (بسبب وجود خلفية سحابية في الولايات المتحدة سابقًا).
باستخدام /measure استدعاء واجهة برمجة التطبيقات نفسها التي تستخدمها واجهة مستخدم PSI مباشرةً، سيحصل المطوّرون على تجربة أكثر اتساقًا عند استخدام PSI و /القياس. لقد أجرينا أيضًا بعض التعديلات /القياس استنادًا إلى طريقة استخدام المستخدمين للأداة. هذا يعني أنّه سيتم إيقاف العمل بميزة تسجيل الدخول إلى الحساب /القياس، إلا أنّ الوظيفة الأكثر استخدامًا، من خلال عرض فئات متعدّدة، ستظل متاحة للاستخدام.
![الإصدار القديم من صفحة القياس](https://web.dev/static/articles/whats-new-pagespeed-insights/image/the-old-version-the-meas-0c16166303a81.png?authuser=6&hl=ar)
![الإصدار المحدَّث من أداة القياس الذي يركّز على تقديم قياس جودة الصفحة](https://web.dev/static/articles/whats-new-pagespeed-insights/image/the-refreshed-version-th-45d3358668c53.png?authuser=6&hl=ar)
مؤشر PSI اليوم
بالنظر إلى الوراء، لنلقِ نظرة على ما يقدمه تقرير "إحصاءات PageSpeed" الحالي. يتضمن تقرير PSI بيانات الأداء لكل من الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي في علامات التبويب الفردية ويقترح كيفية تحسين إحدى الصفحات. تتشابه المكوّنات الرئيسية للتقرير في كل حالة وتتألف من ما يلي:
نتيجة الأداء: تظهر نتيجة الأداء في أعلى تقرير PSI وتلخّص الأداء الإجمالي للصفحة. يتم تحديد هذه النتيجة من خلال تشغيل Lighthouse لجمع وتحليل بيانات المختبر حول الصفحة. تعتبر النتيجة 90 أو أعلى جيدة، بينما تعتبر 50-90 بحاجة إلى تحسين، وأقل من 50 ضعيف.
بيانات الحقل: تقدّم البيانات الميدانية التي يتم الحصول عليها من مجموعة بيانات تقرير CrUX إحصاءات حول تجربة المستخدم الفعلية. وتشمل هذه البيانات مقاييس مثل سرعة عرض أول محتوى مرئي (FCP) وتقيس "مؤشرات أداء الويب الأساسية" (مهلة الاستجابة الأولى (FID) وسرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) وتغيير التنسيق التراكمي (CLS).) إلى جانب قيم المقاييس، يمكنك أيضًا مشاهدة توزيع الصفحات التي كانت فيها قيمة مقياس معيّن "جيدة" أو "بحاجة إلى تحسين" أو "ضعيفة"، ويُشار إليها بأشرطة خضراء أو أصفر أو أحمر، على التوالي. يتم عرض التوزيع والنتائج استنادًا إلى عمليات تحميل الصفحات للمستخدمين في مجموعة بيانات "تقرير تجربة المستخدم على Chrome". يتم احتساب النتائج لآخر 28 يومًا ولا تكون متاحة للصفحات الجديدة التي قد لا تتوفّر فيها بيانات كافية عن المستخدمين.
ملخّص نقطة الانطلاق: يمكن للمستخدمين النقر على مربّع الاختيار عرض ملخّص الأصل للاطّلاع على النتيجة المجمّعة للمقاييس لكل الصفحات التي تم عرضها من المصدر نفسه خلال آخر 28 يومًا.
بيانات البرنامج: تساعد نتيجة أداء المختبر، التي يتم احتسابها باستخدام Lighthouse، في تصحيح أخطاء الأداء، لأنّه يتم جمعها في بيئة خاضعة للرقابة. يعرض التقرير مستوى الأداء باستخدام مقاييس مثلسرعة عرض أول محتوى مرئي وسرعة عرض أكبر جزء من المحتوى على الصفحة ومؤشر السرعة وتغيير التنسيق التراكمي والوقت المطلوب للتفاعل وإجمالي مدة الحظر. يتم تصنيف كل مقياس من خلال تصنيفه برمز يشير إلى "جيّد" أو "بحاجة إلى تحسين" أو "بطيء". يقدّم هذا القسم مؤشرًا جيدًا للعوامل المؤثّرة في الأداء التجريبي، ويمكن أن يساعد في تشخيص المشاكل، ولكنه قد لا يرصد مشاكل حقيقية.
عمليات التدقيق:يسرد هذا القسم جميع عمليات التدقيق التي تجريها أداة Lighthouse إلى جانب قائمة بعمليات التدقيق التي تم اجتيازها، بالإضافة إلى فرص التحسين والحصول على معلومات تشخيص إضافية.
تحديات تصميم PSI الحالي
كما هو موضّح في لقطة الشاشة أعلاه، لا يتم عزل نقاط البيانات المختلفة عن المعمل وبيانات الحقل بشكل واضح، وقد لا يفهم المطورون الجدد في PSI سياق البيانات وما يجب عليهم فعله بعد ذلك بسهولة. وقد أدّى هذا الالتباس إلى ظهور العديد من مشاركات المدونات التي تحمل عنوان "كيفية تنفيذ ذلك" لفك رموز تقرير PSI.
ومن خلال إعادة التصميم، نأمل في تسهيل عملية تفسير التقرير على المطوّرين لكي يتمكّنوا من الانتقال سريعًا من عملية إنشاء تقرير PSI إلى العمل استنادًا إلى الإحصاءات المضمَّنة فيه.
مزيد من المعلومات
للحصول على مزيد من التفاصيل حول تحديثات أدوات الأداء، يمكنك مشاهدة الكلمة الافتتاحية لفعالية Chrome Dev Summit لعام 2021. سنبقيك على اطّلاع على تاريخ إصدار PSI والتغييرات التي تم إجراؤها على web.dev/measure.
بفضل "ميليكا ميهاجليا" و"فيليب والتون" و"بريندان كيني" و"إيوا غاسبيروفيتش" على ملاحظاتهم حول هذه المقالة