آموزش  کار با ابزار  gtmetrix بصورت تصویری

سلام به همه  دوستان  در این پست از سایت ژانیا سعی بر آن است تا بتوانیم برای آموزش و کار با ابزار gtmetrix به شما کمک کنیم .

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

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

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

 

 

 

روش login کردن در سایت gtmetrix

در ابتدای ورود به سایت  نیاز است که شما  در سایت gtmetrix ثبت نام کرده باشید

تا بتوانید به یکسری از تنظیمات  دسترسی پیدا کنید اگر برای اولین بار است

که وارد سایت میشود یا اینکه قبلا ثبت نام نکرده اید روی دکمه ی sign up   کلیک کنید

و اطلاعات خواسته شده را وارد کنید در غیر این صورت log in کنید و پسورد و ایمیل خود را بدهید

آمورش وارد کردن آدرس  سایت در آدرس بار بصورت تصویری :

 

 

 

روش کار با analysis option(تنظیمات gtmetrix) :

 

 

test format: در این قسمت گزینه هایی وجود دارد که از شما  میخواهد یکسری از تنظیمات را  در رابطه با این که کجا و چطور

میخواهید سایت  آنالیزشود را انجام دهید

Test url in: از شما میپرسد که مایل هستید از چه کشوری آنالیز  تست و آنالیز سایت شما  انجام شود

که باید یکی از گزینه ای پیشنهادی را انتخاب کنید

using : مایل هستید از چه مرور گری برای اینکار استفاده شود؟

 

with: از چه نوع اتصالی  برای تست استفاده شود گزینه ی پیشفرض  یعنی  فرقی نمی کند

و هر اتصالی که در دسترس بود

 

option: تنظیمات مربوط به ویژگی ها و عملکرد های  که ممکن است در قسمت هایی از کار باعث نتیجه گیری بهتر شود.

 

create video: همزمان با آنالیز سایت شما یک ویدیو از زمان بارگذاری سایت شما تهیه میکند که  میتوانید آن را مشاهده کنید.

adblock plus: فعال سازی افزونهadblockplusd برای شناسایی بعضی از تبلیغات سایت و بستن  آن ها

stop test onload:  متوقف کردن حالت تست در زمان اتصال gtmerix به سایت

سایت شما از نظر سرعت بهینه سازی دارای چه امتیازی  نزد موتور های جستجو است؟

 

 

برای اینکه  متوجه شوید که سرعت سایت شما چه امتیازی نزد موتور های جستجو دارد دو بخش وجود دارد که بررسی آن ها  دارای  اهمیت است

performance score:برای امتیاز دهی به سرعت سایت شما دو بخش را در نظر گرفته است

1 pagespeed score:امتیازی است که گوگل برا اساس یکسری از پارامتر های مشخص شده به سرعت سایت شما میدهدهر 

چه درصد بالاتری نشان داده شود امتیاز سایت شما بیشتر است .

2 yslow score:امتیازی است که موتور ها ی جستجوی یاهو  بر اساس پارامتر های در نظر گرفته شده به سایت شما میدهند

page details:

1 fully loaded time:زمانی که صرف میشود تا سایت شما بطور کامل لود شود هر چه این زمان کمتر باشد سرعت سایت شما بیشتر است

2 tatal page size:حجم کل صفحه را نشان میدهد

3 reguests: تعداد درخواست هایی که از طرف سایت به سمت سرور  میرود هر چه تعداد درخواست کمتر باشد سرعت بارگذاری سایت شما بهتر و بیشتر میشود

نکته:شاید برایتان سوال پیش بیاید که خوب  برچه اساسی میزان کم یا زیاد بودن این مقادیر را بسنجیم ؟

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

 

 

 

بخش waterfall چه کاری را برای ما انجام میدهید ؟

waterfall:جزئیات دقیقی را از زمان شروع تا پایان بارگذاری سایت را نشان میدهد از طریق نمودار میتوانید مشاهده کنید که در چه قسمت و بخشی  از طرف سایت درخواست به سمت سرور ارسال شده است و زمان پاسخگویی به هرکدام چقدر طول میکشد ؟ همچنین با کلیک روی هر کدام از قسمت ها اطلاعات دقیقی در مورد آن قسمت داده میشود .

 

بخش timing در gtmetrix  برای چه کاری استفاده میشود؟

 

 

بصورت زمان بندی شده نشان میدهد که هر کدام از قسمت ها  در کدام قسمت از کار start میشوند .

و چقدر زمان میبرند. در بخش بعدی از توضیحات هرکدام از این قسمت هار ا به اختصار توضیح میدهیم .

کار با سربرگ video در gtmetrix:

اگر در قسمت  analysis option  که در همین مقاله توضیح دادیم  تیک گزینه create video را زده باشید در زمان connect شدن gtmetrix به سایت شما همزمان با آنالیز جزئیات سایت شما یک ویدیو هم از زمان بارگذاری سایت شما در اختیار شما قرار میگیرد . که با مراجعه به سربرگ آنالیز قادر به مشاهده ی  آن خوهید بود  و همچنین میتوانید این  ویدیو را با استفاده از گزینه ی download video  دانلود کنید .

 

time to first byte: زمانیکه اولین بایت را از سایت دریافت میکنید .

first paint :زمانیکه اولین نتیجه بارگذاری سایت روی مرورگر نشان داده میشود .

first contentfull paint: زمانی بارگذاری اولین نتیجه کامل میشود و به اتمام میرسد

DOM loaded: از پارامتر های جاوا اسکریپت است

first paint onload : زمانیکه اولین  نتیجه ی بارگذاری سایت ایجاد شده و اتصال بین سایت و connectin برقرار است و آنالیز سایت و report گرفتن ادامه دارد .

fully loaded: زمانیکه صرف بارگذاری کامل صفحه میشود .

سربرگ history در gtmetrix:

تاریخچه بارگذاری  سایت را نشان میدهد و شما میتوانید نسبت به قبل مقایسه انجام دهید یعنی در هر بار اسکن شدن سایت ها  تاریخچه برای شما ایجاد میشود .

 

تنظیمات پیشرفته در GTMETRIX:

یکسری تنظیمات گسترده تر هم رد gtmetix وجود دارد که باعث آسانی و نتیجه گیری بهتر میشود که در بالا صفحه و در کنار آدرس بار قرار دارد

retest: برای تست مجدد سایت استفاده میشود

compare: برای مقایسه وضعیت آنالیز  چندین سایت با هم کاربرد دارد و میتوانید ادرس چندین سایت را وارد کنید و وضعیت آنالیز آن ها را در gtmetrix با هم مقایسه کنید اینکار به شما  در نتیجه گیری بهتر کمک میکند

 

page setting : تمامی  تنظیماتی که در قسمت analysis option در دسترس بود از این قسمت هم قابل  دسترس است .

monitor : برای استفاده از آن باید نسخه پولی  gtmetrix را تهیه کنید

set up alerts: اگر gtmtrix در هنگام connection به سایت شما دچار خطا شود این خطا برای شما ایمیل میشود .