مزایای ابزار جی تی متریکس

در قسمت فوقانی این گزارش یک عملکرد کلی از این وبسایت درج شده است. در قسمت پایین همین صفحه معیار های متعددی برای سرعت سایت درج شده است که درصد هر یک نیز در مقابل آن قرار داده شده است. میانگین تمامی این معیار های ذکر شده در کادر Performance Scores قرار گرفته است. این کادر شامل دو قسمت می باشد:

Page Speed Score: این عدد میزان سرعت سایت شما را نشان داده و از طریق الگوریتم های گوگل حاصل شده است.

YSlow Score: این عدد میانگین بهینه سازی سایت را نشان داده که در واقع بهینه بودن فایل های سایت را نشان می دهد و از طریق الگوریتم های یاهو حاصل شده است.

در کادر دیگری در همین قسمت که نامش Page Details است، آمار مربوط به زمان بارگذاری، حجم صفحه مورد نظر و تعداد درخواست هایی که برای این وبسایت ارسال شده است، می باشد.

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

معرفی مهمترین معیار های ابزار جی تی متریکس به منظور بهینه سازی سایت

مجموعه معیار های این ابزار در دو قسمت PageSpeed و Yslow قرار گرفته اند که در ادامه هر یک از این معیار هایی که به منظور بهینه سازی سایت مورد استفاده قرار می گیرند را بیان می کنیم:

قسمت PageSpeed

این قسمت شامل معیار هایی است که به سرعت سایت مربوط می شود که مهمترین معیار های این بخش شامل این موارد می شوند:

Defer parsing of JavaScript: میزان بهینه بودن فایل های جاوا اسکریپت سایت را نشان داده که به صورت کلی باعث نمایش سریعتر و بهینه سازی سایت می گردد.

Optimize the order of styles and scripts: این قسمت بیانگر میزان بهینه بودن کد هایی است که به زبان های CSS و جاوا اسکریپت در سایت استفاده شده است.

Optimize images: این قسمت میزان بهینه بودن تصاویر سایت از لحاظ حجم و ابعاد را نشان می دهد. به منظور بهینه سازی سایت، باید تصاویر در قالب استاندارد وب باشند.

Specify a cache validator: فایل هایی که در کش شدن آن ها نقص وجود دارد را مشخص می کند.

Minimize redirects: این معیار تعداد فایل های جاوا اسکریپت و CSS را نشان داده که هر چه تعداد آن ها کمتر باشد تعداد درخواست ها به سایت کاهش یافته و باعث بهینه سازی سایت می شود.

Avoid bad requests: این پارامتر تعداد درخواست هایی را نشان می دهد که به صورت اشتباه به سایت ارسال شده اند.

Use cookie-free domains: در این معیار فایل هایی که ثابت هستند از یک بخش مجزا مانند ساب دامنه دریافت می شوند که این اقدام باعث بهینه سازی سایت می گردد.

Reduce DNS lookups: به منظور افزایش سرعت و بهینه شدن سایت باید تعداد دامنه های مجزا را در وبسایت کاهش داد.

Minify JavaScript and CSS: به منظور فشرده کردن فایل های جاوا اسکریپت و CSS، مورد استفاده قرار می گیرد.

Make AJAX cacheable: این معیار میزان استفاده شما از کش برای حالاتی است که از قابلیت AJAX در وبسایت خود بهره برده اید.

Remove duplicate JavaScript and CSS: در مواردی برخی از فایل های جاوا اسکریپت و CSS از چندین آدرس و به صورت تکراری بارگذاری می شوند که هر چه این میزان بیشتر باشد بهینه سازی سایت را با مشکل مواجه می کند.

Use GET for AJAX requests: در صورتی که برای موارد استفاده از AJAX از متد POST استفاده شده باشد امتیاز سایت پایین می آید برای این منظور باید در این حالت ها از معیار GET بهره برد.

Reduce cookie size: این معیار برای کم کردن حجم کوکی های مورد استفاده در سایت کاربرد دارد و هر چه حجم کوکی ها کمتر باشد سرعت سایت بیشتر است.

 آموزش کار با افزونه

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

• بهینه سازی کد HTML 

این گزینه کد های HTML شما را بهینه سازی کرده و بصورت فشرده در یک خط قرار می دهد. یک مزیت دیگر نیز در این کار است که به سختی می توان کد های وب شما را ریپ کرد!

• نگه داشتن کامنت های HTML 

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

• بهینه سازی کد Javascript 

این گزینه کد های Javascript یا بصورت خلاصه تر js شما را بهینه سازی و فشرده می سازد. یکی از معایب این گزینه این است که اگر شما چنانچه در وب خود از کد آماری و یا کد نمایش تبلیغاتی استفاده می کنید این گزینه باعث می شود که شی مورد نظر شما که توسط جاوا اسکریپت فراخوانی می شود و در فوتر به نمایش در آید.

• بهینه سازی کد CSS 

این گزینه نیز کد های شیوه نامه یا به عبارت دیگر کد های css شما را فشرده می سازد و باعث افزایش سرعت لود سایت شما می شود!

• تولید data: URIS برای تصاویر 

اگر چنانچه این گزینه را فعال کنید ، تصاویر کوچک موجود در فایل CSS به جای اینکه جداگانه دانلود شوند به داده خطی تبدیل شده و همراه با فایل دانلود خواهند شد.