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

آنچه یاد خواهید گرفت:

• این دوره یک راهنمای عملی است. شما به طور عملی خواهید آموخت که چگونه عملکرد وبسایت خود را بهبود دهید.
• شما یک روش با مراحل و ابزارهای روشن دریافت خواهید کرد که شما را در مسیر صحیح برای بهبود عملکرد وبسایتتان هدایت می‌کند.
• شما به طور عملی یاد خواهید گرفت که چگونه عملکرد صفحات وبسایت خود را با استفاده از PageSpeed Insights اندازه‌گیری کنید.
• به طور عملی عملکرد صفحات وبسایت خود را با استفاده از WebPageTest و ابزارهای دیگر تحلیل خواهید کرد.
• به طور عملی یاد خواهید گرفت که چگونه از PageSpeed Insights استفاده کرده و توصیه‌هایی برای بهبود عملکرد وبسایت خود دریافت کنید.
• شما به طور عملی یاد خواهید گرفت که چگونه سئو، دسترسی‌پذیری و متریک‌های بهترین شیوه را برای صفحات وب خود بهبود دهید.
• با مفاهیم مرتبط با عملکرد مانند اجزای حیاتی وب، CLS و LCP و TBT، مسیر رندرینگ بحرانی و غیره آشنا خواهید شد.
• شما یاد خواهید گرفت که چگونه فرمت‌های تصویری را به WEBP تبدیل کنید و فایل‌ها را با استفاده از پکیج پردازش تصویر یعنی Sharp کراپ کنید.
• یاد خواهید گرفت که چگونه اندازه فایل CSS را با استفاده از Minify و PurgeCSS کاهش دهید.
• یاد خواهید گرفت که چگونه تصاویر واکنش‌گرا، Srcset و lazy loading می‌توانند زمان بارگذاری فایل‌های تصویری را کاهش دهند.
• یاد خواهید گرفت که چگونه زمان بارگذاری فونت‌های وب خود را بهینه کنید.

پیش‌نیازهای دوره

• دانش در مورد HTML ،CSS و جاوااسکریپت الزامی است.

توضیحات دوره

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

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

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

هر وبسایت یک سمت فرانت دارد. سمت فرانت شامل فایل‌های HTML، جاوااسکریپت، CSS، فونت‌ها و تصاویر است. این فایل‌ها تأثیر زیادی روی سرعت بارگذاری و پاسخ‌دهی صفحات وب شما دارند و این موضوع مرکز توجه این دوره خواهد بود.

برای بهبود عملکرد وبسایت‌ خود، نیاز دارید به همه سوالات زیر پاسخ دهید که بیشتر توسعه‌دهندگان پاسخ آنها را ندارند:

• چگونه عملکرد را به سادگی اندازه‌گیری کنیم؟
• چگونه عملکرد را تحلیل کنیم؟
• چگونه مسائل عملکرد را برطرف کنیم و به نمره عملکرد صد برسیم با استفاده از یک روش مشخص؟

تمامی این سوالات در دوره با استفاده از سه صفحه وب نشان داده شده و پاسخ داده خواهد شد.

برای تبدیل شما به یک کارشناس در این زمینه، مفاهیم زیر را یاد خواهیم گرفت:

• اجزای حیاتی وب به‌ ویژه LCP و CLS و TBT
• ارزیابی درست عملکرد با استفاده از PageSpeed Insights و Lighthouse
• تحلیل عملکرد وب با استفاده از WebPageTest
• یادگیری یک روش مشخص که شما را به بهبود نمره عملکرد صفحات وب به صد هدایت کند.
• تبدیل فرمت تصویری به فرمت WEBP و اینکه چگونه فایل تصویری را با استفاده از پکیج پردازش تصویر یعنی Sharp کراپ کنید.
• Lazy load کردن تصاویر با استفاده از ویژگی‌های HTML
• استفاده از تصاویر واکنش‌گرا و srcset برای بارگذاری هوشمند تصاویر متناسب با viewport
• کاهش اندازه فایل CSS با استفاده از PurgeCSS
• فشرده‌سازی فایل‌های جاوااسکریپت و CSS با استفاده از bundler
• بهبود سئو، دسترسی‌پذیری و بهترین شیوه‌ها
• ردیابی CSS و جاوااسکریپت غیرضروری با استفاده از ابزارهای توسعه‌دهنده کروم
• حذف توابع غیرضروری جاوااسکریپت با استفاده از Tree Shaking
• استفاده از ابزارهای توسعه‌دهنده کروم برای شناسایی توابعی که CPU زیادی مصرف می‌کنند.
• بهینه‌سازی بارگذاری فونت وب با استفاده از Self-host و فرمت wOFF2

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان فرانت‌اند
• توسعه‌دهندگان فول‌استک
• توسعه‌دهندگان وب