learndl zhaket triboon mymember

Web Vitals افزونه گوگل کروم

Web Vitals ابزار جدید تست سرعت سایت

شما برای تست سرعت سایت و صفحات سایت خود از ابزار هایی مثل جی تی متریک یا pagespeed.web.dev استفاده می کنید .
خوب این سایت ها برای تست از سرور های پیشفرض خود استفاده می کنند که گاها احتمال داره نتیجه مطلوبی دریافت نکنیم .
چون ما مردم ایران از همه جا تحریم یا فیلتر هستیم … پس این مقاله را از سایت وبیت دنبال کنید  …

Web Vitals گوگل کروم چیست ؟

خوب امروز به شماره افزونه گوگل کروم Web Vitals معرفی میکنم که این کار شما رو بسیار آسان و راحت می کند .
Web Vitals سیگنال های با کیفیت برای ارائه ux عالی در وب سایت برای کاربران هستند . ( https://web.dev/vitals )
این افزونه افزودنی های Core Web Vitals را اندازه گیری می کند و نتیجه فوری در مورد سرعت سایت و صفحات شما را ارائه میکند .
به نمونه زیر دقت کنید .

نتیجه تست Web Vitals گوگل کروم

راهنمای نصب این افزونه کروم

نصب این افزونه نیز بسیار آسان است ابتدا به صفحه این افزونه مراجعه کنید .
سپس روز گزینه add to chrome کلیک کنید، سپس روی گزینه Add extension کلیک کنید تا افزونه روی گوگل کروم شما نصب بشه .

Web Vitals

بعد از انجام این کار مثل شکل زیر یک گزینه در بالای کروم شما کنار ادرس بار ظاهر میشه.
که میتونید با کلیک بر روی این گزینه اطلاعات تست سرعت صفحه خود را ببینید.

صفحه Web Vitals

این افزونه معیار های زیر را مورد سنجش قرار می دهد و به شما سریعا گزارش میدهد .

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 مبتنی بر مدت‌زمانی است که اولین پاسخ را از سرور یک وب‌سایت دریافت خواهید کرد.

امیدوارم این افزونه کارهای شما رو هرچه سریع تر پیش ببرد …
این صفحه را با دوستان خود به اشتراک بگذارید و نظرات خود را در مورد این مطلب بنویسید …

به این مطلب امتیاز دهید

امتیاز کلی : 5 / 5. تعداد آرا : 2

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

اسم من محمد پورداداش هست و متولد سال 1367 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !
همکاران وبیت