Minify و Gzip و Brotli؛ لایه‌های کوچک‌شدن که در مجموع بزرگ اثر می‌گذارند. اگر تاکنون با فشرده‌سازی منابع فقط از راه شنیدن آشنا بوده‌اید یا چند بار بدون نقشه‌ی روشن سراغش رفته‌اید، این راهنما برای شما نوشته شده است. در ادامه، مرحله‌به‌مرحله پیش می‌رویم: از اینکه اصلاً چرا فشرده‌سازی منابع اهمیت دارد تا نکات کلیدی، مسیر اجرا و اشتباهاتی که باید از آن‌ها دوری کنید.
چرا «فشرده‌سازی منابع» اهمیت دارد؟
تسلط بر «فشرده‌سازی منابع» دیگر یک مزیت رقابتی نیست، شرط بقاست. کسب‌وکارهایی که آن را جدی گرفته‌اند، هزینهٔ جذب مشتری‌شان کمتر و نرخ بازگشت مشتری‌شان بیشتر شده است.
نکات کلیدی که کار را آسان می‌کند
- CSS و جاوااسکریپت را فشرده و هر چه غیرضروری است حذف کنید.
- فونت‌ها را محلی میزبانی و با display: swap بارگذاری کنید.
- تعداد درخواست‌ها را بشمارید؛ گاهی یک اسکریپت اضافه مخربی‌تر از صد تصویر است.
- تا جایی که می‌توانید از Preconnect و Preload برای منابع حیاتی استفاده کنید.
- زمان پاسخ اولیهٔ سرور (TTFB) را زیر ۶۰۰ میلی‌ثانیه نگه دارید.
مسیر اجرای درست
- هدف از فشرده‌سازی منابع را تعریف کنید: دقیقاً چه نتیجه‌ای، برای چه کسی، تا چه زمانی می‌خواهید؟
- وضعیت فعلی را ممیزی کنید: چه دارید، چه کم دارید و نقطه‌ی آغاز واقعی‌تان کجاست؟
- اقدامها را بر اساس اثر و هزینه اولویت‌بندی کنید و از ساده‌ترین پراثر شروع کنید.
- اجرا را زمان‌بندی کنید و برای هر قدم یک مسئول مشخص تعیین کنید.
- نتیجه را با همان معیارهای مرحله‌ی اول بسنجید، از خطاها یاد بگیرید و چرخه را تکرار کنید.
جمع‌بندی
«فشرده‌سازی منابع» را نمی‌توان یک‌بار یاد گرفت و همیشه دانست؛ اما همین که بفهمید چه نمی‌دانید، از بیشتر رقبا جلو افتاده‌اید. از یک قدم کوچک شروع کنید، نتیجه را بسنجید و مسیر را ادامه دهید. اگر جایی از مسیر به تخصص عمیق‌تر نیاز داشتید، تیم وب‌نگار و کتابخانه‌ی آموزشی ما در بخش «سرعت و عملکرد» همیشه کنار شماست.