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

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

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

var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2100, 0, 14);
if (someday > today) { 
text = "Today is before January 14, 2100.";
} else {
text = "Today is after January 14, 2100.";
}
document.getElementById("demo").innerHTML = text;

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

var today,someday,text;today=new Date,(someday=new Date).setFullYear(2100,0,14),text=someday>today?"Today is before January 14, 2100.":"Today is after January 14, 2100.",document.getElementById("demo").innerHTML=text;

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

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

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

۱٫ استفاده از سایت GTmetrix

اگر به صفحه تست سرعت سایت در GTmetrix برگردید و عبارت Minify javascript رو با استفاده از کلیدهای ترکیبی CTRL + F جستجو کنید بعد از کلیک روی این گزینه مشابه تصویر زیر میبینید که چه فایل‌هایی بهینه شده نیستند.

اگه دقت کنید در انتهای آدرس هر فایل CSS یک عبارت Optimized Version قرار داره که با کلیک کردن روی این عبارت میتونید نسخه بهینه شده و فشرده شده همین فایل JS رو دانلود کنید. تنها کاری که باید انجام بدین اینه که بعد از دانلود فایل وارد هاست خود شده و روی گزینه File Manager کلیک کنید.

سپس بر اساس آدرس فایل، به مسیری که مربوط به این فایل هست در public_html مراجعه کنید و فایل دانلودی را جایگزین فایل JS قبلی بکنید. علاوه بر این میزان فشرده سازی هر فایل هم قرار گرفته که میتونه شما رو در بهینه کردن فایل JS ترغیب بکنه.

۲٫ استفاده از ابزار آنلاین فشرده سازی JS

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

https://www.toptal.com/developers/javascript-minifier

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

نتیجه‌گیری:

خطای Minify JavaScript یکی از مسائل مهمی است که می‌تواند تاثیر چشمگیری بر سرعت بارگذاری صفحات وب داشته باشد. فشرده‌سازی کدهای JavaScript از طریق Minify JavaScript به معنای حذف فضاهای خالی، کامنت‌ها و خلاصه کردن کدهاست تا فایل‌ها در کوچک‌ترین و بهینه‌ترین حالت ممکن باشند. این کار به کاهش حجم فایل‌ها و بهبود سرعت لود صفحات سایت کمک می‌کند.

استفاده از Minify JavaScript در ابزارهایی مانند GTmetrix به شما این امکان را می‌دهد تا فایل‌های JavaScript سایت خود را بررسی و بهینه‌سازی کنید. این فرآیند شامل دانلود نسخه‌های بهینه شده فایل‌های JS و جایگزینی آن‌ها با نسخه‌های اصلی در هاست می‌شود. علاوه بر این، استفاده از ابزارهای آنلاین برای فشرده‌سازی و Minify JavaScript می‌تواند به شما در بهبود عملکرد سایت کمک کند و در نتیجه کاهش زمان بارگذاری و بهبود تجربه کاربری را به همراه داشته باشد.

بنابراین، برای دستیابی به بهترین عملکرد در وب‌سایت‌ها، استفاده از Minify JavaScript به عنوان یکی از اصول اساسی بهینه‌سازی وب توصیه می‌شود. این رویکرد نه تنها سرعت سایت را افزایش می‌دهد بلکه به بهبود امتیاز سئو و کاهش تعداد درخواست‌های HTTP نیز کمک می‌کند.