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

Building Faster Websites: Get Started with Web Performance

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: در طی 4 ساعت، عملکرد وب و نحوه بهبود سرعت بارگذاری را با بهینه سازی HTML، CSS، جاوا اسکریپت و موارد دیگر یاد بگیرید! عملکرد بارگذاری به چه معناست و چرا در وب امروز اهمیت دارد. چگونه می توانید عملکرد بارگذاری را برای تعیین سرعت بارگذاری یک وب سایت اندازه گیری کنید. ابزارها و تکنیک هایی که می توانید برای اندازه گیری عملکرد وب در انواع دستگاه ها و شرایط شبکه استفاده کنید. بهترین تمرین تکنیک های بهینه سازی عملکرد برای کاهش مدت زمانی که مرورگر برای دانلود و ارائه یک وب سایت طول می کشد. ما یک وب سایت کند را از Github دانلود می کنیم و گام به گام آن را سریعتر بارگذاری می کنیم! هیچ دانش قبلی در مورد بهینه سازی عملکرد وب مورد نیاز نیست. پیش نیازها: درک اولیه از مهارت های معمولی توسعه دهنده Front-end مانند HTML، CSS و جاوا اسکریپت.

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

در وب امروزی، داشتن یک وب سایت با بارگذاری سریع یک اولویت است. این بخش مهمی از همه چیز است، از کاهش نرخ پرش گرفته تا بهبود بهینه‌سازی موتور جستجو و حتی افزایش آن - تبدیل‌ها!

در «ساخت وب‌سایت‌های سریع‌تر: شروع به کار با عملکرد وب»، در 41 سخنرانی که مجموعاً تقریباً 4 ساعت طول می‌کشد، یاد می‌گیرید که چگونه این کار را انجام دهید، وب‌سایت‌هایی بسازید که سریع‌تر بارگیری می‌شوند و بنابراین عملکرد بهتری دارند.

از ابتدا شروع می‌کنیم، موضوعات مختلف مبتنی بر تئوری را به شما آموزش می‌دهیم که چرا بارگذاری عملکرد مهم است، چگونه آن را اندازه‌گیری کنید و از چه ابزارهایی استفاده کنید. در مرحله بعد، به بخش عملی می‌رویم که در آن بهترین تکنیک‌های بهینه‌سازی عملکرد را بر روی HTML، CSS، جاوا اسکریپت و موارد دیگر یک وب‌سایت ساختگی پیاده‌سازی می‌کنیم - از امتیاز عملکرد Google Lighthouse از 12 تا 100!

هیچ دانش قبلی در مورد عملکرد وب یا بهینه‌سازی عملکرد بارگذاری مورد نیاز نیست، و با دانش و تجربه بهینه‌سازی عملکردی که از این دوره کسب خواهید کرد، می‌توانید ارزش بسیار بیشتری را به مشتریان یا کارفرمایان خود ارائه دهید.

اگر شما یک توسعه دهنده وب هستید که به دنبال گسترش دانش خود یا حتی برداشتن گام بعدی در حرفه خود هستید، عملکرد بارگذاری جلویی یک تخصص ارزشمند برای بررسی است.


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

معرفی Introduction

  • به دوره خوش آمدید Welcome to the Course

معرفی Introduction

  • به دوره خوش آمدید Welcome to the Course

عملکرد وب توضیح داده شد Web Performance Explained

  • عملکرد وب چیست؟ What is Web Performance?

  • پذیرایی از کاربران Accommodating Users

  • مراقبت از کاربران Looking after Users

  • بهینه سازی موتورهای جستجو Search Engine Optimisation

  • بهبود تبدیل Improving Conversions

  • عملکرد درک شده Perceived Performance

عملکرد وب توضیح داده شد Web Performance Explained

  • عملکرد وب چیست؟ What is Web Performance?

  • پذیرایی از کاربران Accommodating Users

  • مراقبت از کاربران Looking after Users

  • بهینه سازی موتورهای جستجو Search Engine Optimisation

  • بهبود تبدیل Improving Conversions

  • عملکرد درک شده Perceived Performance

اندازه گیری عملکرد وب Measuring Web Performance

  • مرورگرها چگونه وب سایت ها را بارگذاری می کنند How Browsers Load Websites

  • درباره اندازه گیری عملکرد وب About Measuring Web Performance

  • بارگیری معیارهای عملکرد Loading Performance Metrics

  • بودجه های عملکردی Performance Budgets

  • اهداف عملکرد Performance Goals

  • ایجاد شرایط آزمون Establishing Testing Conditions

اندازه گیری عملکرد وب Measuring Web Performance

  • مرورگرها چگونه وب سایت ها را بارگذاری می کنند How Browsers Load Websites

  • درباره اندازه گیری عملکرد وب About Measuring Web Performance

  • بارگیری معیارهای عملکرد Loading Performance Metrics

  • بودجه های عملکردی Performance Budgets

  • اهداف عملکرد Performance Goals

  • ایجاد شرایط آزمون Establishing Testing Conditions

فانوس دریایی گوگل Google Lighthouse

  • Google Lighthouse چیست؟ What is Google Lighthouse?

  • اجرای ممیزی فانوس دریایی Running Lighthouse Audits

  • Lighthouse در Node.js Lighthouse in Node.js

فانوس دریایی گوگل Google Lighthouse

  • Google Lighthouse چیست؟ What is Google Lighthouse?

  • اجرای ممیزی فانوس دریایی Running Lighthouse Audits

  • Lighthouse در Node.js Lighthouse in Node.js

WebPageTest WebPageTest

  • اجرای ممیزی WebPageTest Running WebPageTest Audits

  • گزارش های تست صفحه وب WebPageTest Reports

WebPageTest WebPageTest

  • اجرای ممیزی WebPageTest Running WebPageTest Audits

  • گزارش های تست صفحه وب WebPageTest Reports

سایر ابزارهای عملکرد Other Performance Tools

  • رام اولیه با گوگل آنالیتیکس Basic RUM with Google Analytics

  • شبیه سازی سرعت شبکه Simulating Network Speeds

  • تست پیشرفته تروتتلینگ و SPOF Advanced Throttling & SPOF Testing

سایر ابزارهای عملکرد Other Performance Tools

  • رام اولیه با گوگل آنالیتیکس Basic RUM with Google Analytics

  • شبیه سازی سرعت شبکه Simulating Network Speeds

  • تست پیشرفته تروتتلینگ و SPOF Advanced Throttling & SPOF Testing

بخش عملی Practical Segment

  • شروع شدن Getting Started

  • شرایط تست را آماده کنید Prepare Testing Conditions

  • گزارش عملکرد اولیه Initial Performance Report

بخش عملی Practical Segment

  • شروع شدن Getting Started

  • شرایط تست را آماده کنید Prepare Testing Conditions

  • گزارش عملکرد اولیه Initial Performance Report

بهینه سازی عملکرد وب Optimising Web Performance

  • درخواست های HTTP HTTP Requests

  • دارایی های استاتیک شخص ثالث 3rd Party Static Assets

  • تغییر اندازه تصویر Image Resizing

  • بهینه سازی تصویر Image Optimisation

  • نکات منابع Resource Hints

  • Async/به تعویق انداختن جاوا اسکریپت Async / Defer JavaScript

  • فشرده سازی متن Text Compression

  • بهینه سازی دارایی متن Text Asset Optimisation

  • CSS بحرانی Critical CSS

  • بهینه سازی فونت های گوگل Google Fonts Optimisation

  • فونت های خود میزبانی شده Self-Hosted Fonts

  • بارگذاری تنبل Lazy Loading

  • CSS استفاده نشده را حذف کنید Remove Unused CSS

  • جاوا اسکریپت استفاده نشده را حذف کنید Remove Unused JavaScript

  • استراتژی های ذخیره سازی Caching Strategies

بهینه سازی عملکرد وب Optimising Web Performance

  • درخواست های HTTP HTTP Requests

  • دارایی های استاتیک شخص ثالث 3rd Party Static Assets

  • تغییر اندازه تصویر Image Resizing

  • بهینه سازی تصویر Image Optimisation

  • نکات منابع Resource Hints

  • Async/به تعویق انداختن جاوا اسکریپت Async / Defer JavaScript

  • فشرده سازی متن Text Compression

  • بهینه سازی دارایی متن Text Asset Optimisation

  • CSS بحرانی Critical CSS

  • بهینه سازی فونت های گوگل Google Fonts Optimisation

  • فونت های خود میزبانی شده Self-Hosted Fonts

  • بارگذاری تنبل Lazy Loading

  • CSS استفاده نشده را حذف کنید Remove Unused CSS

  • جاوا اسکریپت استفاده نشده را حذف کنید Remove Unused JavaScript

  • استراتژی های ذخیره سازی Caching Strategies

مقایسه عملکرد وب Comparing Web Performance

  • گزارش عملکرد نهایی Final Performance Report

مقایسه عملکرد وب Comparing Web Performance

  • گزارش عملکرد نهایی Final Performance Report

سخنان پایانی Closing Remarks

  • متشکرم Thank You

سخنان پایانی Closing Remarks

  • متشکرم Thank You

نمایش نظرات

نظری ارسال نشده است.

آموزش ساخت وب سایت های سریعتر: با عملکرد وب شروع کنید
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4 hours
41
Udemy (یودمی) udemy-small
01 دی 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
1,103
4 از 5
دارد
دارد
دارد
Luke Harrison

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Luke Harrison Luke Harrison

توسعه دهنده وب

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.