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

سرفصل ها و درس ها

مبانی عملکرد وب The Basics of Web Performance

• اهمیت عملکرد برای برنامه های کاربردی وب The Importance of Performance For Web Applications

• اندازه گیری عملکرد با Google Lighthouse Measuring Performance with Google Lighthouse

• اطلاعات سرعت صفحه گوگل Google Page Speed Insights

• هسته اصلی وب: LCP، FID و CLS The Core Web Vitals: LCP, FID & CLS

• LCP: بزرگترین رنگ محتوایی LCP: Largest Contentful Paint

• FID: تاخیر ورودی اول FID: First Input Delay

• CLS: تغییر چیدمان تجمعی CLS: Cumulative Layout Shift

• سایر معیارهای مهم Other Important Metrics

• مبانی عملکرد وب The Basics of Web Performance

عملکرد وب در عمل Web Performance in Practice

• راه اندازی پروژه Project Set-Up

• انتشار در Firebase Publishing to Firebase

• تجزیه و تحلیل عملکرد وب سایت Website Performance Analysis

• با استفاده از تب Network Using the Network Tab

• اجتناب از تصاویر بزرگ Avoiding Oversized Images

• تبدیل و فشرده سازی تصاویر Converting and Compressing Images

• مدیریت تصاویر واکنشگرا با عنصر تصویر Handling Responsive Images with the Picture Element

• یادآوری: تغییرات خود را انجام دهید Reminder: Commit Your Changes

• رفع CLS با تنظیم ارتفاع و عرض واضح بر روی تصاویر Fixing CLS by Setting Explicit Height and Width to Images

• بهبودهای بیشتر CLS - عناصر پنهان More CLS Improvements - Hidden Elements

• بارگذاری تنبل تصاویر با ویژگی بارگذاری Lazy Load Images with the Loading Attribute

• کاهش زمان اجرای اولیه جاوا اسکریپت Reducing Initial Javascript Execution Time

• خود میزبانی فونت های گوگل Self-Hosting Google Fonts

• خدمات غیر ضروری را به تعویق بیندازید Defer Non-Essential Services

• رفع مشکلات دسترسی Fixing Accessibility Issues

• تنظیم ترتیب سرفصل ها Adjusting the Order of Headings

• رفع بهترین روش ها و مسائل سئو Fixing Best Practices & SEO Issues

نظارت مستمر و بهینه سازی Continuous Monitoring and Optimization

• نقشه راه عملکرد وب برای بهبود مستمر The Web Performance Road Map for Continuous Improvement

• اجرای بهترین شیوه ها Enforcing Best Practices

• گزارش های عملکرد در کنسول جستجوی گوگل Performance Reports on Google Search Console

• شروع کار با GT Metrix Getting Started with GT Metrix

• نمودارهای تاریخچه در GT Metrix History Charts on GT Metrix

• نظارت بر صفحات و تنظیم هشدارها در GT Metrix Monitoring Pages and Setting Up Alerts on GT Metrix

• مقایسه گزارش های عملکرد در GT Metrix Comparing Performance Reports on GT Metrix

• بررسی کد و روتین QA Code Reviews and the QA Routine