GTmetrix ابزار تست و تحلیل سایت

دسته بندی ها : مجله فناوری برتر, آکادمی فناوری برتر 21 نوامبر 2020 آرمان محمدی پور 98 بازدید
نسخه جدید GTmetrix

GTmetrix یک ابزار تست و تحلیل سرعت وب سیات است که با داشتن مجموعه ای از ویژگی ها و گزینه ها میتوان بهینه‌سازی سرعت وب سایت را آسان کند. در این مقاله با نسخه جدید GTmetrix بیشتر آشنا می‌شویم

GTmetrix چیست؟

یکی از اصلی ترین ابزار ها برای هر وبمستر و طراح سایت است. آپدیت جدید GTmetrix در چند روز گذشته منتشر شد و می توان گفت کاملا با نسخه قبل متفاوت است.

gtmetrix
آپدیت جدید GTmetrix

تفاوت نسخه قدیم و جدید

از جمله مهم ترین و اساسی ترین تغییراتی که در نسخه جدید GTmetrix میتوان مشاهده کرد استفاده از الگوریتم Google lighthouse می باشد.

الگوریتم google lighthouse چه وظیفه ای دارد؟

لایت هاوس lighthouse ابزار اپن سورس گوگل برای سنجش عملکرد سایت است. وقتی آدرس سایت خود را در این ابزار وارد میکنید، گوگل با استفاده از بدترین شرایط موجود (مثلاً اینترنت با سرعت پایین یا دیوایس قدیمی) سایت شما را آنالیز میکند و بر اساس ۷۵ فاکتور، به تجربه کاربری و عملکرد سایت شما نمره میدهد. تمام این فاکتورها به طور کلی به ۴ دسته زیر تقسیم میشوند:

  • عملکرد (Performance): سرعت دسترسی کاربر به محتوای صفحه چقدر طول میکشد؟
  • دسترسی (Accessibility): آیا دسترسی کاربر به بخش های مختلف سایت در کمترین زمان و به آسان ترین روش انجام میگیرد؟
  • بهترین تکنیک ها (Best Practices): آیا سایت از توصیه های گوگل برای بهبود تجربه کاربری استفاد کرده؟
  • سئو (Seo): آیا سایت مورد نظر به خوبی برای گوگل بهینه شده است

دلیل استفاده GTmetrix از Google lighthouse

در کل میتوان گفت که هدف اصلی Google Lighthouse تجزیه و تحلیل مقادیر مرتبط با رابطه کاربری می باشد.

در نسخه قدیمی gtmetrix بیشتر روی

نسخه قدیمی gtmetrix بیشتر بر روی سرعت سایت تمرکز داشته اما در نسخه جدید فقط سرعت سایت نیست که مورد بررسی قرار میگیرد بلکه مقادیر کلیدی و کامل تری برای بررسی یک وبسایت حرفه ای وجود دارد که میتوان آن ها را مورد بررسی قرار داد.

GTmetrix توضیح داده که PageSpeed and YSlow در گذشته به خوبی توانسته اند درتحلیل سایت بسیار مفید عمل کنند و امتیاز نهایی سایت را بررسی کنند اما تمرکز اصلی PageSpeed and YSlow به عبارتی front-end structure بوده که میتوان گفت این بررسی ها با عملکرد واقعی صفحات مطابقت داشت اما دارای مشکلات فروان بود که در ادامه به بررسی کامل تر این موضع میپردازیم.

در برخی موارد در نسخه قدیمی در بخش های PageSpeed ​​/ YSlow سیات شما نمره بالایی دریافت میکرد اما سرعت لود سایت پایین بوده. همین دلیل باعث آپدیت ابزار GTmetrix شده چرا که در اصل امتیازی که دریافت میکردید برحسب این میزان که صفحه شما چقدر خوب ساخته شده بود تغییر میکرد نه اینکه صفحه شما چقدر به کاربر سریعتر نمایش داده می شود.

ابزار gtmetrix

معرفی بخش های مختلف نسخه ی جدید GTmetrix

تب Web Vitals

امتیاز LCP
largest contentful paint :

زمان بارگذاری بزرگترین عنصر محتوای شما را نشان میدهد.

امتیاز TBT
Total Blocking Time :

مدت زمانی است که صفحه دریافت ورودی از کاربر را مسدود کرده است.

امتیاز CLS
Cumulative Layout Shift :

کاربر شما در طول بارگذاری صفحه چقدر تغییر حالت را تجربه کرده است.

تب GTmetrix Grade

به طور کلی میتوان گفت GTmetrix Grade نمایش کلی از بارگذاری صفحه بازدید کنندگان شماست، از نظر ساخت و کدنویسی و هم از لحاظ عملکرد کلی سایت !

درجه GTmetrix میانگین وزنی دو نمره مبتنی بر درصد جدید است ، یعنی:

  • امتیاز عملکرد (۷۰٪)
  • امتیاز ساختار (۳۰٪)

درجه GTmetrix بر اساس یک فرمول ساده ساخته شده است که در حال حاضر به ترتیب ۷۰/۳۰ برای امتیازات عملکرد و ساختار تعیین می کند.

توجه داشته باشید که این برداشت اولیه جی تی متریکس از نمرات GTmetrix Grade و عملکرد و ساختار است که بطور مداوم در حال کنترل و اصلاح هستند. با دریافت و تجزیه و تحلیل هرچه بیشتر داده های عملکرد ، آنها با گذشت زمان تکامل می یابند.

این درجه تجربه کلی صفحه وب شما را بهتر نشان می دهد ، زیرا هم ساختار front-end شما و هم عملکرد واقعی تجربه شده توسط کاربر را در بر می گیرد.

بررسی سایت

پارامتر های تاثیر گذار بر روی Performance

امتیاز عملکرد در واقع امتیاز Lighthouse Performance شما است ، همانطور که می دانید تست های GTmetrix ، با مرورگر ، مشخصات سخت افزار و گزینه های تجزیه و تحلیل مشخص (AdBlock ، سرعت اتصال و غیره) خود  جی تی متریکس گرفته شده است.

 ۱.کیفیت لودینگ (۵۵٪) :

  • اولین چیزی که کاربر ببینه (۱۵٪)
  • نمایش لحظه ای سایت یا چیزی کاربر هر لحظه میبینه (۱۵٪)
  • به طور کلی بزرگترین یا کامل ترین عنصری که کاربر ببینه (۲۵٪)
ابزار سئو

۲. تعامل (۴۰٪) :

  • زمان تعاملی شدن صفحه (۱۵٪)
  • زمان بلاک بودن تعامل کاربر (۲۵٪)

زمان تعاملی شدن صفحه به معنای زمانی که کاربر می تواند روی صفحه اسکرول کند یا روی هر یک از المان های صفحه کلیک کند.

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

3. ثبات بصری (5%) :

 در الگوریتم Lighthouse هرچقدر ثبات اولیه با نهایی صفحه یکسان باشد میتواند بهتر باشد.

عوامل تاثیر گذار بر امتیاز Structure در GTmetrix

طبق توضیحات سایت جی تی متریکس این بخش از ساختار های مختلف و متنوع تشکیل شده است و هدف محاسبه عملکرد بهینه صفحه هستش که در ادامه یه سری ساختار معرفی کرده که حواسمون باید بهشون باشه مثل :

  • Enable Keep-Alive
  • Combine images using CSS sprites
  • Use a Content Delivery Network (CDN)
  • Avoid CSS @import

امتیاز Structure روی امتیاز Performance به طور مستقیم تاثیر ندارد اما در نهایت بهبود ساختار صفحه میتواند به بهبود عملکرد صفحه کمک میکند.

تب Summary در GTmetrix

این تب را میتوان اصلی ترین بخش تحلیل دیتا برای هر وبمستر دانست که در پایین با این بخش بیشتر آشنا میشویم.

رفع خطا gtmetrix

بخش Speed Visualization :

هم آن گونه که در تصویر بالا مشاهده میکنید میتوانید به صورت دقیق و کامل مشاهده کنید که کاربر سایت درهر ثانیه و لحظه چه چیز را مشاهده میکند و چه زمانی اولین نمای صفحه، زمان فعال شدن تعامل و … برای کاربر نمایش داده می شود.

سرعت سایت

بخش Top Issues :

در این بخش می توانید مهمترین موضوعات تاثیر گذار در عملکرد سایت خود را بررسی کنید. البته بعد از برطرف کردن مشکلات سایت دوباره این لیست آپدیت خواهد شد.

مشکلات سایت

بخش Page Details :

در این بخش میتوانید جزئیات واجزای تشکیل دهنده صفحه خود را مشاهده کنید، این جزئیات شامل فایل های عکس ، فونت ، … می شود.

استفاده از gtmetrix

تب Performance در GTmetrix

در نسخه ی جدید تب Tab Timings با تب Performance جایگزین شده است.

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

  • سبز : عالی
  • سبز روشن : خوب
  • نارنجی :  بد
  • قرمز : خیلی بد

که نشان دهنده زمان لود شدن هر یک از عملکرد ها و درخواست های سایت می باشد شما میتوانید از این بخش به صورت کامل زمان بارگذاری سایت را مشاهده کنید.

تب Structure در GTmetrix

این تب خلاصه ای از بخش های PageSpeed ​​و YSlow هست اما با این تفاوت که کل مفاهیم جدید و مهم الگوریتم Lighthouse و هر آنچه که در بالا گفته شده است را شامل می شود.

اما قابلیت جالبی که در نسخه جدید GTmetrix مشاهده میکنیم این است که اگه خطایی در سایت مشاهده کنیم، کدی که در سایت باعث خطا شده است را به ما نشان میدهد. این قابلیت در نسخه ی قدیمی وجود نداشت.

تغییرات ظاهری نسخه جدید و قدیم

new-gtmetrix
old-gtmetrix

آرمان محمدی پور

بیش از 5 سال است که با وردپرس کار می کنم و در حوزه هایی چون سئو و محتوا سازی مطابق با الگوریتم های روز گوگل گام برداشتم و پس از آن شروع به یاد گیری روش های کسب درآمد آنلاین شدم به کسب اطلاعات بیشتر در زمینه دیجیتال مارکتینگ پرداختم. اکنون شروع به ساختن آموزش در تمامی زمینه های کسب و کار دیجیتال کرده ام و امید وارم این آموزش ها مورد قبول تمامی کاربران قرار گیرد.

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) عضویت در کانال

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز باشد و متوجه اشخاص مدیر، نویسندگان و سایر کاربران باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.
  • چنانچه از لینک سایر وبسایت ها و یا وبسایت خود در دیدگاه استفاده کرده باشید تایید نخواهد شد.
  • چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.
  • چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.

نظرات کاربران

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    لینک کوتاه :
    0