یکی از بهترین ابزارهای تحلیل و بررسی سرعت سایت از نظر معیارهای گوگل PageSpeed Insights است.با استفاده از این ابزار میتوانید عملکرد کلی سایت خود را ارزیابی کنید.این ابزار بر اساس شاخص هایی مشخص و ثابت،عملکرد وب سایت شما را میسنجد و بر آن اساس دو امتیاز بین 0تا 100 برای نمایش سایت شما روی دسکتاپ و موبایل در نظر میگیرد.در این مقاله میخواهیم به بررسی و آموزش ابزار PageSpeed Insights بپردازیم.
آموزش PageSpeed Insights
1_به سایت https://pagespeed.web.dev رفته و URL یا آدرس سایتی را که انتخاب کردهاید را روی قسمت سرچ وارد کنید و روی دکمهی آنالیز کلیک کنید.
توجه داشته باشید که قبل از ورود به این ابزار باید vpn خود را روشن کنید.
2_بعد از آنالیز کردن با صفحهای روبه رو میشوید که آنالیز قالب شما را با صفحه موبایل وصفحه دسکتاپ نمایش میدهد.
3_سپس روی صفحه نمایش موبایل و دسکتاپ تمام گزینه ها را مشاهده میکنید.
توضیحات بخش هایPageSpeed
1_(FCP)First Contentful Paint:
مدت زمانی که طول میکشد تا اولین قسمت صفحه در نمایشگر کاربر دیده شود.
2_First Input Delay (FID):
زمانی که طول میکشد تا صفحه سایت به یک تعامل کاربر مانند کلیک کردن روی لینک،شروع به پاسخگویی میکند.
3_Largest Contentful Paint (LCP):
مدت زمانی که طول میکشد تا قسمت های اصلی و بزرگ صفحه به کاربر نشان داده شود.
4_Cumulative Layout Shift (CLS):
مقدار تغییری که قسمت های مختلف یک صفحه در هنگام بارگذاری انجام میدهند.
توضیح رنگهایPageSpeed
1_قرمز:
به معنی این است که قالب انتخاب شده ضعیف است.
2_نارنجی:
به این معناست که قالب بد است.
3_زرد:
رنگ زرد نشان دهنده متوسط بودن قالب است.
4_سبز:
رنگ سبز به معنای این است که قالب شما خوب است.