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

از سری مقالات آموزش کامل سایت GTMetrix به رفع خطاهای pagespeed سایت جی تی متریکس پرداختیم. در مقالات قبل به آموزش رفع خطای Minify CSS و آموزش رفع خطای Minify HTML در سایت GTMetrix پرداختیم. در این مقاله می‌خواهیم به آموزش رفع خطای Minify JavaScript بپردازیم.

امروز در بخش رفع خطاهای pagespeed به آموزش رفع ارور و خطای Minify JavaScript خواهیم پرداخت. . حل مشکل و خطای Minify JavaScript در سایت GTMetrix موجب افزایش سرعت سایت و کاهش زمان بارگذاری سایت می‌شود که بشدت روی بهبود سئوی سایت تاثیر مثبت و خوبی دارد.

رفع خطای Minify JavaScript در سایت GTMetrix همانند رفع خطای Minify CSS و رفع خطای Minify HTML نسبتا ساده است و شما برای برطرف کردن آن مشکل خاصی نخواهید داشت.

اگر دو مقاله قبل را در خصوص Minify مطالعه نموده باشید قطعا تا الان ارور JavaScript نیز حل شده است. اما اگر مستقیم سراغ این مقاله آمده‌اید در ادامه با ما همراه باشید. این نکته را توضیح دهیم که با مطالعه این مقاله نیز می‌توانید ارورهای minify قبلی را نیز حل کنید.

اگر در هنگان طراحی سایت برنامه نویسی و کدنویسی های درست و اصولی انجام شده باشد الان براحتی می‌توانید این مشکل را حل نمایید. اما اگر سایت دچار اختلال شود ممکن است کمی کار گره بخورد.

در مقاله آموزش رفع خطای Minify JavaScript

به موضوعات زیر خواهیم پرداخت :

1 خلاصه‌ی از خطا Minify JavaScript
2 خطای Minify JavaScript در Gtmetrix چیست
3 رفع ارور Minify JavaScript
3.1 روش اول Minify JavaScript
3.2 روش دوم Minify JavaScript
3.3 روش سوم Minify JavaScript به کمک افزونه در وردپرس
3.4 روش چهارم Minify JavaScript

خلاصه‌ی از خطا Minify JavaScript

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

خطای Minify JavaScript در سایت Gtmetrix چیست

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

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

مقاله آموزش رفع خطای Inline small CSS و خطای Inline small JavaScript را نیز مطالعه نمایید.

کمی دقیق‌تر درباره خطای Minify CSS صحبت کنیم، به مثال زیر توجه کنید:

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 شده یک فایل Javascript همانند زیر است:

var currentTime=new Date,hours=currentTime.getHours(),minutes=currentTime.getMinutes();minutes<10&&(minutes=”0″+minutes);var suffix=”AM”;hours>=12&&(suffix=”PM”,hours-=12),0==hours&&(hours=12),time=hours+”:”+minutes+” “+suffix,document.getElementById(“time”).innerHTML=time;

با یک نگاه ساده می‌توانید کاملا متوجه این موضوع شوید که این 2 قطعه کد هر دو یک عمل را انجام می‌دهند، اما طبیعتا قطعه کد اول فضای بیشتری را اشغال کرده است. الان که متوجه شدیم خطای Minify CSS چیست ، در ادامه با ما همراه باشید تا آموزش رفع خطای Minify Javascript را توضیح دهیم. در ادامه همچنین خواهیم گفت که چگونه متوجه شویم کدام فایل‌های Javascript ما Minify شده است؟

تشخیص خطای Minify Javascript در سایت Gtmetrix

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

حل مشکل Minify JavaScript

رفع ارور Minify JavaScript

در این بخش 4روش را جهت آموزش رفع خطای Minify JavaScript به شما عزیزان معرفی خواهیم نمود. از این 4 روش روش سوم مخصوص سایت های وردپرسی است. روش های اول و دوم و چهارم علاوه بر سایت های وردپرسی برای سایت های php و ASP و جولا کاربرد دارد.

مقاله آموزش رفع خطای Defer parsing of JavaScript و Prefer asynchronous resources را نیز مطالعه نمایید.

روش اول Minify JavaScript

وقتی سایت Gtmetrix خطای minify JavaScript را به شما نشان می‌دهد فایل فشرده آن را هم قرار می‌دهد، همانند عکس زیر:

ارور JavaScript

روش دوم Minify JavaScript

شما می‌توانید از یکی از ابزارهای آنلاین استفاده نمایید تا کدهای خود را براحتی فشرده نمایید. برای این کار لازم است ابتدا وارد یکی از سایت های زیر شوید. سپس کد مدنظر خود را بصورت کامل کپی و در یکی از سایت های زیر paste نمایید. با کلیک روی دکمه فشرده سازی، کدهای شما فشرده می‌شوند و اصطلاحا Minify می‌شوند. حال می‌توانید کدهای جدید را روی سرور خود آپلود نمایید.

javascript-minifier
refresh-sf
jscompress
cleancss

ارور JavaScript

روش سوم Minify JavaScript به کمک افزونه در وردپرس

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

افزونه Autoptimize (پیشنهادی)
افز‌ونه WP Rocket
افزونه WP Super Minify
پلاگین‌ WP Fastest Cache
پلاگین minify Javascript

روش چهارم Minify JavaScript

برخی از CDN ها همانند Cloudflare تظیماتی مبنی بر فشرده سازی فایل‌ها زیر دارند، اگر سایت شما بر روی چنین CDNهایی هست می‌توانید از این تنظیمات در جهت بهینه سازی سایت خود استفاده نمایید.

رفع ارور Minify CSS

نتیجه کار Minify JavaScript:

نتیجه کار Minify JavaScript را می‌توانید بعد از Minify کردن در قالب یک عکس مشاهده کنید :

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

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

برای مطالعه آموزش رفع خطای Avoid CSS @import کلیک نمایید.

پایان مقاله آموزش رفع خطای Minify JavaScript

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

ما در این مقاله توضیح دادیم که خطای Minify JavaScript چیست و حل مشکل Minify JavaScript در سایت GTMetrix را نیز بیان کردیم.

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

باتوجه به اینکه به ترتیب حروف الفبا خطاهای سایت GTMetrix را بررسی می‌کنیم. مقاله بعدی نوبت آموزش رفع خطای Minimize Redirects است. اما از آنجایی که آموزش رفع خطای Minimize Redirects همراه با آموزش رفع خطای Avoid landing page redirects توضیح داده شده است، جهت مشاهده آموزش حل مشکل Minimize Redirects به صفحه آموزش Avoid landing page redirects مراجعه نمایید.

آموزش بعدی : آموزش رفع خطای Minimize request size در pagespeed گوگل در سایت GTMetrix