به طور کلی، فقط معیارها به امتیاز عملکرد لایت هاوس شما کمک می کنند، نه نتایج فرصت ها و موارد تشخیصی! بهبود فرصت ها و موارد تشخیصی احتمالاً مقادیر متریک را بهبود می بخشد، بنابراین یک رابطه غیر مستقیم وجود دارد.
در ادامه، دلیل نوسان نمره، نحوه تشکیل آن و چگونگی امتیازدهی لایت هاوس به هر معیار را شرح داده ایم.
علت نوسان نمره
بسیاری از تغییرات در نمره عملکرد کلی و مقادیر متریک شما به خاطر لایت هاوس نیست. وقتی نمره عملکرد شما نوسان می کند، معمولاً به دلیل تغییر در شرایط زمینه ای است. مشکلات معمول عبارتند از:
- تست های A / B یا تغییر در تبلیغات ارائه شده
- مسیریابی ترافیک اینترنت تغییر می کند
- آزمایش روی دستگاه های مختلف مانند دسکتاپ با کارایی بالا و لپ تاپ با کارایی پایین
- افزونه های مرورگر که جاوا اسکریپت را وارد می کنند و درخواست های شبکه را اضافه یا اصلاح می کنند
- نرم افزار آنتی ویروس
اسناد لایت هاوس تنوع این موضوع را عمیق تر پوشش می دهد.
علاوه بر این، حتی اگر لایت هاوس بتواند یک امتیاز کلی عملکرد به شما ارائه دهد، بهتر است که عملکرد سایت خود را به عنوان یک توزیع امتیاز به جای یک عدد واحد، در نظر بگیرید. برای درک دلیل، به معرفی معیارهای عملکرد کاربر محور مراجعه کنید.
نحوه سنجش نمره عملکرد
امتیاز عملکرد یک میانگین وزنی از نمرات متریک است. به طور طبیعی، معیارهای سنگین وزن تأثیر بیشتری در نمره عملکرد کلی شما دارند. نمرات متریک در گزارش قابل مشاهده نیستند، اما در زیر محاسبه می شوند. وزن دهی ها برای ارائه نمایشی متعادل از درک کاربر از عملکرد انتخاب می شوند. با گذشت زمان، وزن دهی ها تغییر کرده اند زیرا تیم لایت هاوس مرتباً در حال تحقیق و جمع آوری بازخورد است تا بفهمد چه چیزی بیشترین تأثیر را بر عملکرد کاربر دارد.
میانگین وزنی چیست؟
وزن ها به گونه ای انتخاب می شوند که نمایشی متعادل از درک کاربر از عملکرد ارائه شود. وزن ها در طول زمان تغییر کرده است زیرا تیم Lighthouse به طور مرتب در حال تحقیق و جمع آوری بازخورد است تا بفهمد چه چیزی بیشترین تأثیر را بر عملکرد کاربر دارد.
Lighthouse 8
| وضعیت | وزن |
| First Contentful Paint | 10 درصد |
| Speed Index | 10 درصد |
| Largest Contentful Paint | 25 درصد |
| Time to Interactive | 10 درصد |
| Total Blocking Time | 30 درصد |
| Cumulative Layout Shift | 15 درصد |
Lighthouse 6
| وضعیت | وزن |
| First Contentful Paint | 15 درصد |
| Speed Index | 15 درصد |
| Largest Contentful Paint | 25 درصد |
| Time to Interactive | 15 درصد |
| Total Blocking Time | 25 درصد |
| Cumulative Layout Shift | 5 درصد |
نحوه تعیین نمرات متریک
به محض اینکه لایت هاوس جمع آوری معیارهای عملکرد را انجام داد (که عمدتا بر اساس میلی ثانیه گزارش شده است)، هر یک از معیارهای متریک خام را از 0 تا 100 با پیدا کردن جایی که مقدار متریک بر توزیع امتیازدهی لایت هاوس آن می رسد، تبدیل می کند. توزیع امتیازدهی یک توزیع نرمال است که از معیارهای عملکرد داده های واقعی وب سایت در بایگانی HTTP بدست آمده است.
به عنوان مثال، (LCP) یا همان بزرگترین رنگ محتوا زمانی اندازه گیری می شود که کاربر متوجه شود بزرگترین محتوای یک صفحه قابل مشاهده است. مقدار متریک LCP نشان دهنده مدت زمان بین شروع بارگذاری صفحه و صفحه ارائه دهنده محتوای اصلی آن است. بر اساس داده های واقعی وب سایت، سایت های با عملکرد بالا LCP را در حدود 1220 میلی ثانیه ارائه می دهند؛ بنابراین مقدار متریک به نمره 99 ثبت می شود.
اگر کمی عمیق تر بررسی کنیم، مدل منحنی امتیازدهی لایت هاوس با استفاده از داده های بایگانی HTTP دو نقطه کنترل را تعیین می کند و سپس شکل یک منحنی نرمال log را تنظیم می کند. صدک 25 داده های بایگانی HTTP نمره 50 (نقطه کنترل میانه) و صدک 8 نمره 90 (نقطه کنترل خوب / سبز) می شود. هنگام کاوش در نمودار منحنی امتیازدهی در زیر، توجه داشته باشید که بین 0.50 تا 0.92، تقریباً یک رابطه خطی بین مقدار متریک و امتیاز وجود دارد. در حدود نمره 0.96 “نقطه کاهش بازده” قرار دارد؛ زیرا منحنی دور می شود و برای بهبود نمره بالا از قبل به بهبود متریک بیشتری نیاز دارد.
نحوه کار با دسک تاپ و موبایل
همانطور که در بالا ذکر شد، منحنی های نمره از داده های عملکرد واقعی تعیین می شوند. قبل از لایت هاوس 6، تمام منحنی های نمره بر اساس داده های عملکرد تلفن همراه بود؛ با این حال نسخه جدید لایت هاوس برای دسکتاپ نیز قابل استفاده است. در عمل، این مسئله منجر به تورم نمرات دسک تاپ مصنوعی شد. لایت هاوس 6 با استفاده از امتیازدهی ویژه دسک تاپ این اشکال را برطرف کرد. اگرچه مطمئناً می توانید انتظار تغییرات کلی در نمره عملکرد خود را از 5 به 6 داشته باشید، اما هرگونه امتیاز برای دسک تاپ تفاوت قابل توجهی خواهد داشت.
نحوه کدگذاری نمرات
نمرات معیارها و نمره perf با توجه به این بازه ها رنگی می شوند:
- 0 تا 49 (قرمز) ضعیف
- 50 تا 89 (نارنجی) نیاز به بهبود دارد
- 90 تا 100 (سبز) خوب
برای ارائه یک تجربه کاربری خوب، سایت ها باید تلاش کنند تا امتیاز خوبی کسب کنند (90 100). دستیابی به نمره “عالی” 100 بسیار چالش برانگیز است و مورد انتظار نیست. به عنوان مثال، گرفتن نمره از 99 به 100 تقریباً به همان مقدار پیشرفت متریک نیاز دارد که 90 تا 94 دارد.
توسعه دهندگان برای بهبود نمره عملکرد خود چه کاری می توانند انجام دهند؟
ابتدا، از حسابگر امتیازدهی لایت هاوس استفاده کنید تا درک کنید برای رسیدن به یک امتیاز خاص عملکرد لایت هاوس، چه محدوده هایی را باید هدف بگیرید.
در لایت هاوس، بخش فرصت ها، پیشنهادها و مستندات دقیق در مورد نحوه اجرای آنها را ارائه می دهد. علاوه بر این، بخش Diagnostics راهنمایی های اضافی را فهرست می کند که توسعه دهندگان می توانند برای بهبود عملکرد خود آن را نیز بررسی کنند.
پیشنهاد میکنیم برای درک بهتر این موضوع و افزایش راندمان سایت خود حتما نگاهی به این دو مطلب بی اندازید:
