عملکرد یک جنبه کلیدی از تجربه کاربر است. سرعت بارگذاری صفحات و سرعت پاسخ آنها به ورودی کاربران می تواند تأثیر قابل توجهی بر نحوه درک کاربران از سایت شما داشته باشد و می تواند بین ماندن کاربران در وب سایت یا ترک آن تفاوت ایجاد کند. در این صفحه، انبوهی از اطلاعات در مورد موضوعات مختلف عملکرد وب پیدا خواهید کرد که به شما کمک می کند وب سایت خود را سریع و سریع نگه دارید.
جدید به عملکرد؟ ما شما را با یک دوره جامع تحت پوشش قرار داده ایم تا به شما در شروع کار کمک کند.
در مورد سه معیار Core Web Vitals، نحوه عملکرد آنها و چرایی اهمیت آنها برای تجربیات خوب کاربر، به سرعت آشنا شوید.
هنگامی که در مورد معیارهای Core Web Vitals یاد گرفتید، این راهنماها می توانند به شما کمک کنند تا درک کنید که چگونه آنها را بهینه کنید.
با مجموعه ای از راهنماهایی که معیارها را با جزئیات بیشتری بررسی می کند، حتی بیشتر به Core Web Vitals بروید.
ویژگی‌های جدیدی را برای بهبود عملکرد کشف کنید که اکنون به تازگی در دسترس هستند.
در مورد اینکه چگونه شرکت ها Core Web Vitals خود را بهبود دادند و در نتیجه معیارهای تجاری خود را افزایش دادند، بخوانید.
بیاموزید که چگونه می توانید از Chrome DevTools برای رفع اشکال مشکلات عملکرد وب سایت خود استفاده کنید.
دوره

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

معیارهای Core Web Vitals مجموعه ای از سه معیار هستند که بر تجربه کاربر متمرکز شده اند. آنها عملکرد و قابلیت استفاده صفحات را اندازه گیری می کنند، از جمله زمان بارگذاری درک شده، ثبات بصری، و پاسخگویی به ورودی کاربر. اگر با Core Web Vitals تازه کار هستید، این راهنماها شما را با نحوه کار آنها آشنا می کند و به شما نقطه شروعی در مورد نحوه بهینه سازی آنها می دهد.

LCP معیاری است که مدت زمانی که طول می کشد تا بزرگترین قطعه محتوا در یک صفحه ظاهر شود را اندازه گیری می کند. صفحات با LCP پایین به کاربران سیگنال می دهند که صفحه شما به سرعت بارگذاری می شود.
CLS معیاری است که ثبات طرح را با مشاهده صفحه برای تغییرات غیرمنتظره در چیدمان اندازه گیری می کند. صفحات با CLS پایین به کاربران سیگنال می دهند که چیدمان صفحه ثابت است و در صورت تلاش برای تعامل با آن، به طور غیرمنتظره ای تغییر نمی کند.
INP معیاری است که میزان پاسخگویی یک صفحه به ورودی کاربر را اندازه گیری می کند. صفحاتی که INP پایینی دارند به کاربران سیگنال می‌دهند که وقتی صفحه با آن‌ها ارتباط برقرار می‌کند، به سرعت پاسخ می‌دهد و باعث می‌شود وب‌سایت شما قابل اعتمادتر و لذت‌بخش‌تر باشد.
هر یک از معیارهای Core Web Vitals را می توان برای بهبود تجربه کاربر بهینه کرد. هر یک از این راهنماها به طور عمیق نشان می دهد که چگونه می توانید تکنیک های اثبات شده را برای بهبود عملکرد و قابلیت اطمینان وب سایت خود به کار ببرید تا کاربران بیشتر درگیر شوند و احتمال ترک آن کمتر شود.
بیاموزید که چگونه LCP را برای کاربران خود بهینه کنید تا بتوانند مهم ترین محتوای صفحه شما را در سریع ترین زمان ممکن مشاهده کنند.
بیاموزید که چگونه CLS را برای کاربران خود بهینه کنید تا بتوانند انتظار داشته باشند که وب سایت شما پایدار و قابل استفاده تر بماند.
بیاموزید که چگونه INP را برای کاربران خود بهینه کنید تا بتوانند انتظار داشته باشند که وب سایت شما به سرعت به تعاملات پاسخ دهد.
سه معیار Core Web Vitals و نحوه بهینه سازی آنها شروعی عالی است، اما موضوعات بیشتری در اطراف آنها وجود دارد که باید جذب شوند. این مجموعه محتوا به شما کمک می‌کند تا نحوه اندازه‌گیری، اشکال‌زدایی آن‌ها و همچنین برخی از بهترین روش‌های اضافی برای اطلاعیه‌های کوکی، چرخ فلک‌ها و دیگر نگرانی‌های رایج رابط کاربری را درک کنید.
بهبود عملکرد نه تنها تجربه کاربر را بهبود می بخشد، بلکه این پتانسیل را دارد که به رشد کسب و کار شما کمک کند. بیاموزید که چگونه این شرکت ها Core Web Vitals خود را بهبود دادند و شاهد افزایش معیارهای تجاری خود بودند.
بیاموزید که چگونه Disney+ Hotstar بازدیدهای هفتگی کارت را تا 100٪ در دستگاه های اتاق نشیمن با کاهش INP تا ​​61٪ افزایش داد.
بیاموزید که چگونه پلتفرم مدیریت رضایت PubTech INP را در وب‌سایت‌های مشتریان خود تا 64 درصد کاهش داد و در عین حال قابلیت مشاهده آگهی را تا 1.5 درصد بهبود بخشید.
بیاموزید که چگونه Taboola از Long Animation Frames API (LoAF) برای بهبود INP تا ​​36% برای وب‌سایت‌های شریک ناشر خود استفاده کرد.

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

ویژگی CSS content-visibility در سپتامبر 2024 به تازگی در دسترس قرار گرفت.
فرمت تصویر AVIF در ژانویه 2024 به تازگی در دسترس قرار گرفت.
پیش بارگذاری ماژول در سپتامبر 2023 به تازگی در دسترس قرار گرفت.
سرصفحه پاسخ HTTP Server-Timing در مارس 2023 به تازگی در دسترس قرار گرفت.

Chrome DevTools مجموعه ای از ابزارها برای برنامه نویسان برای اشکال زدایی برنامه های وب است، از جمله ابزارهایی برای کمک به درک و بهبود عملکرد برنامه های وب خود.

پانل شبکه در DevTools تمام منابعی که یک صفحه بارگیری می کند و مدت زمان بارگیری آنها را به شما نشان می دهد. با نحوه استفاده از این پانل برای شناسایی مشکلات عملکرد مرتبط با بار منبع آشنا شوید.
پانل عملکرد در DevTools اطلاعات فوق‌العاده دقیقی را در مورد عملکرد یک صفحه در طول یک جلسه ضبط به شما نشان می‌دهد، از جمله فعالیت در رشته اصلی، فعالیت شبکه و ابزارهای اضافی که می‌تواند به شما در شناسایی و رفع مشکلات عملکرد کمک کند.
پانل Memory به شما نشان می دهد که چه مقدار حافظه توسط جاوا اسکریپت یک صفحه استفاده می شود. با یادگیری نحوه استفاده از این پنل، می توانید مشکلات مربوط به حافظه را که توسط جاوا اسکریپت یک صفحه ایجاد می شود، کشف و برطرف کنید.