9.4 KiB
تحلیل یک سایت از نظر عملکرد
مروری بر تکلیف
تحلیل عملکرد مهارتی حیاتی برای توسعهدهندگان وب مدرن است. در این تکلیف، شما یک حسابرسی کامل عملکرد یک وبسایت واقعی را با استفاده از ابزارهای مبتنی بر مرورگر و سرویسهای ثالث انجام میدهید تا گلوگاهها را شناسایی کرده و استراتژیهای بهینهسازی را پیشنهاد دهید.
وظیفه شما ارائه یک گزارش عملکرد دقیق است که نشاندهنده درک شما از اصول عملکرد وب و توانایی استفاده مؤثر از ابزارهای تحلیل حرفهای باشد.
دستورالعملهای تکلیف
یک وبسایت را برای تحلیل انتخاب کنید - یکی از گزینههای زیر را برگزینید:
- یک وبسایت محبوب که اغلب از آن استفاده میکنید (سایت خبری، شبکههای اجتماعی، تجارت الکترونیک)
- وبسایت یک پروژه متنباز (صفحات GitHub، سایتهای مستندات)
- وبسایت کسبوکار محلی یا سایت نمونهکار
- پروژه خودتان یا دورههای قبلی درسی
تحلیل چندابزاری انجام دهید با استفاده از حداقل سه روش مختلف:
- ابزارهای توسعه مرورگر - استفاده از تب عملکرد (Performance) در Chrome/Edge برای پروفایلینگ دقیق
- ابزارهای آنلاین حسابرسی - استفاده از Lighthouse، GTmetrix، یا WebPageTest
- تحلیل شبکه - بررسی بارگذاری منابع، حجم فایلها و الگوهای درخواستها
یافتههای خود را در یک گزارش جامع مستندسازی کنید که شامل موارد زیر است:
تحلیل شاخصهای عملکرد
- اندازهگیریهای زمان بارگذاری از ابزارها و دیدگاههای مختلف
- امتیازهای Core Web Vitals (LCP، FID، CLS) و تأثیرات آنها
- تفکیک منابع که نشان میدهد کدام موارد بیشترین سهم را در زمان بارگذاری دارند
- تحلیل نمودار آبشاری شبکه برای شناسایی منابع مسدودکننده
شناسایی مشکلات
- گلوگاههای خاص عملکردی با دادههای پشتیبان
- تحلیل علل ریشهای برای توضیح دلیل بروز هر مشکل
- ارزیابی تأثیر بر کاربر شرح اینکه مشکلات چگونه کاربران واقعی را تحت تأثیر قرار میدهند
- رتبهبندی اولویتها بر اساس شدت و سختی رفع مشکلات
توصیههای بهینهسازی
- بهبودهای مشخص و عملی با تأثیر پیشبینیشده
- استراتژیهای پیادهسازی برای هر تغییر پیشنهادی
- روشهای مدرن بهترین عملکرد که میتوان به کار برد (بارگذاری تنبل، فشردهسازی، و غیره)
- ابزارها و تکنیکها برای پایش مستمر عملکرد
الزامات تحقیق
فقط به ابزارهای مرورگر بسنده نکنید - تحلیل خود را با موارد زیر گسترش دهید:
سرویسهای حسابرسی ثالث:
- Google Lighthouse - ممیزیهای جامع
- GTmetrix - دیدگاههای عملکرد و بهینهسازی
- WebPageTest - شرایط آزمایش دنیای واقعی
- Pingdom - پایش عملکرد جهانی
ابزارهای تحلیل تخصصی:
- Bundle Analyzer - تحلیل حجم باندل جاوااسکریپت
- Image optimization tools - فرصتهای بهینهسازی داراییها
- Security headers analysis - تأثیر عملکرد امنیتی
فرمت تحویل
یک گزارش حرفهای (۲-۳ صفحه) ایجاد کنید که شامل موارد زیر باشد:
- خلاصه اجرایی - مرور یافتهها و توصیههای کلیدی
- روششناسی - ابزارهای استفاده شده و رویکرد آزمایش
- ارزیابی عملکرد فعلی - معیارها و اندازهگیریهای پایه
- مسائل شناسایی شده - تحلیل دقیق مشکلات با دادههای پشتیبان
- توصیهها - استراتژیهای بهبود اولویتبندی شده
- نقشه راه پیادهسازی - برنامه گام به گام بهینهسازی
شواهد تصویری را درج کنید:
- اسکرینشاتهای ابزارها و شاخصهای عملکرد
- نمودارها یا گرافهایی که دادههای عملکرد را نشان میدهند
- مقایسه قبل و بعد، در صورت امکان
- نمودارهای آبشاری شبکه و تفکیک منابع
جدول ارزیابی
| معیار | نمونه عالی (۹۰-۱۰۰٪) | کافی (۷۰-۸۹٪) | نیاز به بهبود (۵۰-۶۹٪) |
|---|---|---|---|
| عمق تحلیل | تحلیل جامع با استفاده از بیش از ۴ ابزار با شاخصهای دقیق، تحلیل ریشهای و ارزیابی تأثیر کاربر | تحلیل خوب با استفاده از ۳ ابزار با شاخصهای واضح و شناسایی اولیه مشکلات | تحلیل پایه با استفاده از ۲ ابزار با عمق محدود و شناسایی حداقلی مشکلات |
| تنوع ابزار | استفاده از ابزارهای مرورگر + بیش از ۳ سرویس ثالث با تحلیل مقایسهای و دیدگاههای هرکدام | استفاده از ابزارهای مرورگر + ۲ سرویس ثالث با تحلیل مقایسهای محدود | استفاده از ابزارهای مرورگر + ۱ سرویس ثالث با مقایسه محدود |
| شناسایی مشکل | شناسایی بیش از ۵ مشکل عملکردی خاص با تحلیل ریشهای دقیق و تأثیر کمیشده | شناسایی ۳-۴ مشکل عملکردی با تحلیل خوب و اندازهگیری تأثیر | شناسایی ۱-۲ مشکل عملکردی با تحلیل پایه |
| توصیهها | ارائه توصیههای مشخص و عملی با جزئیات پیادهسازی، تأثیر مورد انتظار و بهترین روشهای مدرن | ارائه توصیههای خوب با راهنمایی پیادهسازی و نتایج پیشبینیشده | ارائه توصیههای پایه با جزئیات محدود پیادهسازی |
| ارائه حرفهای | گزارش منظم و ساختارمند با شواهد تصویری، خلاصه اجرایی و قالببندی حرفهای | سازماندهی خوب با برخی شواهد تصویری و ساختار واضح | سازماندهی پایه با شواهد تصویری کم |
نتایج یادگیری
با انجام این تکلیف، شما تواناییهای زیر را نشان خواهید داد:
- بهکارگیری ابزارها و روشهای حرفهای تحلیل عملکرد
- شناسایی گلوگاههای عملکردی با تحلیل مبتنی بر داده
- تحلیل رابطه کیفیت کد و تجربه کاربری
- پیشنهاد استراتژیهای بهینهسازی مشخص و عملی
- ارتباط یافتههای فنی در قالبی حرفهای
این تکلیف مفاهیم عملکردی یادگرفته شده در درس را تقویت کرده و مهارتهای عملی را که در طول حرفه توسعه وب خود استفاده خواهید کرد، میسازد.
سلب مسئولیت: این سند با استفاده از سرویس ترجمه هوش مصنوعی Co-op Translator ترجمه شده است. در حالی که ما در تلاش برای دقت هستیم، لطفاً توجه داشته باشید که ترجمههای خودکار ممکن است شامل خطاها یا نادرستیهایی باشند. سند اصلی به زبان بومی خود، منبع معتبر محسوب میشود. برای اطلاعات حیاتی، ترجمه حرفهای توسط انسان توصیه میشود. ما مسئول هیچگونه سوء تفاهم یا تفسیر نادرستی که ناشی از استفاده از این ترجمه باشد، نیستیم.