gtmetrix چیست و چگونه کار می کند؟

افزایش بارگذاری سرعت صفحات سایت gtmetrix page speed

bc7cd_gtmetrix-%DA%86%DB%8C%D8%B3%D8%AA-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF-%D8%AC%DB%8C-%D8%AA%DB%8C-%D9%85%D8%AA%D8%B1%DB%8C%DA%A9%D8%B3-%D8%B3%D8%B1%D8%B9%D8%AA-%D8%A8%D8%A7%D8%B1%DA%AF%D8%B2%D8%A7%D8%B1%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA gtmetrix چیست و چگونه کار می کند؟Specify a cache validator

تعریف یک Cache Validator
Combine images regulating CSS sprites

ابعاد دهی به تصاویر و استفاده از تکنیک css sprites

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

فشرده سازی و حالت دهی مناسب تصویر می تواند سبب کاهش ترافیک اطلاعات بر روی شبکه وب گردد.
Defer parsing of JavaScript ( به تعویق انداختن اجراء جاوا اسکریپت ) : در هنگام بارگذاری یک صفحه ، مرورگرها بایستی محتوای تمامی تگ های چاوا اسکریپت را تجزیه و اجرا نمایند ، که این فرآیند سبب افزایش زمان بارگذاری سایت می گردد . با فشرده سازی حجم جاوا اسکریپت های غیر لازم تا زمانی که مورد استفاده قرار گیرند ، شما می توانید زمان بارگذاری اولیه صفحه خود را کاهش دهید .
Inline tiny CSS استفاده نکردن از css داخلی

بهتر است تمام کدهای css در یک فایل impression فراخوانی شوند.
Optimize a sequence of styles and scripts ( بهینه سازی ترتیب قرارگیری CSS و جاوا اسکریپت ها ) : فشرده سازی کد css سبب کاهش ارسال و دریافت اطلاعات بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد.
Leverage browser caching ( بهبود Caching کش مرورگر ) : مشخص نمودن یک تاریخ انقضا و یا مشخص نمودن حداکثر طول عمر در بخش هدرهای HTTP ، برای صفحات استاتیک سبب می شود که مرورگرها از منابعی که قبلاً بارگذاری نموده اند استفاده نموده و دوباره آنها را از روی دیسک و یا حافظه سرور بازخوانی نکنند. که استفاده از این روش سبب افزایش سرعت بارگذاری صفحات وب می گردد.
Minify CSS کوچک سازی CSS

فشرده سازی کد css سبب کاهش ارسال و دریافت اطلاعات بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد.
Remove query strings from immobile resources ( پاکسازی query fibre ها از منابع ثابت ) : اغلب پروکسی ها ، منابعی که علامت ” ؟ ” در Url آنها وجود داشته باشد را کش نمی کنند ، حتی اگر یک دستور Cache-Control : Public header تعریف شده باشد . برای فعال سازی کش پروکسی برای این منابع ، query fibre ها را از داخل منابع استاتیک حذف نمائید و بجای آن پارامترها را به نام فایل آنها ، رمزگذاری نمائید.

Specify picture dimensions

مشخص کردن ابعاد تصویر
Minify HTML کوچک سازی HTML

فشرده سازی کد HTML شامل فشرده سازی تمامی کدهای Inline مربوط به جاوا اسکریپت و CSS می گردد که می تواند باعث کاهش حجم اطلاعات ارسالی و دریافتی بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد .
Minify JavaScript کوچک سازی جاوا اسکریپت

فشرده سازی کد جاوا اسکریپت می تواند باعث کاهش حجم اطلاعات ارسالی و دریافتی بر روی شبکه و افزایش سرعت بارگذاری و اجرا صفحات وب می گردد .
Enable gzip compression

فعال کردن فشرده سازی gzip در سرور
Avoid a impression set in a meta tab عدم بکارگیری impression set ها در متاتگ

استفاده از impression set ها در یک Meta tab سبب مختل شدن فرآیند دانلود محتوا در مرورگر IE8 می گردد . بمنظور بهبود فرآیند دانلود موازی و همزمان منابع بهتر است که impression set ها به بخش محتوایی HTTP در Response Header منتقل شوند .
Enable Keep-Alive ( فعال سازی قابلیت Keep-Alive ) : با فعال سازی قابلیت HTTP Keep-Alive و یا HTTP Persistent Connections، به خط ارتباطی TCP این اجازه داده می شود که برای ارسال و دریافت اطلاعات ، درخواست های چندکاناله HTTP را انجام دهد و بنابراین تاخیر در اجرای فرامین کاربر را کاهش دهد .
Minimize ask distance حداقل نمودن تغییر مسیرها

کوچک نگهداشتن کوکی ها و سرآیندهای درخواست تا حدممکن ،سبب می شود که یک درخواست HTTP را بتوان در یک بسته اطلاعاتی ارسال نمود.
Put CSS in a request conduct قراردادن CSS در ابتدای کد

انتقال بلوک های CSS داخلی و عناصر Link از قسمت physique کد HTML به بخش Head ، سبب افزایش کارایی اجرای صفحات خواهد شد.
Specify a Vary: Accept-Encoding header تعریف یک سرآیند Vary Accept Encoding

اشکالات در برخی از پروکس های عمومی از آنجایی ممکن است ناشی شود که این پروکسی ها محتوای سایت شما را فشرده نموده و بسوی مرورگر کاربری که از نسخه فشرده سازی شده پشتیبانی نمی کند ، ارسال می کنند. تعریف سرآیند Vary: Accept Encoding سبب می شود که پروکسی هم نسخه فشرده ده و هم نسخه عادی از محتوا و منابع را ذخیره نماید.
Avoid CSS @import اجتناب از بکارگیری دستور CSS@Import

بکارگیری دستور css@import در یک impression piece بیرونی می تواند سبب بوجود آمدن تاخیرهای اضافی در هنگام بارگذاری صفحات یک وب سایت گردد .
Avoid bad requests ( اجتناب از درخواست های نامناسب ) : پاکسازی صفحات از لینک های شکسته و یا درخواست هایی که سبب ایجاد خطاهای ۴۰۴/۴۱۰ می گردند . از ایجاد درخواست های بیهوده اجتناب کنید.

کارایی و عملکرد gtmetrix Yslow چیست؟

Use a Content Delivery Network – CDN : ( بارگذاری CSS وجاوا اسکریپت ار فایل های بیرونی ) : بطور استراتژیک برای فعال سازی قابلیت کش (Cashe ) شدن CSS و جاوا اسکریپت توسط مرورگر آنها را از فایل های بیرونی بارگذاری نمائید نه بصورت lnline.
Make fewer HTTP requests کاهش درخواست های HTTP

کاهش تعداد درخواست (Request)های HTTP باتلفیق نمودن فایل ها و بلوک بندی css ها امکانپذیر است .
Add Expires headers

از یک Expire header برای کنترل نحوه Cache شدن سایت خود در مرورگرهای کاربران استفاده کنید.
Make AJAX cacheable کش نمودن AJAX

با فعال نمودن قابلیت cache (کش) شدن درخواست های AJAX می توان از بروز تاخیر در بارگذاری صفحات جلوگیری نمود .
Use cookie-free domains ( کاهش اندازه کوکی ها ) : بمنظور کوچک سازی اندازه سرآیند(header)های HTTP ، اندازه کوکی ها را تا حد امکان کوچک نگهدارید.
Reduce DNS lookups کاهش تعداد DNS lookup ها

DNSlookup ها سبب افزوده شدن یک تاخیر به درخواست های اولیه ارسالی بسوی یک میزبان می گردد.ارسال درخواست به سمت تعداد زیادی از میزبان های مختلف سبب کاهش کارایی یک وب سایت می گردد.
Reduce a series of DOM elements کاهش تعداد عناصر DOM

وجود یک صفحه وب پیچیده به معنای وجود بایت های بیشتر برای بارگذاری است ، و همچنین می تواند به معنای دسترسی کندتر DOM در جاوا اسکریپت باشد.
Avoid AlphaImageLoader filter عدم استفاده از فیلتر AlphaImageLoader

فیلتر AlphaImageloader که در اینرنت اکسپلورد تعبیه شده است سبب افزایش زمان بارگذاری صفحات می شود.
Make favicon tiny and cacheable ( ساخت favicon کوچک و قابل کش (cache) شدن ) : Favicon را در ابعاد کوچک تولید کرده و آن را بگونه ای پیکربندی کنید که قابل کش (cache) شدن باشد .
Avoid CSS expressions عدم استفاده از عبارات CSS

استفاده از عبارات CSS (پشتیبانی شده در IE نسخه ۵ به بعد ) روشی قدرتمند اما خطرناک برای تنظیم خواص CSS ها بصورت داینامیک هستند .
Configure entity tags – ETags ( پیکربندی E Tag ها ) : راه اندازی چندین سرور با استفاده از تنظیمات E Tag می تواند سبب جلوگیری از بروز خطای ۳۰۴ گردد.
Put JavaScript during bottom جایگذاری جاوا اسکریپت در انتهای کد

اسکریپت ها را به انتهای کد انتقال دهید تا مطمئن شوید که بر روی سایر اجزاء کد اثر مخربی نگذارند.

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

منبع: seoworld http://seoworld.ir/gtmetrix-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%DA%AF%D9%88%D9%86%D9%87-%DA%A9%D8%A7%D8%B1-%D9%85%DB%8C-%DA%A9%D9%86%D8%AF%D8%9F/

به این مطلب امتیاز بدهید
درباره نویسنده

ابراهیم حنفی (متخصص سئو) هستم، 8 سال سابقه فعالیت در حوزه وب رو دارم و بطور تخصصی 4 سال هست که سئو کار میکنم و به لطف خدا نمونه کارهای خوبی در این زمینه بدست آوردم.

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