سرعت سایت در موبایل؛ مشکل را اندازه بگیر

یک خط مبنا ثبت کن

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

تصاویر را به اندازه نمایش بفرست

ابعاد مناسب و قالب فشرده انتخاب کن. عرض و ارتفاع یا نسبت تصویر را مشخص کن تا فضا از قبل محفوظ باشد. تصویر اصلیِ بالای صفحه را بی‌دلیل تنبل بارگذاری نکن؛ تصاویر دور از دید می‌توانند هنگام نزدیک‌شدن دریافت شوند.

کار مرورگر را سبک کن

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

شبکه و کش را بررسی کن

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

دوباره تست کن، این بار تعامل را هم

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

شرایط قبل و بعد یکسان باشد

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

پرسش‌های مرتبط