وب سایت gtmetrix ببررسی فاکتور های بهینه سازی

سایت  gtmetrix برای نمایش یا آنالیز میزان بهینه سازی سایت شما در بخش سرعت است که یکی از فاکتور های مهم در سئو سایت می باشد.

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

حالا وارد کار با سایت می شودیم لطفا ابتدا ادرس سایت خود را در قسمت Analyze Performance of  وارد کنید و گزینه go را بزنید تا آنالیز سایت شما شروع شود سپس چند لحظه ای صبر کنید تا به صورت کامل بررسی شود نتیجه کار شبیه به عکس زیر خواهد بود.

همان طور که ملاحظه می فرمایید تمامی فاکتورهای مربوط به سرعت سایت شما به صورت اماری دقیق در دوقسمت Summary و Breakdown نمایش داده شده است که اولی از اطلاعات دومی به دست می آید.

Page Speed Grade که امار میزان بهینه بودن را نشان می دهد از بخش Breakdown

YSlow Grade هم بر اساس استاندارد های موتور جست و جوی یاهوو کار می کند و Page load time زمان بار گزاری یا لود سایت را نشان می دهد وTotal page size هم حجم  سایت کلی سایت است.

نکته  : هرچه  تعداد درخواست به سرور جهت لود سایت کمتر باشد بهتر است و عدد Total number of requests شما پایین تر  می باشد.

History مربوط به تاریخچه بررسی دامنه و افت و خیز ها است وTimeline هم زمان بارگزاری هر بخش را به صورت نموداری نشان  می دهد .

 فاکتورهای مورد بررسی توسط وب سایت Gtmetrix

قسمت Specify image dimensions : یعنی باید برای عکس های خود طول و عرض تعیین کنید خب سود خوبی هم دارد یکی اینکه مرورگر میدونه باید چه سایز عکسی رو فراخوانی و لود کنه و یک خاصیتی که خیلی از وبمستر ها به آن به عنوان افزایش بازدید توجهی ندارند ایندکس خوب عکس ها در گوگل است یادتان باشد گوگل فقط متن نیست بلکه قسمتی مجزا به عنوان image دارد حتی ویدئو پس سرمایه گزاری روی سایت برای افزایش بازدید را کامل انجام دهید.

پهنا طول و ارتفاع یا عرض تصاویر را میتوانید تعریف کنید در وردپرس مقدار اولی همون width و مقدار دومی هم height مربوط به هر تصویر می باشد. برای این کار ابتدا محل عکس مورد نظر را در قالب وردپرس پیدا کنید  و مطابق کد زیر تغییر دهید:

<img src=”لینک” alt=”توضیح” width=”10″ height=”10″ />

 Defer parsing of JavaScript : دوستان توصیه میکنیم زیاد روی این گزینه حساسیت به خرج ندهید چرا که  در آخر مجبور خواهید شد همه کد های جاوا اسکریپت خود را پاک کنید تا صد در صد شود.

Optimize the order of styles and scripts مربوط به یک توصیه است که میگوید اگر شما فایل سی اس اس خود را قبل از جاوا اسکریپت بگذارید سرعت لود بیشتر می شود.Inline small CSS زمانی که فایل خارجی سی اس اس شما کم حجم یا کوچک است لزومی ندارد در بخش هد سایت شما نباشد.

Inline small JavaScript مانند قبل ولی اینبار جاوا اسکریپت را قرار بدین Enable Keep-Alive برای ارتباط فعال و زنده بین مرورگر و سرور می باشد کافیه کد زیر را به فایل .htaccess  اضافه کنید.

<ifModule mod_headers.c>Header set Connection keep-alive</ifModule>

 Avoid bad requests اگر از تصاویری در زمان گذشته یا حتی فایل در سایت استفاده کردین و وجود خارجی ندارد یا حذف شدند را ببینید و درست کنید تابهینه سازی سایت شما کامل تر شود.

Put CSS in the document head اگر فایل استایل سی اس اس شما در بخشی مانند body باشد حتما با این اخطار مواجه خواهید شد کد های سی اس اس خارجی خود را به درون head سایت خود منتقل کنید تا ارور بر طرف شود این برای سئو شما ضروری است.

Enable gzip compression خب این مورد هم برای فشرده سازی فایل هایی است که از سمت سرور ارسال می شود  فشرده می شود و در اختیار مرور گر قرار میگیرد کد زیررا به فایل .htaccess  سایت خود اضافه کنید.

# BEGIN Compress text files
<ifModule mod_deflate.c>
<filesMatch “\.(css|js|x?html?|php|woff|ttf|png|jpg|gif)$”>
SetOutputFilter DEFLATE
</filesMatch>

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

شما در بهینه سازی سایت با جی تی متریکس نیاز دارید فایل های اچ تی ام ال خود را کم حجم کنید که در Minify HTML نمایش داده خواهند شد توضیحات اضافی و یا فاصله کد ها اکثر مواقع باعث کاهش رتبه می شوند.  توصیه نمی شود برای سایتهایی که در سمت سرور کامپایل می شوند از کد های بهینه توصیه شده استفاده شود چون کد بهینه شده بعد از کامپایل ایجاد شده و یک صفحه ایستا است.

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

Remove query strings from static resources زمانی که در انتهای یک فایل استاتیک شما علامت سوال باشد با این ارور مواجه که باید یا دستی نام فایل را تغییر دهید ویا از افزونه های مرتبط استفاده کنید.

Minimize redirects هرچه ریدایرکت کمتر باشد بهتر است منطقی نیست در یک صفحه مانند تماس با ما هستیم و بعد از چند ثانیه وارد یک صفحه دیگر شویم.

Minimize request size  میزان مراجعه به سرور را کاهش دهید حجم فایل ها را کم کنید عکس ها را یک پارچه کنید فونت های اضافی در سایت ممنوع هستند.

Serve resources from a consistent URL این مورد خیلی ساده است اما خیلی کلیدی در مورد مفاهیم داپلیکیت بعدا توضیح خواهیم داد اما این خطا برای مراجعه به یک عکس با دو ادرس است اضافی باید پاک شود این موضوع در سئو سایت شما بسیار مهم است.

Serve scaled images عکسی که مقدارش بزرگ اما در سی اس اس کوچک شده است مشکل ساز است عکس را در همان اندازه استفاده شده ذخیره کنید.

بررسی بخش YSLOW جی تی متریکس :

از اینجا به بعد بخش های تاثیر گذار بر yahoo را بررسی می کنیم.

Use a Content Delivery Network  این گزینه مربوط به فراخوانی یک فایل سایت ما از سرورهایی در نقاط مختلف جهان است تا سرعت زیاد تر شود(CDN) اما ما که بیشتر کاربرانمون از ایران هستند چندان کارایی ندارد که البته فکر میکنم به دلیل مسائل تحریم امکان استفاده هم نداریم زیاد هم مهم نیست.

Reduce DNS lookups کاهش درخواست های خارج از سرور خودتون است امار بازدیدتون رو که از یه سرور میگیرید دانلود هم از یه سرور عکس هم از یک سرور پاپ اپ هم که ما شا ا… تبلیغات اینترنتی بازم بگم  بسه دیگه  همه از یک جا فراخوانی کنید  سایت سریع تر لود شود.

Put JavaScript at bottom   فایل های جاوا اسکریپت می بایست پایین ترین جا یعنی بالای تگ </html>  قرار بگیرند.

Avoid HTTP 404 شما می بایست از پیج 404 را در مواقع خطای برنامه با نبود عکس و مطلب در وب سایت ایجاد کنید.

Make favicon small and cacheable   یک آیکن کوچک برای سایت خودتون بسازید که در اصطلاح به اون fav.ico ما در زئوس سایت بالای مرورگر داریم .