چرا و چی؟
احتمالاً در مورد همه چیزهای خوبی که تکنیک های برنامه وب پیشرفته می توانند برای سایت شما انجام دهند شنیده اید. ممکن است وسوسه شوید مستقیماً وارد شوید و ویژگی‌های PWA را اضافه کنید. این ممکن است، اما اگر ابتدا «PWA-ready» را دریافت کنید، وضعیت بسیار بهتری خواهید داشت.
هیچ مقدار جادوی PWA مشکلاتی مانند مسدود کردن جاوا اسکریپت یا تصاویر متورم را برطرف نمی کند. PWA ها به یک پایه محکم نیاز دارند.
بنابراین چگونه سلامت وب سایت خود را بررسی می کنید؟ اولین گام انجام ممیزی سایت است: بررسی عینی از اینکه چه چیزی خوب کار می کند و کجا (و چگونه) می تواند بهبود یابد.
ممیزی سایت یا برنامه به شما کمک می‌کند تا تجربه‌ای انعطاف‌پذیر و کارآمد بسازید - و برنده‌های سریعی را برجسته کنید که می‌توانند با حداقل علامت‌گذاری پیاده‌سازی شوند. ممیزی همچنین پایه ای برای توسعه مبتنی بر داده به شما می دهد. آیا تغییر اوضاع را بهتر کرد؟ سایت شما چگونه با رقبا مقایسه می شود؟ شما معیارهایی برای اولویت دادن به تلاش ها و شواهد عینی برای لاف زدن به محض انجام پیشرفت ها دریافت می کنید.
اگر فقط 5 دقیقه وقت دارید…
Lighthouse را در صفحه اصلی خود اجرا کنید و داده های گزارش را ذخیره کنید . برای بهبود عملکرد، دسترسی، امنیت و سئو، یک خط پایه کمی و یک لیست کارهای انجام شده دریافت می کنید.
اگر فقط 30 دقیقه وقت دارید…
فانوس دریایی احتمالا هنوز بهترین مکان برای شروع است، اما با کمی زمان بیشتر می توانید نتایج سایر ابزارها را نیز ثبت کنید:
- پانل امنیتی Chrome DevTools : استفاده از HTTPS.
- Chrome DevTools Network Panel : زمان بندی بارگذاری؛ اندازه منابع و تعداد درخواست ها برای HTML، CSS، جاوا اسکریپت، تصاویر، فونت ها و فایل های دیگر.
- Chrome Task Manager: اگر سایت شما دائماً از CPU قابل توجه یا حافظه بیشتری نسبت به سایر برنامه ها استفاده می کند، ممکن است لازم باشد نشت حافظه، مشکلات اجرای کار یا بارگیری منابع را برطرف کنید. مطمئن شوید که سایت خود را روی دستگاه هایی که نماینده کاربران شما هستند تست کنید.
- WebPagetest : عملکرد برای مکان‌های مختلف و انواع اتصال، حافظه پنهان، زمان تا اولین بایت، استفاده از CDN.
- Pagespeed Insights : عملکرد بارگیری، هزینه داده و استفاده از منابع، از جمله داده‌های گزارش تجربه کاربر Chrome که آمار عملکرد دنیای واقعی را برجسته می‌کند.
- کارت امتیازی سرعت و ماشین حساب تاثیر : سرعت سایت را با همتایان مقایسه کنید و فرصت بالقوه درآمد بهبود سرعت سایت را تخمین بزنید.
مطمئن شوید که وب سایت خود را همانطور که اولین بار آن را مشاهده می کند، آزمایش کنید. سایت را یک پنجره ناشناس (خصوصی) باز کنید یا از ابزارهای مرورگر برای غیرفعال کردن حافظه پنهان و پاک کردن فضای ذخیره سازی استفاده کنید. این تضمین می کند که هر دارایی از شبکه و نه از یک حافظه پنهان محلی بازیابی می شود، بنابراین تصویر دقیقی از عملکرد بار اول دریافت می کنید.
هیچ چیز بهتر از آزمایش دنیای واقعی نیست - سایت خود را با دستگاه ها و اتصالات مشابه کاربران خود امتحان کنید و تجربه ذهنی خود را ثبت کنید.
اگر طیف وسیعی از ابزارها را گیج کننده می بینید…
نگاهی به راهنمای ما بیندازید: چگونه به ابزارهای سرعت فکر کنیم .
اگر هیچ چیز دیگری نیست، به سادگی از Lighthouse برای بررسی موارد زیر استفاده کنید:
- HTTPS: هر سایتی باید تمام دارایی ها را از طریق HTTPS ارائه دهد .
- تنظیمات سرور: وب سرور یا CDN شما باید از فشرده سازی به درستی استفاده کند ، از HTTP/2 استفاده کند و شامل سرصفحه های مناسب برای فعال کردن مرورگر شما برای ذخیره منابع باشد.
- عناصر اسکریپتی که می‌توانند به پایین صفحه منتقل شوند و/یا ویژگی async یا defer به آن داده شود.
- جاوا اسکریپت و کتابخانه های قابل حذف.
- CSS استفاده نشده و جاوا اسکریپت استفاده نشده .
- تصاویری که می توانند با فشرده سازی بالاتر یا ابعاد پیکسل کوچکتر ذخیره شوند.
- فایل‌های تصویری که کوچکتر می‌شوند با فرمت‌های مختلف ذخیره می‌شوند، برای مثال عکس‌هایی که به‌عنوان PNG ذخیره می‌شوند.
مخاطب، ذینفعان، زمینه
اولویت‌ها برای بازسازی به مخاطب، محتوا و عملکرد شما بستگی دارد. چه کسی از سایت شما بازدید می کند؟ چرا و چگونه از آن استفاده می کنند؟ بودجه عملکرد شما چقدر است؟ اگر از پاسخ به این سؤالات مطمئن نیستید، تمرینات جمع آوری الزامات را از منابع آموزشی PWA ما امتحان کنید: مخاطبان شما، محتوای شما و طراحی برای همه کاربران شما .
سهامداران شما چه کسانی هستند و چه اولویت هایی دارند؟ این بر نحوه ساختار، ارائه و به اشتراک گذاری داده های حسابرسی شما تأثیر می گذارد.
اگر نمی توانید کل سایت خود را ممیزی کنید، تجزیه و تحلیل صفحه را بررسی کنید تا ایده ای در مورد مکان تمرکز داشته باشید. نرخ پرش بالا، زمان کم در صفحه و صفحات خروج غیرمنتظره می تواند شاخص خوبی برای شروع کار باشد. به همین ترتیب معیارهای تجاری مانند هزینه های میزبانی، کلیک های تبلیغاتی و تبدیل ها. از ذینفعان دیدی کلی در مورد اینکه چه داده هایی برای آنها اهمیت دارد، دریافت کنید.
تست کنید، ثبت کنید، اصلاح کنید، تکرار کنید
قبل از ایجاد هرگونه تغییر، وضعیت سایت خود را ثبت کنید تا مشکلات را کشف کنید و نقطه شروعی برای بهبودها یا پسرفت ها تعیین کنید. این به شما داده هایی برای توجیه و پاداش تلاش توسعه می دهد.
اطمینان حاصل کنید که چندین نوع صفحه را در سایت خود تست کنید - نه فقط صفحه اصلی. برای برنامه‌های تک صفحه‌ای، مؤلفه‌های مختلف، مسیرها و جریان‌های UX را آزمایش کنید، و نه فقط اولین تجربه بارگذاری.