گزارش خوانی در google pagespeed insights
ابتدا ببینیم Google Page Insights چیست:
What is Google Page Insights used for?
PageSpeed Insights (PSI) reports on the performance of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved. PSI provides both lab and field data about a page. Lab data is useful for debugging performance issues, as it is collected in a controlled environment.
PageSpeed Insights (PSI) عملکرد یک صفحه را در دستگاه‌های تلفن همراه و دسکتاپ گزارش می‌کند و پیشنهاداتی در مورد چگونگی بهبود آن صفحه ارائه می‌دهد. PSI داده های آزمایشگاهی و میدانی را در مورد یک صفحه ارائه می دهد. داده های آزمایشگاهی برای اشکال زدایی مسائل مربوط به عملکرد مفید هستند، زیرا در یک محیط کنترل شده جمع آوری می شوند
چگونه PSI را اجرا کنم ؟
استفاده از آن ساده است
از صفحه Google PageSpeed Insights دیدن کنید. URL صفحه وب خود را وارد کنید روی تجزیه و تحلیل کلیک کنید.
وقتی وارد صفحه مربوطه می شوید با خطای 403 روبرو می شوید نگران نباشید مشکل با یک فیلتر شکن ساده حل خواهد شد
بعد از استفاده از ابزار ذکر شده ما وارد سایت می شویم و در محل مورد نظر ادرس سایت را وارد کرده بر روی دکمه انالیز کلیک می کنیم:
فرایند انالیز سایت شما در دو حالت استفاده از تلفن همراه و از طریق دسکتاپ شروع می شود ونتایج به صورت زیر در اختیار شما قرار می گیرد.
همانطور که مشاهده میکنید در این سایت پرفورمنس سایت بر اساس تجربه کاربر از طریق موبایل 90 درصد است همانطور که میبینید در پایین عدد پرفورمنس نوشته شده این اعداد بر اساس یک ماشین حسابی محاسبه شده اند. شاید بد نباشد تا ببینیم مبنای محاسبه چیست و وزن هر المان محاسبه ای چقدر است:
درباره متریک های بالا تویح مختصری به شرح زیر وجود دارد:
FCP-First Contentful Paint:
First Contentful Paint marks the time at which the first text or image is painted
زمانی را مشخص می کند که اولین متن یا تصویر نقاشی می شود.
منظور از نقاشی شکل گرفتن و قابل رویت بودن است
Speed Index:
Speed Index shows how quickly the contents of a page are visibly populated
شاخص سرعت نشان می دهد که محتوای یک صفحه با چه سرعتی به وضوح پر می شود
LCP-Largest Contentfull Paint:
Largest Contentfull Paint marks the time at which the largest text or image is painted
زمانی را مشخص می کند که بزرگترین متن یا تصویر نقاشی می شود -ظاهر می شود-
Time to Interactive:
Time to interactive is the amount of time it takes for the page to become fully interactive.
مدت زمانی که طول می کشد تا صفحه کاملا تعاملی شود
Total Blocking Time:
Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds.
کل زمان مسدود شدن
مجموع تمام دوره های زمانی بین دو متریک قبلی
FCP-Time to Interactive
Cumulative Layout Shift:
جابجایی چیدمان تجمعی حرکت عناصر قابل مشاهده را در داخل درگاه نمایش اندازه گیری می کند
همه ما این تجربه را در زمان گشت‌وگذار در سایت‌های مختلف داشته‌ایم؛ این که در زمان لود شدن سایت، بخش‌های مختلف آن جابه‌جا می‌شوند. این تجربه برای همه ما ناخوشایند است. وقتی از CLS حرف می‌زنیم، دقیقا منظورمان همین تجربه شماست.
یک معیار مهم و کاربرمحور برای سنجش ثبات تصویری است. این معیار، میزان تغییرات چیدمان غیرمنتظره صفحات وب را اندازه‌گیری می‌کند. یک CLS پایین، به ما این اطمینان را می دهد که صفحه وب‌سایتمان در زمان بارگذاری، پرش چندانی ندارد و این موضوع می‌تواند تجربه کاربری خوبی ایجاد کند
در قسمت بعد پیشنهادها و رفع ایرادهایی است که برای افزایش کارایی و افزایش سرعت به شما می دهد
در بالا پیشنهادها شامل دو بخش است کاهش CSS هایی که استفاده نمی شوند و کاهش اسکریپت های جاوا که بلااستفاده مانده اند درست شدن این موارد به تجربه بهتر کاربر و افزایش گرفورمنس سایت شما منجر خواهد شد
و در بخش پایینی ایرادهایی که از نظر گوگل باید رفع شوند
در آخر بخشی را مورد بررسی قرار میدهیم که شاید کمتر دیده شده باشد treemap view:
تعریف این عبارت در جستجوی گوگل به شرح زیر است:
Lighthouse Treemap is a new tool that helps us evaluate the efficiency of the JavaScript on our websites. It shows us: The bytes of JavaScript by file. If sourcemaps are enabled, the bytes of JavaScript by module. Bytes of JavaScript used versus unused (execution) for page load
Lighthouse Treemap ابزار جدیدی است که به ما کمک می کند کارایی جاوا اسکریپت را در وب سایت خود ارزیابی کنیم. به ما نشان می دهد: بایت های جاوا اسکریپت بر اساس فایل. اگر نقشه منبع فعال باشد، بایت های جاوا اسکریپت بر اساس ماژول. بایت های جاوا اسکریپت استفاده شده در مقابل استفاده نشده (اجرا) برای بارگذاری صفحه
برگرفته از دوره بازاریابی دیجیتال www.mydmc.ir
مطلبی دیگر از این انتشارات
ایده هایی جدید در به کارگیری ابزارهای نوین فناوری دیجیتال
مطلبی دیگر از این انتشارات
بازگشت به دنیای دیجیتال
مطلبی دیگر از این انتشارات
فروشگاه ساز!صعود یا سقوط!