افزایش سرعت بارگذاری سایت؛ از اندازه گیری تا اصلاح

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

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

علت های رایج بالا بودن آن: کوئری های سنگین، نبود کش در سطح برنامه، افزونه های زیاد و منابع ناکافی سرور.

در بیشتر سایت ها، تصاویر بیش از نیمی از حجم صفحه را تشکیل میدهند و اغلب با ابعادی بسیار بزرگتر از آنچه نمایش داده میشود بارگذاری میشوند. آپلود یک تصویر چند هزار پیکسلی برای نمایش در فضایی به عرض چند صد پیکسل، رایج ترین اشتباه است.

سه کار ساده بیشترین تاثیر را دارد: تغییر اندازه به ابعاد واقعی نمایش، تبدیل به قالب های جدیدتر و فعال کردن بارگذاری تنبل برای تصاویر پایین صفحه.

کش را در سه سطح میتوان فعال کرد و هر کدام مشکل متفاوتی را حل میکنند. اشتباه رایج این است که فقط یکی از آنها فعال شود و انتظار نتیجه کامل داشته باشیم.

فایل های css و js که در بالای صفحه بارگذاری میشوند، نمایش محتوا را متوقف میکنند تا دانلود شوند. کم کردن تعداد آنها و به تعویق انداختن مواردی که برای نمایش اولیه لازم نیستند، تفاوت محسوسی در سرعت احساس شده ایجاد میکند.

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

نصب همزمان چند افزونه کش و بهینه سازی معمولا نتیجه معکوس میدهد. این ابزارها روی یکدیگر تداخل میکنند و عیب یابی را تقریبا غیرممکن میکنند.

یک ابزار انتخاب کنید، آن را درست تنظیم کنید و بعد از هر تغییر دوباره اندازه بگیرید. تغییر همزمان چند چیز باعث میشود ندانید کدام تغییر موثر بوده است.