بيانات الأداء الحقيقية لـ Lighthouse

rrit · 14 يناير 2022، 11:38م

هل يمكننا استبعاد وكيل المستخدم “Chrome-Lighthouse” من الزواحف وبالتالي إظهار عرض التطبيق الحقيقي لـ Lighthouse؟

github.com/discourse/discourse

DEV: use application-layout for crawler Chrome-Lighthouse

main ← rr-it:dev/measure-perf-lighthouse-crawler

opened 11:24PM - 14 Jan 22 UTC

rr-it

+1 -0

Exclude user-agent Chrome-Lighthouse from crawlers and show it the real applicat…ion view. This enables [Lightouse](https://github.com/GoogleChrome/lighthouse) in Chrome DevTools and [PageSpeed Insights](https://pagespeed.web.dev/) to measure the performance of Discourse like viewed by an user. Until now Lighthouse measured the performance for an user-device which is rendering the crawler-layout - this never happens in reality.

أداء عرض التطبيق

يتيح هذا لـ Lightouse في Chrome DevTools و PageSpeed Insights قياس أداء Discourse كما يراه المستخدم.

أداء عرض الزاحف

حتى الآن، كان Lighthouse يقيس الأداء لمستخدم-جهاز يقوم بعرض تخطيط الزاحف - وهذا لا يحدث أبدًا في الواقع.

codinghorror · 14 يناير 2022، 11:51م

عندما يجرون اختبارات أداء Lighthouse هذه على طراز حديث من iPhone (حتى iPhone 8 أو أحدث)، أكون منفتحًا على ذلك. حاليًا، أداء Android أبطأ بـ 3 مرات (أو أكثر) من iPhone للأسف.

تحقق من جهازك على Speedometer 2.0 لترى ما أعنيه - هذا يقيس أداء JavaScript في المتصفح:

حتى يجروا Lighthouse على iPhone (أي طراز) للسياق، أعارض بشدة أي تغيير هنا. عندما يفعلون ذلك، سأقبل بكل سرور طلب الدمج، بحماس.

rrit · 14 يناير 2022، 11:58م

لجمع مقاييسهم، يقومون بالفعل بجمع “بيانات تجربة المستخدم الحقيقية” (مجموعة بيانات CrUX) من حوالي 200 هاتف يعمل بنظام أندرويد باليورو/الدولار الأمريكي يعمل بنظام كروم - وتدخل هذه البيانات في تقرير Core Web Vitals على Google Search Console.

ماذا عن وضع هذا خلف علامة أو تمكينه لبيئات التطوير فقط؟

Falco · 15 يناير 2022، 12:08ص

يمكنك تشغيل Lighthouse باستخدام وكيل مستخدم مخصص من جهازك للحصول على أرقام أداء SPA.

rrit · 16 يناير 2022، 3:10م

لتحقيق هذا الحل لقياس عرض Discourse المقصود:

عرض الهاتف المحمول: أضف ?mobile_view=1 إلى عنوان URL
عرض سطح المكتب: أضف ?mobile_view=0 إلى عنوان URL

يتم تذكر هذا الإعداد في LocalStorage. لذا قم بإعادة تعيينه مرة واحدة إذا لزم الأمر:
أضف ?mobile_view=auto إلى عنوان URL.

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/mobile.js

1472e47aa


      
          if (window.location.search.match(/mobile_view=1/)) {
            localStorage.mobileView = true;
          }
          if (window.location.search.match(/mobile_view=0/)) {
            localStorage.mobileView = false;
          }
          if (window.location.search.match(/mobile_view=auto/)) {
            localStorage.removeItem("mobileView");
          }
          if (localStorage.mobileView) {
            let savedValue = localStorage.mobileView === "true";
            if (savedValue !== this.mobileView) {
              this.reloadPage(savedValue);
            }
          }

الموضوع		الردود	مرات العرض
Android mobile device detection is too strict Bug	23	5820	18 مارس 2016
The State of JavaScript on Android in 2015 is... poor General	285	148887	18 ديسمبر 2022
Discourse not loading on legacy browsers Bug	56	5079	16 مايو 2022
Google Search Console/Schema Markup test tool "Google Rich Results Test": mobile-view instead of crawler-view Bug	3	764	26 مارس 2024
Broken crawler view when you disable Javascript Feature	1	643	9 مايو 2022

بيانات الأداء الحقيقية لـ Lighthouse

أداء عرض التطبيق

أداء عرض الزاحف

الموضوعات ذات الصلة