شاید در مورد مزایایی که تکنیکهای PWA (برنامههای وب پیشرونده) میتوانند برای سایت شما داشته باشند، شنیده باشید. ممکن است وسوسه شوید که ویژگیهای PWA را بدون بهبود پایه و اساس عملکرد سایت خود اضافه کنید. اما هیچ مقدار از ویژگیهای PWA نمیتواند مشکلات مربوط به مسدود کردن جاوا اسکریپت و تصاویر حجیم را حل کند.
در عوض، اولین قدم شما انجام یک ممیزی سایت است، یک بررسی بیطرفانه از آنچه که خوب کار میکند و مواردی که میتوان آنها را بهبود بخشید.
حسابرسی سایت یا اپلیکیشن شما به شما کمک میکند تا یک تجربه انعطافپذیر و کارآمد ایجاد کنید. بهعلاوه، میتوانید موفقیتهای سریعی را که میتوانند با حداقل خطا اجرا شوند، برجسته کنید. یک حسابرسی، مبنایی برای توسعه مبتنی بر داده ایجاد میکند. آیا یک تغییر، اوضاع را بهتر کرده است؟ سایت شما در مقایسه با رقبا چگونه است؟ شما معیارهایی برای اولویتبندی تلاشها و شواهد محکمی برای افتخار کردن پس از انجام بهبودها به دست میآورید.
فقط با ۵ دقیقه
Lighthouse را در صفحه اصلی خود اجرا کنید و دادههای گزارش را ذخیره کنید . شما یک مبنای کمی و یک لیست کارهای انجامشده برای بهبود عملکرد، دسترسی، امنیت و سئو دریافت خواهید کرد.
فقط با ۳۰ دقیقه
احتمالاً Lighthouse هنوز بهترین ابزار برای شروع است، اما با صرف زمان بیشتر میتوانید نتایج ابزارهای دیگر را نیز ثبت کنید:
- پنل امنیتی Chrome DevTools : استفاده از HTTPS.
- پنل درخواستهای شبکه DevTools کروم : زمانبندی بارگذاری؛ اندازه منابع و تعداد درخواستها برای HTML، CSS، جاوا اسکریپت، تصاویر، فونتها و سایر فایلها.
- مدیریت وظایف کروم: اگر سایت شما مرتباً از پردازنده مرکزی (CPU) قابل توجهی یا حافظه بیشتری نسبت به سایر برنامهها استفاده میکند، ممکن است نیاز به رفع نشت حافظه، اجرای وظایف یا مشکلات بارگذاری منابع داشته باشید.
- تست وب پیج : ذخیره سازی، زمان اولین بایت، میزان استفاده از CDN.
- Pagespeed Insights : عملکرد بارگذاری، هزینه داده و میزان استفاده از منابع، شامل دادههای گزارش تجربه کاربری کروم که آمار عملکرد در دنیای واقعی را برجسته میکند.
حتماً وبسایت خود را همانطور که یک کاربر برای اولین بار آن را میبیند، آزمایش کنید. سایت را در یک پنجره ناشناس (خصوصی) باز کنید، یا از ابزارهای مرورگر برای غیرفعال کردن حافظه پنهان و پاک کردن فضای ذخیرهسازی استفاده کنید. این تضمین میکند که هر داده از شبکه بازیابی میشود و نه از حافظه پنهان محلی، بنابراین شما تصویر دقیقی از عملکرد بارگذاری اولیه دریافت میکنید.
هیچ چیز بهتر از آزمایش در دنیای واقعی نیست. مطمئن شوید که سایت خود را روی دستگاههایی با اتصالی که نماینده کاربران شما هستند، آزمایش میکنید و تجربه ذهنی خود را ثبت میکنید.
اگر ابزارها شما را گیج کردهاند
به راهنمای ما نگاهی بیندازید: چگونه در مورد ابزارهای سرعت فکر کنیم .
اگر هیچ چیز دیگری وجود ندارد، از Lighthouse برای بررسی موارد زیر استفاده کنید:
- HTTPS: هر سایتی باید تمام محتواهای خود را از طریق HTTPS ارائه دهد .
- تنظیمات سرور: وب سرور یا CDN شما باید به درستی از فشردهسازی استفاده کند ، از HTTP/2 استفاده کند و هدرهای مناسبی را برای فعال کردن مرورگر شما در ذخیره منابع در حافظه پنهان (cache) داشته باشد .
- عناصر اسکریپت که میتوانند به پایین صفحه منتقل شوند یا ویژگی async یا defer به آنها داده شود.
- جاوا اسکریپت و کتابخانههایی که میتوانند حذف شوند.
- کدهای استفاده نشده ، مانند کتابخانههای CSS و جاوا اسکریپت.
- فرصتهای کاهش اندازه پیکسل تصویر
- تغییرات فرمت فایل که باعث بهبود اندازه تصویر میشود، مانند تغییر PNG به JPG.
مخاطبان، ذینفعان، زمینه
اولویتهای بازسازی به مخاطب، محتوا و عملکرد شما بستگی دارد. چه کسی از سایت شما بازدید میکند؟ چرا و چگونه از آن استفاده میکنند؟ بودجه عملکرد شما چقدر است؟
ذینفعان شما چه کسانی هستند و اولویتهای آنها چیست؟ این موضوع بر نحوه ساختاردهی، ارائه و اشتراکگذاری دادههای حسابرسی شما تأثیر میگذارد.
اگر نمیتوانید کل سایت خود را بررسی کنید، تجزیه و تحلیل صفحه را بررسی کنید تا ایدهای از محل تمرکز داشته باشید. نرخ پرش بالا، زمان حضور کم در صفحه و صفحات خروج غیرمنتظره میتوانند شاخص خوبی برای شروع باشند. به همین ترتیب، معیارهای تجاری مانند هزینههای میزبانی، کلیکهای تبلیغاتی و تبدیلها. از ذینفعان در مورد اینکه چه دادههایی برای آنها مهم است، یک مرور کلی دریافت کنید.
آزمایش، ضبط، رفع اشکال، تکرار
قبل از ایجاد هرگونه تغییر، وضعیت سایت خود را ثبت کنید تا مشکلات را کشف کرده و نقطه شروعی برای بهبودها یا پسرفتها تعیین کنید. این به شما دادههایی میدهد تا تلاشهای توسعه را توجیه و پاداش دهید.
انواع مختلف صفحات را در سایت خود آزمایش کنید. برای برنامههای تک صفحهای، به جای اینکه فقط اولین تجربه بارگذاری را آزمایش کنید، اجزا، مسیرها و جریانهای UX را نیز آزمایش کنید.