Web Vitals افزونه گوگل کروم
- آموزش وبمستر
- ۲۷ آبان ۱۴۰۲
- 1,536 بازدید
آنچه در این پست میخوانید
Web Vitals ابزار جدید تست سرعت سایت
شما برای تست سرعت سایت و صفحات سایت خود از ابزار هایی مثل جی تی متریک یا pagespeed.web.dev استفاده می کنید .
خوب این سایت ها برای تست از سرور های پیشفرض خود استفاده می کنند که گاها احتمال داره نتیجه مطلوبی دریافت نکنیم .
چون ما مردم ایران از همه جا تحریم یا فیلتر هستیم … پس این مقاله را از سایت وبیت دنبال کنید …
Web Vitals گوگل کروم چیست ؟
خوب امروز به شماره افزونه گوگل کروم Web Vitals معرفی میکنم که این کار شما رو بسیار آسان و راحت می کند .
Web Vitals سیگنال های با کیفیت برای ارائه ux عالی در وب سایت برای کاربران هستند . ( https://web.dev/vitals )
این افزونه افزودنی های Core Web Vitals را اندازه گیری می کند و نتیجه فوری در مورد سرعت سایت و صفحات شما را ارائه میکند .
به نمونه زیر دقت کنید .
راهنمای نصب این افزونه کروم
نصب این افزونه نیز بسیار آسان است ابتدا به صفحه این افزونه مراجعه کنید .
سپس روز گزینه add to chrome کلیک کنید، سپس روی گزینه Add extension کلیک کنید تا افزونه روی گوگل کروم شما نصب بشه .
بعد از انجام این کار مثل شکل زیر یک گزینه در بالای کروم شما کنار ادرس بار ظاهر میشه.
که میتونید با کلیک بر روی این گزینه اطلاعات تست سرعت صفحه خود را ببینید.
این افزونه معیار های زیر را مورد سنجش قرار می دهد و به شما سریعا گزارش میدهد .
Largest Contentful Paint
متریک Largest Contentful Paint (LCP) یا بزرگ ترین ترسیم محتوایی، این معیار مشخص کننده نقطه شروع آغاز بارگذاری یک صفحه از زمانی است که اولین عنصر در یک صفحه وب نمایان می شود و تا زمانی که بخش اعظم صفحه بارگذاری شود ادامه خواهد داشت.
Cumulative Layout Shift
بر خلاف دیگر پارامترها که روی بارگذاری سریع یک صفحه تمرکز دارند، این معیار به تجربه کاربر و تعاملی که با یک سایت دارد میپردازد. در حقیقت CLS به جا به جاییهای ناگهانی گفته میشود که در هنگام لود شدن ناگهانی یک صفحه رخ میدهد. این تغییر ناگهانی شامل تغییر در فونت، تصاویر و عکسها، ویدئوها و تمامی اجزای تشکیل دهنده یک صفحه است. به همین دلیل گوگل به این معیار توجه بسیاری دارد تا وب سایتها تا حد ممکن از بروز این مشکلات جلوگیری کنند.
First Input Delay
منظور از FID سرواژهای از عبارت First Input Delay است که به فارسی «تأخیر اولین ورودی داده» ترجمه میشود. FID یکی از فاکتورهای اصلی سنجش پرفورمنس سایت با معیارهای حیاتی وب است. این فاکتور درواقع نشان میدهد که بین تعامل کاربر با صفحه تا زمانی که مرورگر بتواند واقعاً به این درخواست پاسخ بدهد، چقدر فاصله است. این فاکتور کمی پیچیدهتر از سایر فاکتورهای حیاتی وب است و نمیتوان آن را در محیط تست شبیهسازی کرد.
Interaction To Next Paint (experimental)
INP مخفف Interaction to Next Paint است. یک متریک Core Web Vitals که به سرعت صفحه مربوط است!
First Contentful Paint
پارامتر زمانی First contentful paint یا FCP یک معیار کاربرمحور برای اندازهگیری سرعت بارگذاری صفحات سایته. FCP به جای اینکه بر دادههای ابزارهای تست سرعت تکیه کنه، نحوه درک کاربران از عملکرد وبسایت رو اندازهگیری میکنه. در واقع معیار FCP نشوندهنده زمانیه که میگذره تا اولین عناصر بر روی صفحه بعد از کلیک کردن روی لینک پدیدار بشن. این معیار سرعت و شیوه بارگیری عناصری مثل تصاویر، آیکونها و هر نوع فایل دیگه رو که به تدریج، سفیدی صفحه رو پر میکنن، اندازهگیری میکنه.
Time To First Byte
Time to First Byte یا همان خطای TTFB مبتنی بر مدتزمانی است که اولین پاسخ را از سرور یک وبسایت دریافت خواهید کرد.
امیدوارم این افزونه کارهای شما رو هرچه سریع تر پیش ببرد …
این صفحه را با دوستان خود به اشتراک بگذارید و نظرات خود را در مورد این مطلب بنویسید …