اگر اخیرا سرعت وبسایت خود با ابزارهای آنلاین بررسی کرده باشید، احتمالا با این پیشنهاد مواجه شده اید که بهتر است به جهت بهینه‌تر بودن و افزایش سرعت وبسایت خود فایل های CSS یا جاوا اسکریپت خود را کوچک سازی Minification کنید. CSS و جاوا اسکریپت ضروریات هر وبسایت محسوب می شوند – جاوا اسکریپت باعث تعاملی شدن وبسایت شما شده و CSS نیز ظاهر وبسایت شما را جذاب می کند.
minification یا کوچک‌سازی چیست؟
minification روند حذف کاراکترهای نالازم از کد بدون تغییر رفتار آن کد است.
کاراکترهای غیرضروری معمولا این موارد هستند:
- کاراکترهای whitespace
- خط‌های جدید
- توضیحات
- براکت‌ها در کد
به تکه کد زیر دقت کنید:
/** * ۴.۰ Header * ------------------------------------------------------- */
/* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */
#wpadminbar {
Min-height: 32px;
}
.site-header {
top: 0;
left: 0;
width: 100%;
background: #fff;
}
body.admin-bar .site-header {
top: 32px;
}
.site-title {
float: left;
width: 18.965517241%;
margin: 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
line-height: 28px;
line-height: 2.8rem;
}
موارد غیرضروری مانند توضیحات یا فضاهای خالی در کدهای CSS و جاوا اسکریپت به وفور یافت می شود. البته بایستی دقت داشته باشید که این موارد به انسان کمک می کند که کد را بهتر درک کرده و بفهمد اما برای مرورگر که کارش خواندن صفحات است کاربردی ندارد.
پس از minification همان کد به صورت زیر در خواهد آمد.
#wpadminbar{min-height:32px;} .site-header {top:0; left:0; width:100%; background:#fff} body.admin-bar .site-header{top:32px} .site-title{float:left; width:18.965517241%; margin:0; font-size:18px; font-size:1.8rem; font-weight:400; line-height:28px; line-height:2.8rem}
الحاق Concatenation
همچنین می توانید فایل ها را به هم ملحق کنید. الحاق یا Concatenation به معنای ترکیب دو یا چند چیز به یکدیگر است. بنابراین الحاق کردن به معنای چسباندن چند فایل متفاوت می باشد.
اینکار از تعداد فایل هایی که بایستی دانلود شوند خواهد کاست و منجربه افزایش سرعت می شود.
چطور سریعتر است؟
به طوریکه در بالا اشاره شد، هنوز هم مرورگرها بایستی تمام کاراکترهای کد شما را بخوانند چه اینکه از آنها استفاده کنید یا نکنند. این کاراکترهای اضافی فضای فایل شما را نیز اشغال می کنند و در نتیجه آن را بزرگتر از چیزی که لازم است می کنند.
از آنجاییکه کامپیوترها برای خواندن نیاز به این نوع فرمت بندی ندارند، می توانید بدون تحت تاثیر قرار دادن قابلیت کدتان آنها را حذف کنید.
در واقع کوچک کردن minify کد از اندازه فایل ۳۰ تا ۴۰ درصد خواهد کاست. گاهی اوقات این رقم به ۵۰٪ می رسد.
الحاق فایل ها به یکدیگر به کاهش بارگذاری بر روی سرور و شبکه منجر می شود. ترکیب چند فایل در یک فایل به سرور اجازه می دهد که داده های بیشتری را در شمار کمتری ارتباط ارسال کند.
چگونه کد را minify کنیم
اگر از وردپرس برای مدیریت وبسایت خود استفاده می کنید افزونه های زیادی وجود دارد که اینکار را برای شما انجام می دهند.
اگر از وردپرس استفاده نمی کنید ابزارهایی هستند که می توانید با استفاده از آنها انواع مختلف فایل های خود را minify کنید:
- HTMLMinifier برای HTML
- CSSNano برای CSS
- UglifyJS برای جاوا اسکریپت
در صورتی که در این زمینه نیاز به کمک دارید و قصد افزایش سرعت وبسایت خود را دارید می توانید از خدمات راکت وردپرس در این خصوص استفاده کنید. خدمات طراحی و راه‌اندازی وبسایت وردپرس، پشتیبانی وردپرس، مشاوره و راهنمایی، بهینه سازی و افزایش سرعت و سئو وبسایت از خدمات ما می باشد که با کمک آنها می توانید وبسایتی به مراتب بهتر داشته باشید. برای ارتباط با ما تماس بگیرید.
امروزه یافتن جایگاه بهتر در نتایج جستجوی گوگل به امری ضروری تبدیل شده است. نتایج ارگانیک یا طبیعی گوگل که از طریق سئو درست به دست آمده است. یکی از ابزارهای رایگان کسب ترافیک بیشتر برای وبسایت است که دستیابی به آن نیازمند رعایت قواعد و البته دنباله روی از قوانینی است که اصلا پیچیده نیستند.
دیدگاهتان را بنویسید