آموزش های وردپرسخانهسیستم مدیریت محتواعمومی

آموزش افزایش سرعت سایت وردپرس در 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 استفاده کنید میپردازم. هر کدوم از این پارامترها مبحث مفصلی دارند که باید به صورت اصولی در سایت خودتون مورد ارزیابی قرار بدین و امتیاز بالایی را از هر کدوم برای بهبود سرعت سایت در وردپرس دریافت کنید.


آموزش بهینه سازی سایت با gtmetrix

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

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

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

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

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

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

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


## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”
## EXPIRES CACHING ##

12345678910111213141516## EXPIRES CACHING ##ExpiresActive OnExpiresByType image/jpg “access 1 year”ExpiresByType image/jpeg “access 1 year”ExpiresByType image/gif “access 1 year”ExpiresByType image/png “access 1 year”ExpiresByType text/css “access 1 month”ExpiresByType text/html “access 1 month”ExpiresByType application/pdf “access 1 month”ExpiresByType text/xjavascript “access 1 month”ExpiresByType application/xshockwaveflash “access 1 month”ExpiresByType image/xicon “access 1 year”ExpiresDefault “access 1 month”## EXPIRES CACHING ##

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

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

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

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

Avoid landing page redirects: این گزینه هم برای در نظر نگرفتن ریدایرکت‌هایی هست که به صفحات landing pages اشاره دارند. این پارامتر سمت سرور هست که اگر چیزی در اینجا نشون داده شد باید اونو برطرف کنید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آموزش انتقال وردپرس به هاست جدید به صورت ادان دامین

آموزش افزودن Schema Markup در وردپرس

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


19 فوریه, 2018 1,065

آموزش بهینه سازی دیتابیس وردپرس


راه های پیشرفت فروشگاه اینترنتی 14 مارس, 2020 477

راه های پیشرفت سریع فروشگاه اینترنتی چیست؟


15 اکتبر, 2018 53

آموزش رفع خطای Avoid CSS expressions در gtmetrix


31 دسامبر, 2017 239

آموزش خروجی گرفتن از ایمیل کاربران در وردپرس

‫25 نظرها

  1. وب گفت:
    30 جولای, 2018 در 00:03

    Configure entity tags (ETags) الان این خطا رو چجوری رفع کنیم ؟ راه حلشم بگین لطفا

    پاسخ

    1. عباس صادقی گفت:
      30 جولای, 2018 در 00:10

      سلام، این مورد مربوط به سرور هاست شما هست. برای رفع این ارور باید هدرهای Last-Modified یا Etag یا هر دو با هم از سمت وب سرور ارسال شود. بنابراین با پشتیبانی هاست در ارتباط باشید و اعلام کنید با این خطا مواجه هستید.

      پاسخ

  2. مهدی گفت:
    30 جولای, 2018 در 21:41

    سلام من ی قالب گرفتم وود استاک والان نصب کردم سرعت لودش خیلی کنده
    با اینکه افزونه wp.roketروش نصب کردم ولی بلزم
    سرعتش کمه
    اینم سایتمه bakhmali.com
    لطفا اگر میشه راهنماییم کنید چیکار کنم مشکل حل شدنیه یا کلا قالب سنگینه و قالبمو بلید عوض کنم

    چون سایت شما واقعا آموزشاش کاربردیه فقط ی مطلب سرهم نکردین جامع وکامل توضیح میدین

    پاسخ

    1. عباس صادقی گفت:
      31 جولای, 2018 در 01:07

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

      پاسخ

  3. فرزانه گفت:
    4 آگوست, 2018 در 12:54

    سلام من این خطاهارو چطور در gt metrix بر طرف کنم ؟ (من سایتم رو تازه طراحی کردم و دسترسی گوگل رو هم بستم. هاست و دامنه از وی میزبان ایرانیان تهیه شده)
    1-
    Inline small JavaScript –> صفره

    2-
    Inline small CSS –> شامل خطاهای زیر:
    https://zimagostar.com/wp-content/plugins/contact-form-7/includes/css/styles-rtl.css?ver=5.0.3
    https://zimagostar.com/wp-content/plugins/wp-statistics/assets/css/frontend.css?ver=12.3.6.4
    https://zimagostar.com/wp-content/themes/IranAvada-Child-Theme/style.css?ver=4.9.8

    3-
    Make fewer HTTP requests –> صفره

    4-

    Use a Content Delivery Network (CDN)

    پاسخ

    1. عباس صادقی گفت:
      4 آگوست, 2018 در 16:08

      سلام، موارد 1 و 2 مربوط به بهینه نبودن فایل‌های CSS و JS هستند که میتونید با استفاده از مقاله آموزش فشرده سازی فایل‌ها در وردپرس و افزایش سرعت سایت این مورد رو بهتر کنید.
      مورد 3 مربوط به درخواست‌های http هست که به سایت ارسال میشن و در مقاله آموزش کاهش تعداد درخواست http در وردپرس این مورد توضیح داده شده.
      و مورد 4 هم برای استفاده از CDN هست که به زودی مقاله‌ای ازش تهیه می‌کنیم.

      پاسخ

  4. نیما گفت:
    8 آگوست, 2018 در 21:06

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

    پاسخ

    1. عباس صادقی گفت:
      9 آگوست, 2018 در 09:13

      سلام، متوجه نشدم. بیشتر توضیح بدین که میخواین چیکار کنید.

      پاسخ

  5. mohsen گفت:
    15 آگوست, 2018 در 06:57

    سلام
    خیلی ممنون از شما
    یه سوالی داشتم اینکه اگر امتیاز بالایی تو GTmetrix بگیریم بالای 90% خیلی تاثیر داره؟
    چقدر استفاده از قالب تو SEO تاثیر داره؟
    ما از قالب خاصی استفاده نکردیم کل صفحه رو با Elementor طراحی کردیم بعد با کمک GTmetrix مشکلاتش رو حل کردم در حال حاضر 83% ولی بالای 90 هم برده بودم یه تغییراتی دادیم که دوباره باید بهبودش بدم که بره بالا دوباره
    میخواستم بدونم که چقدر این امتیاز بالا تو اینکه نتایج بالاتر گوگل نمایش داده بشه تاثیر داره؟ اشکالی داره که از قالب خاصی استفاده نمیکنیم؟
    راستی یه سوال فنی داشتم چرا خودتون (vmizban.ir) از CDN استفاده نکردین؟
    با تشکر

    پاسخ

    1. عباس صادقی گفت:
      16 آگوست, 2018 در 14:23

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

      پاسخ

      1. mohsen گفت:
        16 آگوست, 2018 در 14:40

        اوکی پس هرچی Fully Loaded Time که تو GTmetrix زده بالاتر باشه تو گوگل بهتر بالا میاد؟ پس میشه رو GTmetrix حساب کرد برای بالا اومدن تو گوگل؟

        پاسخ

        1. عباس صادقی گفت:
          16 آگوست, 2018 در 14:46

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

          پاسخ

          1. mohsen گفت:
            16 آگوست, 2018 در 14:50

            ممنون از راهنمایی هاتون
            ببخشید سوالام زیاد
            وقتی WP Rocket رو نصب کردم فعال کردم به ظرز عجیبی تعداد درخواست ها و بقیه موارد بهتر شد! آیا درسته واقعا؟ البته فعلا غیر فعالش کردم داریم رو یه سریی مشکلات کار میکنیم

            Fully Loaded Time
            1.7s
            Total Page Size
            181KB
            Requests
            7

            PageSpeed Score
            (99%)
            YSlow Score
            (94%)
            یه خورده این اعداد ارقام عجیبه!

            پاسخ

            1. عباس صادقی گفت:
              16 آگوست, 2018 در 14:57

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

  6. محسن گفت:
    25 آگوست, 2018 در 21:18

    سلام
    سایت من همه چیزش خوبه، فقط لود صفحه یه کم طول میکشه، در صورتی که هیچ اروری وجود نداره؛ دلیلش چیه؟
    https://gtmetrix.com/reports/forfile.ir/GAIs76gC

    پاسخ

    1. عباس صادقی گفت:
      25 آگوست, 2018 در 21:42

      سلام، اگه به تب waterfall مراجعه کنید میبینید که برخی داده‌ها هستن که مدت زیادی لودشون طول میکشه که تو اینجا چندتا تصویر هست به اسم «استایل» اگر نامشون رو به انگلیسی تغییر بدین تا حدودی تغییر میکنه.

      پاسخ

      1. محسن صادقی گفت:
        26 آگوست, 2018 در 11:26

        اونارم درست کردم، ولی نشد؛ من از هاست وی میزبان ایرانیان استفاده می کنم.
        همه چی خوبه، فقط لود!!!
        Fully Loaded Time

        پاسخ

        1. عباس صادقی گفت:
          26 آگوست, 2018 در 11:36

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

          پاسخ

          1. محسن صادقی گفت:
            26 آگوست, 2018 در 11:55

            داخل تنظیمات قالب، تمام المان ها از فونت ایران سنس استفاده شده، فونت های گوگل non-google هستند؛ جای دیگه باید تغییر بدم؟
            کد اجرای جاوا در فوتر رو میشه بفرستین؛ این کد رو داشتم، منتها الان هر چی سیستم رو چک کردم، پیداش نمی کنم. عذر می خوام.
            واسه دیتا هم از wp optimize استفاده می کنم، همچنین از راکت.
            در ضمن، یه سری از جداول هستند که مربوط به افزونه های نصب شده از قبل هستند که نیازی به اونا نیست؛ چطور میشه اونارو شناسایی کنم؟ افزونه ای نیست که متوجه بشه که بعضی از جداول بلااستفاده هستند و حذف کنه؟
            تشکر

            پاسخ

            1. عباس صادقی گفت:
              26 آگوست, 2018 در 12:01

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

  7. مهدی گفت:
    16 دسامبر, 2018 در 12:07

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

    پاسخ

  8. MohammadNowruzi گفت:
    22 ژانویه, 2019 در 14:56

    سلام سایت من بخش Remove query strings from static resources قرمزه چطور باید این قسمتشو حل کنم؟؟

    پاسخ

  9. hamid گفت:
    28 آوریل, 2020 در 20:09

    سلام و خسته نباشید . در وب سایت من رتبه های PageSpeed Score و YSlow Score به رنگ سبز هستن اما Fully Loaded Time بیشتر از 20 ثانیه هست. کسی می دونه چطور می تونم زمان لود سایت رو کمتر بکنم و اصلا چرا این مشکل بوجود اومده؟

    پاسخ

    1. محدثه اسماعیلی گفت:
      29 آوریل, 2020 در 09:11

      سلام و احترام؛
      می توانید مقاله زیر رو هم مطالعه و سایتتون رو بررسی کنید. تعداد درخواست های سمت سرور تاثیر بسیار زیادی در سرعت دارن.
      آموزش کاهش تعداد درخواست http در وردپرس

      پاسخ

  10. محمد گفت:
    4 می, 2020 در 00:16

    خیلی تشکر از آموزشتون
    من مشکل کندی لود سایت داشتم نمیدونستم کجاست ایرادش با keep alive مشکلم حل شد

    پاسخ

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



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


آموزش افزایش سرعت سایت وردپرس در
آموزش افزایش سرعت سایت وردپرس در gtmetrix - امتیاز بالا و نتیجه


آموزش افزایش سرعت سایت وردپرس در
آموزش افزایش سرعت سایت وردپرس در gtmetrix گام به گام در 20 مرحله


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


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


افزایش سرعت وردپرس آموزش طراحی سایت وردپرس آموزش وردپرس
افزایش سرعت وردپرس طراحی سایت وردپرس پشتیبانی سایت سئو سایت طراحی سایت شرکتی طراحی سایت فروشگاهی طراح سایت وردپرس طراح وردپرس طراحی سایت


بهبود اوضاع GTmetrix
آموزش افزایش سرعت سایت وردپرسی 8 ساعت تا بهبود اوضاع GTmetrix


رفع خطای Reduce DNS lookups در سایت gtmetrix - میزبان وردپرس
در این مقاله یکی از خطا های سایت را بررسی کردیم و آموزش رفع خطای Reduce DNS lookups را به شما عزیزان


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


آموزش افزایش سرعت سایت وردپرس به صورت
آموزش افزایش سرعت سایت وردپرس به صورت عملی در GTMetrix ادمین سایت

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

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

دو × 5 =

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