آموزشهای وبمستریخانهعمومی

آموزش کامل استفاده از GTmetrix

آموزش کامل استفاده از GTmetrix
آموزش کامل استفاده از GTmetrix
آموزش کامل استفاده از GTmetrix

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

هیچ میدونستید که بر اساس آماری که گروه Aberdeen Group منتشر کرده، بخاطر هر 1 ثانیه تاخیری که در لود صفحات سایت شما رخ میده نتایج زیر را به دنبال خواهد داشت؟

  • کاهش 11 درصدی آمار بازدیدکنندگان سایت
  • کاهش 16 درصدی رضایت کاربرانی که به مشتری شما تبدیل شده‌اند
  • کاهش 7 درصدی آمار فروش سایت
  • افزایش 50 درصدی نرخ پرش(bounce rate)

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

در این آموزش از پایگاه دانش جی فارس قصد دارم به آموزش کامل gtmetrix بپردازم که با استفاده از این آموزش میتونید با تکیه بر آمار و ارقامی که از آنالیز سایتتون با استفاده از سایت gtmetrix به دست میارید، ببینید که سایتتون در چه بخش‌هایی ضعیف عمل کرده و علت پایین پودن سرعت سایت شما چه چیزی میتونه باشه. پس اگر شما هم به دنبال آموزش کامل استفاده از GTmetrix هستید، تا انتهای این مقاله با ما همراه باشید.

آموزش کامل GTmetrix و رفع خطاهای جی تی متریکس

اولین سوالاتی که برای افزایش سرعت سایت به ذهن کاربران پیش میاد اینه که:

  • علت پایین بودن سرعت سایت و علت کند بودن سایت ما چیه؟
  • چگونه سرعت سایت را افزایش دهیم؟
  • ترفندهای افزایش سرعت سایت چه چیزهایی هستند؟
  • استفاده از افزونه‌ها و پلاگین‌های بهینه سازی سرعت سایت در سیستم‌های مدیریت محتوا مثل وردپرس و جوملا تا چه میزان میتونه روی سرعت تاثیر مثبتی بزاره؟
  • و… کلی سوالات از این دست که حتما در ذهن شما نقش بسته و به دنبال یافتن بهترین راهکار برای حل مشکل کند بودن سایت هستید.

برای اینکه بتونیم سرعت سایت خودمون رو افزایش بدیم ابتدا باید با استفاده از ابزارهای آنلاینی که وجود داره ببینیم اصلا سرعت صفحات سایت ما به چه صورتی هست؟ و وقتی یک صفحه را باز می‌کنیم دقیقا اتفاقاتی که در لود این صفحه رخ میده چیه؟ یعنی وقتی وارد صفحه‌ای از سایت میشیم، حجم این صفحه چقدر هست و چه مدت زمان هم طول میکشه که این صفحه لود بشه و در نهایت تعداد درخواست‌هایی که به سرور برای لود سایت ارسال میشه چندتاست؟

بهترین ابزار برای بررسی سرعت، سایت GTmetrix هست. این سایت با استفاده از مرورگرهای مختلف و لوکیشن‌های مختلفی که روی نرم افزار آنلاین خودش داره این امکان رو به شما میده که سرعت لود سایتتون را به صورت زنده مشاهده کنید و ببینید که برای لود هر صفحه از سایت چه تعداد درخواست، چه میزان حجم و چقدر زمان نیاز هست. بعد از اینکه این موارد رو به شما ارائه داد میتونید تک تک فایل‌ها و قابلیت‌هایی که روی افزایش سرعت تاثیر داره رو ببینید که در چه سطحی قرار دارند. به عنوان نمونه میتونید ببینید که تصاویر استفاده شده تا چه میزان بهینه هستند؟ آیا از کش مرورگر و تاثیر استفاده از CDN در سایت مطلع هستید؟ فایل‌های CSS و JS تا چه حدی فشرده شدن؟ اصلا فشرده سازی برای فایل‌های سایت انجام دادید یا خیر؟!

سایت GTmetrix چیست؟

سایت GTmetrix که با آدرس www.GTmetrix.com در دسترس هست، امکان بررسی و آنالیز سایت رو به شما میده که با استفاده از این ابزار آنلاین میتونید نسبت به تست سرعت سایت در GTmetrix اقدام کنید. این سایت با بررسی کلیه فایل‌هایی که در یک صفحه از سایت لود میشه و بر اساس پارامترهایی که برای بهینه سازی سرعت سایت داره، به هر یک از این پارامترها امتیازی میده و در نهایت با میانگین گرفت از کلیه این پارامترها امتیازی رو به صورت درصدی برای سرعت سایت بر اساس الگوریتم‌های گوگل و بررسی سایت بر اساسالگوریتم‌های یاهو را در اختیارتون قرار میده. همچنین اطلاعات دیگه‌ای مثل میزان بهینه بودن هر فایل در صفحه، تاریخچه بررسی صفحه و… رو هم خواهید داشت که بر اساس همین موارد میتونید به بهینه سازی فایل‌های سایت بپردازید.

برای اینکه از ابزار آنالیز سایت GTmetrix استفاده کنید، ابتدا باید وارد این سایت با آدرس GTmetrix.com شده و سپس مشابه تصویر زیر در فیلد Analyze Performance of آدرس سایت یا صفحه‌ای از سایت که قصد بررسی اونو دارید وارد کرده و در نهایت روی دکمه Analyze کلیک کنید.

آموزش افزایش سرعت سایت وردپرس در gtmetrix و آموزش gtmetrix

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

آموزش افزایش سرعت سایت وردپرس در gtmetrix و آموزش gtmetrix

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

  • خاکستری: به این معنی هست که این پارامتر در سایت شما رعایت نشده و امتیازی هم برای اون وجود نداره
  • قرمز: به این معنی هست که پارامتر مورد نظر در سایت وجود داره، اما اصلا به صورت بهینه ازش استفاده نشده و کمترین امتیاز بهش تعلق میگیره
  • نارنجی: به این معنی هست که پارامتر در سایت شما رعایت شده و وجود داره، اما به صورت کامل رعایت نشده
  • سبز کم رنگ: به این معنی هست که پارامتر مورد نظر رعایت شده و امتیاز قابل قبولی هم دریافت کرده، اما میتونه بهتر هم باشه
  • سبز پر رنگ: به این معنی هست که پارامتر مورد نظر به صورت کامل رعایت شده و جای هیچ نقصی در اون وجود نداره

حالا همونطور که میبینید بر اساس همین پارامترهایی که بر اساس رنگ و درصد مشخص شده یک امتیاز کلی که میانگین این پارامترها هست در بالای صفحه نمایش داده میشه که در کادر Performance Scores قرار داره و شامل دو گزینه زیر هست.

Page Speed Score: این میانین برای نمایش میزان سرعت سایت به صورت درصدی بر اساس الگوریتم‌های گوگل هست که مقدار سرعت سایت شما رو نمایش میده. در این میانگین هم همون رنگبندی‌ها بالا وجود داره و هرچی درصد بالاتر بره به رنگ سبز و هرچی پایین‌تر باشه به رنگ قرمز منتهی خواهد شد. همچنین این امتیاز بر اساس حروف الفبا انگلیسی هم از حرف A تا F رده بندی شده که بر اساس درصد نهایی که مشخص شده یکی از این حروف نمایش داده میشه که در اینجا حرف A به معنی امتیاز بالا هست.

YSlow Score: این گزینه هم برای نمایش میانگین بهینه بودن سایت هست که بر اساس میزان بهینه بود فایل‌ها نمایش داده میشه و از الگوریتم‌های یاهو در این رده بندی استفاده شده. با این رده بندی میتونید بفهمید که کدوم یک از فایل‌های سایت شما هستند که باعث کند شدن سایت شدند و به کمک همین ستون میتونید فایل‌های حجیم که باعث لود کند سایت میشه رو شناسایی کنید.

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

Fully Loaded Time: از این بخش میتونید مدت زمان لود سایت با بر حسب ثانیه ببینید. این زمان از لحظه‌ای که سرور سایت به درخواست مرورگر کاربر برای لود صفحه پاسخ میده شروع شده و تا زمانی که کلیه فایل‌ها در مرورگر کاربر لود بشه ادامه خواهد داشت. که در نهایت مدت زمانی که در این بین طول میکشه به عنوان میزان زمان لود سایت در نظر گرفته میشه.

Total Page Size: این گزینه هم بر اساس پارامترهایی که در سایت انجام گرفته حجم کلیه فایل‌هایی که لود میشه رو با هم جمع بسته و در نهایت نشون میده که برای صفحه‌ای که انتخاب کردید، چه میزان حجم و ترافیک مصرف خواهد شد که بر اساس MB نمایش داده میشه.

Requests: در نهایت این گزینه هم تعداد درخواست‌های HTTP که برای لود صفحه به سرور ارسال میشه رو نمایش خواهد داد که در مقاله آموزش کاهش تعداد درخواست http در وردپرس به معرفی و نحوه کم کردن تعداد درخواست‌های HTTP پرداختم که هر چقدر بتونید این تعداد رو کمتر کنید و فایل‌هایی که میتونه در کنار هم قرار بگیره، را در کنار هم قرار بدین سرعت لود سایت بیشتر و بهتر خواهد شد.

حالا که با هر یک از پارامترهای GTmetrix برای تست سرعت سایت آشنا شدید در ادامه به معرفی هر کدوم از پارامترها می‌پردازم و راهکارهایی که میتونید ازش برای بهینه سازی سایت با gtmetrix استفاده کنید میپردازم. هر کدوم از این پارامترها مبحث مفصلی دارند که باید به صورت اصولی در سایت خودتون مورد ارزیابی قرار بدین و امتیاز بالایی را از هر کدوم دریافت کنید.


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

خب، حالا که تست سرعت سایتتون رو انجام دادین و نتایج برای هر پارامتر نشون داده شده، حالا نوبت این رسیده که هر پارامتر رو بررسی کنید و ببینید که دقیقا چی هست و بعدش شروع به بهینه کردن این پارامتر بکنید. در ادامه به صورت دسته بندی شده به معرفی هر کدوم از پارامترهایی که در ستون‌های PageSpeed، Yslow، Waterfall، Timings و History می‌پردازم که میتونید برای بهبود سرعت سایت با جی تی متریکس و آموزش افزایش سرعت سایت وردپرس در gtmetrix از این راهنمای کامل استفاده کنید.

بهینه سازی pagespeed سایت با GTmetrix

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

Optimize the order of styles and scripts: این گزینه برای بهینه سازی کردن فایل‌های استایل و اسکریپت‌هایی که به صورت ثابت در سایت وارد شده و استفاده میکنید مورد استفاده قرار میگیره. در این پارامتر میزان بهینه بودن کدهای CSS و JS که در سایت استفاده شده نمایش داده خواهد شد که برای بهبود این پارامتر باید ببینید اول امتیاز کافی دارید یا خیر. اگر امتیاز خوبی نداشتید، با کلیک روی این پارامتر آدرس فایل‌ها بهتون نشون داده میشه که با مراجعه به این فایل‌ها میتونید اقدام به بهینه سازی اونها بکنید.

رفع خطای optimize the order of styles and scripts در GTmetrix

Optimize images: این گزینه برای بهینه سازی تصاویر در سایت هست که اگر حجم و اندازه تصاویر از استانداردی که برای وب در نظر گرفته شده کمتر باشه از شما خواسته میشه تا اونها را بهبود بدین. در اینجا هم آدرس هر تصویری که بهینه نیست و جای بهینه سازی شدن داره نشون داده میشه که میتونید با ویرایش تصویر حجمشو کمتر کنید. علاوه بر این به شما گفته میشه که این تصویر با ویرایش کردن میتونه تا چه میزان بهینه بشه که امکان دانلود تصویر بهینه شده هم قرار داره و کافیه روی گزینه optimized version که در کنار آدرس هر تصویر قرار داره نسخه بهینه سازی شده عکس رو دریافت کنید. برای بهبود این پارامتر میتونید از مقاله آموزش بهینه‌سازی تصاویر در وردپرس استفاده کنید.

رفع خطای Optimize images در GTmetrix

Specify a cache validator: در این پارامتر هم فایل‌هایی که به درستی کش نشده باشند یا اینکه امکان کش در اونها وجود نداره بهتون نمایش داده میشه که میتونید با بررسی هر فایل وضعیت کش رو برای اونها مشخص کنید. برای بهبود سرعت در gtmetrix برای این پارامتر هم میتونید از مقاله‌های آموزش افزایش سرعت وردپرس با نصب افزونه WP-FFPC و آموزش کامل نحوه نصب و فعال سازی w3 total cache در وردپرس استفاده کنید.

رفع خطای Specify a cache validator در GTmetrix

Leverage browser caching: این گزینه هم برای کش فایل‌های ثابت هست که تغییری در اونها ایجاد نمیشه. به عنوان نمونه تصاویر و فایل‌های CSS که به ندرت تغییر میکنند در این نوع کش دسته بندی خواهند شد. حالا در اینجا هر کدوم از این فایل‌ها که میتونند به صورت کش شده در مرورگر کاربر قرار بگیرند، اما به هر دلیلی این کار صورت نگرفته نمایش داده خواهد شد که برای بهبود این پارامتر میتونید کد زیر را در فایل htaccess. قرار داده و ذخیره کنید.

رفع خطای leverage browser caching در GTmetrix

Defer parsing of JavaScript: وقتی کاربری در سایت وارد میشه انواع مختلفی از فایل‌های جاوا اسکریپت لود میشه که لود همین فایل‌ها زمان زیادی خواهند برد. پس برای اینکه هنگام لود سایت بشه زودتر ظاهر سایت رو با کاربر نشون داد بهتره کدهایی که برای لود فایل‌های جاوا اسکریپت هست رو در مرحله آخر یا همون فوتر سایت لود کنید. برای این مورد میتونید از مقاله آموزش فشرده سازی فایل‌ها در وردپرس و افزایش سرعت سایت استفاده کنید.

رفع خطای Defer parsing of JavaScript در GTmetrix

Minimize redirects: در حین لود صفحه از چندین نوع فایل css، js و… استفاده میشه که هر کدوم از این فایل‌ها برای قالب یا افزونه خاصی مورد استفاده قرار میگیرند. حالا هرچقدر تعداد این فایل‌ها بیشتر باشه باعث افزایش تعداد درخواست HTTP میشه که همین موضوع باعث گرفتن امتیاز کمتر در اون پارامتر هم خواهد شد. در نتیجه تعداد درخواست از سمت مرورگر و سرور بیشتر شده و سرور به صورت دائمی درگیر پاسخ‌ها خواهد بود.

پس بهتره با ترکیب کردن این نوع فایل‌ها کاری کنید که تمامی فایل‌های CSS در یک فایل و تمامی فایل‌های JS در یک فایل دیگه قرار گرفته و لود شوند که برای این کار هم میتونید از مقاله آموزش minify کردن فایل‌های CSS و جاوا اسکریپت در وردپرس استفاده کنید. که پارامترهای Minify JavaScript، Minify HTML و Minify CSS هم مربوط به همین مسئله هستند که با استفاده از این آموزش میتونید اونها را بهبود بدین.

رفع خطای Minimize redirects در GTmetrix

Specify a character set early: این خطا مربوط به متاتگ character set است که در زبان‌های مختلف از اون استفاده میشه. چون ما در زبان فارسی متاتگ character set که همون هست رو استفاده می‌کنیم، طبق گفته GTmetrix نیازی به استفاده از اون نیست. بنابراین پیشنهاد میکنه که از این متاتگ استفاده نشه که نیازی به تغییر این متاتگ نیست.

رفع خطای Specify a character set early در GTmetrix

Avoid bad requests: این پارامتر هم درخواست‌هایی که به صورت نادرست به سرور ارسال شده باشند رو شناسایی خواهد کرد. به عنوان نمونه ممکنه از یک فایل جاوا اسکریپت یا CSS در یک جایی استفاده شده باشه که آدرس خوندن این فایل اشتباه باشه یا اینکه اصلا وجود نداشته باشه که در این صورت در این پارامتر نشون داده میشه و میتونید برطرفش کنید.

رفع خطای Avoid bad requests در GTmetrix

Enable gzip compression: این پارامتر مربوط به فعال بودن Gzip در سرور شماست که نشون میده تا چه میزان از این قابلیت در سایت شما استفاده شده. در صورتی که از Gzip استفاده کنید صفحات شما فشرده‌تر شده و در نتیجه با سرعت بالاتر صفحه لود خواهد شد. برای استفاده از این قابلیت میتونید از مقاله آموزش نحوه فعال سازی gzip در وردپرس استفاده کنید.

رفع خطای Enable gzip compression در GTmetrix

Enable Keep-Alive: برای نمایش محتوای یک صفحه باید چندین فایل با انواع فرمت مختلف توسط مرورگر از سرور درخواست بشه که در این صورت اگر قرار باشه توی هر بار لود صفحات یک درخواست جدید ارسال بشه و سرور هم به همه این درخواست‌ها پاسخ مثبت بده، چیزی جز یک فاجعه به وجود نمیاد. 😀

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

رفع خطای Enable Keep Alive در GTmetrix

Inline small CSS و Inline small JavaScript: به صورت پیش فرض مرورگرها در هر سایتی لود فایل‌های CSS و JS که از منابع خارجی لود میشه رو تا زمانی که صفحه به صورت کامل از سمت خود سرور لود نشده در نظر نمیگیرند. بعد از اینکه صفحه بر اساس فایل‌های خود سرور لود شد شروع به لود فایل‌های خارجی می‌کنند. در این صورت زمانی در این بین اتلاف میشه که بهتره استایل‌ها و js خارجی رو به صورت مستقیم در خود سایت وارد کنید. برای بهبود این پارامتر کافیه استایل‌ها و کدهای JS که از منابع خارجی لود میشه رو مستقیما در سرور سایت قرار بدین.

رفع خطای Inline small CSS and JavaScript در GTmetrix

Minimize request size: این پارامتر برای کاهش حجم درخواست‌ها صورت میگیره که از سمت کوکی و هدر قابل استفاده هستند. که تقریبا مشابه همون حالتی هستند که در پارامتر Minimize redirects وجود داره.

رفع خطای Minimize request size در GTmetrix

Put CSS in the document head: در این پارامتر توصیه شده که فایل‌های CSS را در هدر سایت قرار بدین تا لود بشه و تا جای ممکن از کدهای استایل که در بخش بدنه قرار گرفتند و به صورت سفارشی ازشون استفاده می‌کنید دوری کنید.

رفع خطای Put CSS in the document head در GTmetrix

Remove query strings from static resources: این پارامتر برای درخواست‌هایی هست که به صورت query strings ارسال میشه و شامل کاراکتر ? هستند که اگه بخوام به نمونه‌ای از این درخواست‌ها اشاره کنم میشه به آدرس آواتار اشاره کرد که در انتهاش عبارتی مثل ?s=70&d=mm&r=g قرار داره.

رفع خطای Remove query strings from static resources در GTmetrix

Serve resources from a consistent URL: این پارامتر هم برای نمایش منابع از یک آدرس سازگار و درست هستند که اگر منابع از یک آدرس ناسازگار و غیر صحیح درخواست بشه در اینجا نشون داده میشه که میتونید برطرفش کنید.

رفع خطای Serve resources from a consistent URL در GTmetrix

Serve scaled images: وقتی از بهینه سازی تصاویر در سایت صحبت می‌کنیم منظور ما دو حالت بهینه سازی حجم تصاویر و بهینه سازی اندازه تصاویر هست. گاها میبینیم که در سایت‌هایی تصاویری با اندازه بزرگ استفاده شدند. به عنوان مثال تصویری در نوشته قرار داده شده که اگه به آدرس مستقیم عکس مراجعه کنیم میبینیم که اندازه تصویر در 1800*2500 پیکسل هست. اما وقتی داخل نوشته تصویر رو میبینیم در ظاهر اندازه شاید روی 450*800 قرار داشته باشه. این نوع تصاویر با استفاده از CSS تغییر سایز داده میشه که اصطلاحا بهشون scaled images میگیم.

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

رفع خطای serve scaled images در GTmetrix

Combine images using CSS sprites: این پارامتر برای ترکیب کردن تصاویر با استفاده از CSS هست که قدم بزرگی در بهینه سازی سایت‌ها به شما میاد. در این روش فرض کنید به عنوان مثال قصد دارید در یک باکسی چند تصویر قابل کلیک رو نشون بدین که برای ارسال کالا، مدت زمان ارسال، شرایط ارسال رایگان، پشتیبانی و… رو نشون بدین. خب، اگر یک کاربر عادی باشیم مطمئنا میایم و تصاویر رو به صورت جدا جدا در کنار هم قرار میدیم. بعد برای هر تصویر لینک دلخواه رو میزاریم و تموم.

مشکلی که در این حالت پیش میاد اینه که تعداد زیادی درخواست برای لود این تصاویر به وجود میاد. اما اگر از روش CSS sprites استفاده کنیم، میتونیم با استفاده از CSS یک تصویر که متشکل از همه این تصاویر در کنار هم هست استفاده کنیم و با استفاده از CSS ناحیه‌های قابل کلیک روی هر عکس رو مشخص کنیم که با کلیک روی این ناحیه کاربر به اون لینک هدایت بشه.

رفع خطای Combine images using CSS sprites در GTmetrix

Avoid CSS @import: این پارامتر برای اجتناب از کدهای استایل هست که به صورت @import شده تعیین شده‌اند. اگر در این پارامتر خطایی وجود داشت کافیه استایلی که آدرس داده شده را بررسی کنید و اگه کد به صورت ایمپورت شده قرار داره اصلاحش کنید.

رفع خطای Avoid CSS @import در GTmetrix

Prefer asynchronous resources: برای لود یک صفحه کدها به ترتیب از بالای صفحه، یعنی بخش head شروع به لود شدن میکنند و به همین شکل تا انتهای پیش میره تا بعد از لود کدهای فوتر به اتمام برسه. هرچی کدهای هدر زیاد باشند به تبع باعث لود دیرتر سایت میشه که برای رفع این مشکل بهتره کدهای جاوا اسکریپت رو با استفاده از تگ

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

علی یزدان پرست

حدود 8 سالی هست که در زمینه میزبانی وب به صورت تخصصی فعالیت می کند و علاقه زیادی به کسب تجربه در زمینه بازاریابی اینترنتی و تجارت الکترونیک دارد، علی یک کارآفرین خستگی ناپذیر است و با انرژی حیرت انگیزی تمام قسمت های جی فارس را توسعه می دهد، علی به سبک حرفه ای و انحصاری خود زندگی می کند و خط فکری خاصی را همیشه دنبال می کند، او رفتار هایی کاملا متفاوت نسبت به سایر مدیرانی که تا به حال دیده اید دارد…

آموزش کامل ساخت فروشگاه اینترنتی

کدام افزونه‌های وردپرس هاست ایران را تحریم کرده‌اند؟

نوشته های مشابه


19 اکتبر, 2018 16,391

آموزش کامل ساخت فروشگاه اینترنتی


11 سپتامبر, 2018 115

آموزش رفع خطای Minify HTML در GTmetrix


10 سپتامبر, 2018 965

آموزش رفع خطای Avoid bad requests در GTmetrix


18 اکتبر, 2018 282

10 دلیل پنالتی شدن سایت در گوگل

‫17 نظرها

  1. صابر زارع گفت:
    21 اکتبر, 2018 در 00:50

    با سلام
    وب سایت من به صورت کامل بهینه سازی شده اما سرعت لود زمان بیشتر داره
    https://GTmetrix.com/reports/nane-salem.ir/HGBDCzFC
    PageSpeed Score
    99%
    YSlow Score
    93%
    چرا زمان لود من
    7.7s
    طول میگشه
    مشکل از کجاست

    پاسخ

    1. عباس صادقی گفت:
      21 اکتبر, 2018 در 09:08

      سلام، دوتا خطا دارید که هنوز در حد مطلوبی نیستن. Add Expires headers و Use cookie-free domains
      موضوع مدت زمان لود هم میتونه بخاطر موقعیت سرور باشه، سعی کنید حجم صفحه و تعداد درخواست رو تا جای ممکن کاهش بدین، زیاد رو گزینه زمان لود که نشون میده حساسیت نداشته باشید.

      پاسخ

  2. صابر زارع گفت:
    24 اکتبر, 2018 در 22:56

    بنده یکی از کاربران فعال در مطالعه مطالب شما هستم و اموزش شما رو مو به مو رفتم جلو لود وب سایت من 6.6 ثانیه هست که کل امتیاز بالا 98 درصد هست یه بررسی کنید ببیند چطور اموزش شما رو اجرا کردم .
    https://GTmetrix.com/reports/nane-salem.ir/XtNPwlIM
    nane-salem.ir

    پاسخ

    1. بهاره خادمی گفت:
      28 اکتبر, 2018 در 14:55

      خیلی عالی بود من از اینکه دیدم گرید a گرفتید خیلی لذت بردم موفق باشید.

      پاسخ

  3. naser گفت:
    4 نوامبر, 2018 در 16:54

    سلام، در قسمت Minify CSS یک مشکل دارم:
    fonts.googleapis.com/css?family=Open Sans:400,600|Roboto:400,500,400italic
    چیکار کنم بارگذاری نشه؟
    در کدهای قالب هیچ فونتی از گوگل درج نشده و نمیدونم از کجا این درخواست ارسال میشه، اگر امکانش هست برای حذف این آدرس از GTmetrix راهنمایی کنید

    پاسخ

    1. عباس صادقی گفت:
      5 نوامبر, 2018 در 09:17

      سلام،
      از راهنمای آموزش رفع خطای Minify CSS در GTmetrix استفاده کنید.

      پاسخ

  4. سحر امینی گفت:
    28 مارس, 2019 در 14:49

    روز بخیر
    من تا به حال سایتی رو ندیدم که یه موضوع رو انقدر خوب و کامل و مفید توضیح بده. هر بار که موضوعی رو سرچ میکنم در نهایت جایی که ازش نتیجه میگیرم وب سایت شماست، دمتون گرم و موفق باشید 🙂

    پاسخ

  5. علی گفت:
    29 می, 2019 در 15:47

    سلام بعد نصب افزونه auto uptimize برای قسمت ذخیره کشش توی جییتی متریکس خطا دریافت کردم بهم خطای gzip داد کدهای شمارو هم کپی کردم هیچ تاثیری نداشت.

    پاسخ

  6. علی فاتحی گفت:
    9 نوامبر, 2019 در 11:57

    سوال اینکه برای سیستمی مثل اپن کارت همچین پلاگینی نیست یا اگه باشه هم پرمیوم هست راهکار چیه؟

    پاسخ

  7. مهدی گفت:
    9 دسامبر, 2019 در 13:30

    که به صورت 404 یا cancel یا failed نشون داده میشه

    پاسخ

  8. مهر داد گفت:
    29 مارس, 2020 در 20:15

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

    پاسخ

  9. کامرانی گفت:
    2 می, 2020 در 21:08

    سلام خدمت شما
    میخواستم بدونم مشکل لود سایت من مربوط به بهینه سازی کدهای css,js هست یا مشکل دیگه ای داره.
    چون خیلی هم وضعیتش داخل جی تی متریکس بد نیست
    ممنون

    پاسخ

    1. محدثه اسماعیلی گفت:
      10 می, 2020 در 13:17

      سلام و احترام؛
      در خصوص بهینه سازی سایت باید آمار و اطلاعاتی از وب سایتتون داشته باشیم.ادرس سایتتون رو ارسال بفرمایید.

      پاسخ

  10. mhm گفت:
    2 ژوئن, 2020 در 00:04

    سلام و خسته نباشید
    2تا مشکل در گزارش waterfall دارم که 7 ثانیه سرعت سایتم رو کند میکنه ، لطفا در صورت امکان راهنمایی بفرمایید

    با تشکر

    پاسخ

    1. محدثه اسماعیلی گفت:
      2 ژوئن, 2020 در 11:15

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

      پاسخ

      1. mhm گفت:
        2 ژوئن, 2020 در 12:17

        به کدوم قسمت سایت بفرستتم؟؟؟

        پاسخ

        1. محدثه اسماعیلی گفت:
          2 ژوئن, 2020 در 16:31

          تصویری از ارورتون یا مشکلتون تهیه کنید در یک فضا ذخیره و لینک تصاویر رو برامون ارسال کنید تا ببنییم چه مشکلی دارید و بتونید بهتر راهنمایی کنیم.

          پاسخ

دیدگاهتان را بنویسید لغو پاسخ


(1) آموزش کامل استفاده از GTmetrix مجله
آموزش کامل استفاده از GTmetrix مجله اینترنتی 24 ثانیه


(2) خطاهای gtmetrix
آموزش کامل gtmetrix آموزش جی تی متریکس و رفع خطاهای gtmetrix


(3) راهنمای کامل استفاده از GTmetrix
راهنمای کامل استفاده از GTmetrix


(4) آموزش کامل GTmetrix به همراه توضیح علت
آموزش کامل GTmetrix به همراه توضیح علت خطاها - 0 تا 100 آنالیز سایت


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


(6) آموزش GTMetrix جی تی متریکس به صورت کامل و کاربردی - وب 24
امیدواریم که مجموعه آموزش های gtmetrix برای شما مفید واقع شده باشد و با استفاده از گزارشات این سایت بتوانید مشکلات سایت خود را برطرف نموده و سرعت آن را افزایش دهید. در نظر داشته باشید که افزایش سرعت صفحات سایت شما نه تنها


(7) آموزش استفاده از Gtmetrix برای تست سرعت
آموزش استفاده از Gtmetrix برای تست سرعت وب سایت بلاگ رسانگار


(8) آموزش کار با نمودار آبشاری در Gtmetrix
آموزش کار با نمودار آبشاری در Gtmetrix برای بهینه سازی وردپرس


(9) آموزش کامل استفاده از GTmetrix طراحی سایت ایران فردا
در این آموزش از پایگاه دانش میزبانفا قصد دارم به آموزش کامل gtmetrix بپردازم که با استفاده از این آموزش میتونید با تکیه بر آمار و ارقامی که از آنالیز سایتتون با استفاده از سایت gtmetrix به دست


(10) آموزش استفاده از GTmetrix آموزش
آموزش استفاده از GTmetrix آموزش ویدئویی GTmetrix GTmetrix

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

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

چهار × 5 =

دکمه بازگشت به بالا