"> رفع خطای Minify JavaScript در سایت GTmetrix | طراحی سایت قزوین

رفع خطای Minify JavaScript در سایت GTmetrix

Minify JavaScript

بهبود سرعت سایت با ابزار GTmetrix

با مقاله آموزشی رفع خطای Minify JavaScript در سایت GTmetrix با دوبست همراه هستید.

در این آموزش به توضیح این خطا و روش برطرف کردن آن خواهیم پرداخت.

خواهیم گفت که چگونه این رفع این مشکل باعث بهبود سرعت سایت و افزایش سئو می‌شود.

لازم به ذکر است که اررور دیگر Minify CSS که در سایت GTmetrix نمایش داده می‌شود نیز به همین شکل است.

یعنی با مطالعه همین مقاله شما روش حل خطای Minify CSS را نیز خواهید آموخت.

اگرچه رفع خطای Minify JavaScript کمی دشوار تر از رفع خطای Minify CSS است.

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

توضیحی مختصر درباره‌ی Minify JavaScript

نام: Minify JavaScript
نوع: مربوط به JavaScript
اولویت: بالا
میزان سختی: ساده
میانگین امتیاز: 87%

 

اررور Minify JavaScript چیست؟

کلمه Minify در طراحی و بهبود سئو سایت یعنی کاهش حجم فایل‌ها.

با این کار ما فضای خالی را در کدها را از بین می‌بریم.

حذف کاراکتر و خط های اضافی در سورس کدهای سایت باعث بهبود سرعت سایت خواهد شد.

این روش روی فایل هایی مانند JS ، CSS و HTML که سمت کاربر میباشد انجام می‌شود.

اگرچه شما قادر با Minify کردن فایل‌های PHP نیز هستید؛ اما این‌کار تاثیری روی افزایش سرعت سایت نخواهد داشت.

به این دلیل که فایل‌های PHP سمت سرور می‌باشند.

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

این عمل نه تنها سبب بهبود تجربه کاربری شده بلکه موتورهای جستجو نیز سایت‌هایی که فایل‌های آن Minify شده را بیشتر می‌پسندند.

برای درک بهتر مشکل Minify Javascript به مثال زیر توجه کنید:

  var currentTime = new Date(),
      hours = currentTime.getHours(),
      minutes = currentTime.getMinutes();
  if (minutes < 10) {
    minutes  = "0" + minutes; 
  }

	var suffix = "AM";
	if (hours >= 12) {
    suffix = "PM";
    hours = hours - 12;
	}
	if (hours == 0) {
	 hours = 12;
	}

  time = hours + ":" + minutes + " " + suffix;

  document.getElementById("time").innerHTML = time;

در کد نویسی بالا برای درک بهتر قسمت‌های مختلف از فضاهای خالی زیادی استفاده شده است.

این زیبا و قابل فهم نوشتن اثری روی مرورگر کاربر و موتور های جستجو ندارد.

وقتی کدهای بالا را Minify میکنیم، به صورت زیر خواهد شد:

var currentTime=new Date,hours=currentTime.getHours(),minutes=currentTime.getMinutes();minu

هر دو کد جاوا اسکریپت بالا یک عملکرد را دارند ولی کد دوم فضای خالی کمتری را داراست.

حال که با مفهوم Minify کردن آشنا شده ایم، از کجا بفهمیم فایل‌های ما Minify شده‌اند؟

روش های رفع اررور Minify JavaScript

روش اول:

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

در صورت مواجه شده با خطای Minify JavaScript در سایت GTmetrix، به شما Minify شده آن فایل نیر برای دانلود نشان داده می‌شود.

شما می‌توانید آن فایل Minify شده JavaScript را دانلود و جایگزین فایل مربوطه در هاست خود کنید.

روش دوم:

JavaScript Minifier
JavaScript Minifier

ابزارهایی آنلاین برای انجام این امر وجود دارند که شما می‌توانید از آن‌ها کمک بگیرید.

شما برای انجام این کار وارد یکی از سایت های ذکر شده در زیر رفته و کدهای JavaScript فشرده نشده را Paste و سپس گزینه مربوطه به فشرده سازی را کلیک نمایید.

در انتها سایت مربوطه کدهای JavaScript Minifier را به شما تحویل داده و شما باید جایگزین کدهای قبلی کنید .

در زیر چند سایت برای انجام این کار به شما معرفی شده است:

روش سوم:

در صورتی که از سیستم مدیریت محتوای WordPress استفاده می‌کنید، از پلاگین رایگان Better WordPress Minify جهت Minigy فایل‌های JS می‌توانید کمک بگیرید.

البته پلاگین‌های دیگری نیز مانند پلاگین رایگان WP Super Minify هم وجود دارد که علاوه بر این امر، تنظیمات مختلفی برای بالا بردن سرعت سایت در آن وجود دارد.

پلاگین قدرتمند ولی غیر رایگان WP Rocket هم وجود دارد که قابلیت‌های متنوعی دارد.

یکی از قابلیت‌های آن، پلاگین قدرتمند minify Javascript می‌باشد.

روش چهارم:

بعضی از CDNها قابلیت فشرده سازی فایل‌های سمت کاربر را دارا می‌باشند.

CloudFlare از این دسته میباشد، که می‌توانید از ابزار آن بهره لازم را ببرید.

JavaScript Minifier
JavaScript Minifier

تغییر فایل با Minify JavaScript:

در آخر نحوه تغییرات minify js before and after قبل و بعد و تغییر را در عکس زیر مشاهده می‌کنید:

minify js before and after
minify js before and after

هشدار:ممکن است بعد از اعمال تغییرات روی قالب و فایل‌های JS و Minify کردن آن، ظاهر سایت به هم بریزد؛ بنابراین حتما پس از Minify کردن، ظاهر سایت را بررسی کنید.

آموزش رفع خطای Minify JavaScript در سایت GTmetrix نیر به پایان رسید.

تا مقاله آموزشی دیگر بدرود.

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

    ایمیل شما محفوظ خواهد ماند.*