پانل عملکرد در Chrome DevTools به توسعه‌دهندگان کمک می‌کند تا عملکرد زمان اجرا خود را به هر شکلی برای بخش بهتری از 15 سال اندازه‌گیری و بهینه کنند. با پانلی به نام «Timeline» شروع شد و به پنل عملکردی که امروز می‌شناسید تبدیل شد.
در طی آن زمان، کروم محصولات و ویژگی های عملکرد قدرتمند دیگری را راه اندازی کرد. قابل ذکر است که Lighthouse در سال 2016 راه اندازی شد تا به راحتی فرصت های بهینه سازی را شناسایی کند. پنل آزمایشی Performance Insights در سال 2022 منتشر شد تا روش‌های جدیدی را برای آشکارسازی بینش‌های عملکرد آزمایش کند.
پنل Performance مملو از داده ها و ویژگی هایی است که به توسعه دهندگان کمک می کند تا عمیقاً در بارگذاری صفحه و مشکلات عملکرد زمان اجرا غوطه ور شوند. اما بیایید برای یک دقیقه واقعی باشیم و اذعان کنیم که استفاده از آن می تواند چالش برانگیز باشد و شناسایی بزرگترین فرصت ها برای بهبود عملکرد صفحه دشوار باشد . علاوه بر این، قدرت ابزارهای دیگری که به مرتب کردن نویز و جداسازی سریع فرصت‌ها کمک می‌کنند (مانند Lighthouse) از پنل Performance قطع می‌شود.
در تلاش خود برای آسان‌تر کردن شناسایی و بازتولید مشکلات عملکرد برای توسعه‌دهندگان، می‌خواهیم ویژگی‌ها و آموخته‌هایی را از Lighthouse و پنل Performance Insights بیاوریم و آنها را در پنل عملکرد موجود ادغام کنیم. ما همچنین بر UX و قابلیت استفاده برای بهبود اثربخشی پانل عملکرد به عنوان یک ابزار بهینه‌سازی عملکرد وب تمرکز می‌کنیم.
نتیجه چیست؟ یک پنل واحد - آسان‌تر و قدرتمندتر از همیشه - برای همه داده‌ها و بینش‌های عملکرد.
اقدام در مورد عملکرد وب، آسان تر شده است
بازخورد شما تأیید می کند که چگالی اطلاعات بالا چالش های قابلیت استفاده را ترکیب می کند. ما فعالانه در حال توسعه اصلاحات و ویژگی‌ها برای کمک هستیم. سفرهای کلیدی بهینه سازی، مانند بهبود Core Web Vitals، درمان درجه یک را دریافت می کنند. ما قصد داریم ویژگی هایی مانند حاشیه نویسی را معرفی کنیم که به شما امکان می دهد یافته ها را علامت گذاری کنید و آموخته ها را با همکاران خود به اشتراک بگذارید. همبستگی‌های سطحی در داده‌ها به بهبود توانایی درک یک سیستم پیچیده کمک می‌کند، با راه‌های بیشتری برای آشکار کردن نحوه اتصال داده‌ها، مانند درخواست‌های شبکه به فعالیت‌های رشته اصلی.
ما ویژگی های جدید را در حین توسعه آنها ارسال خواهیم کرد و هر چند ماه یکبار یک به روز رسانی از قابلیت های جدید پانل را به اشتراک می گذاریم. محکم بمان! به زودی ویژگی های جدید را مشاهده خواهید کرد!
قدرت فانوس دریایی، در پنل عملکرد
ما دیده‌ایم که چگونه توسعه‌دهندگان از هر دو پنل Lighthouse و Performance استفاده می‌کنند و تغییر زمینه بین این دو یک چالش است. علاوه بر این، اقدام در مورد یافته‌های Lighthouse می‌تواند نیازمند ورود به پنل عملکرد برای دریافت زمینه بیشتر باشد. این باعث اصطکاک می شود، زیرا نمای کلی عملکرد یک صفحه از داده های عملکرد دقیق جدا است.
ما می‌خواهیم تحلیل عملکرد Lighthouse را از طریق پنل عملکرد عمیقاً ادغام کنیم. با این ادغام، Lighthouse به بهترین فرصت ها برای بهبود عملکرد صفحه در خود پنل عملکرد، همراه با تمام جزئیات لازم برای اقدام در این فرصت، نور می تاباند.
پس از انتقال تمام عملکردهای عملکرد به پنل Performance، پانل مستقل Lighthouse در DevTools اضافی می شود و غروب می شود. این غروب پانل تا نیمه دوم سال 2025 اتفاق نخواهد افتاد. مهم است که به طور قاطع اعلام کنیم که Lighthouse از بین نمی رود .
فانوس دریایی اینجاست که بماند
ماژول Lighthouse npm و گزارش Lighthouse در PageSpeed Insights (از جمله PSI API ) بازنشسته نمی‌شوند. ما همچنان به در دسترس بودن و کیفیت Lighthouse به عنوان یک ابزار منبع باز که می تواند در محیط ترجیحی یک توسعه دهنده برای ارزیابی عملکرد صفحه استفاده شود، اختصاص داده شده است.
این ادغام به عنوان راهی برای ارتقای سطح عملکرد پنل و قابلیت‌های Lighthouse برای توسعه‌دهندگانی است که سعی می‌کنند درباره بارگذاری، پاسخ‌دهی و ثبات محتوا استدلال کنند.
پانل آزمایشی Performance Insights منسوخ خواهد شد
پانل Performance Insights به عنوان یک آزمایش ارسال شد تا ببینیم چگونه می‌توانیم به سه نقطه اصلی مهم رسیدگی کنیم : کاهش تراکم اطلاعات پانل عملکرد، پشتیبانی از تجزیه و تحلیل مورد محور استفاده و کاهش منحنی یادگیری که با استفاده از پانل عملکرد ارائه می‌شود.
ما از طریق بازخورد توسعه دهندگان چیزهای زیادی از آزمایش یاد گرفته ایم. ما تأیید کردیم که استفاده از تجزیه و تحلیل مبتنی بر مورد - به عنوان مثال، "من می خواهم LCP را بهینه کنم" یا "می خواهم صفحات را بهینه کنم تا پاسخگوتر باشند" - بسیار ارزشمند است، و ویژگی هایی مانند Layout Shifts Track باعث تشخیص و بهبود معیارها می شود. بسیار ساده تر
توسعه دهندگان همچنین دریافتند که پانل Performance Insights نسبت به پنل Performance قابل دسترسی تر است و تأیید می کند که کاهش تراکم اطلاعات جذاب است. با این حال، این کاهش تراکم در بسیاری از موارد هزینه‌ای را به همراه داشت و توسعه‌دهندگان را ملزم می‌کرد تا به پنل عملکرد مراجعه کنند تا داده‌های دقیق لازم برای انجام اقدام را دریافت کنند.
آموخته های ما - و بسیاری از ویژگی های پانل آزمایشی Performance Insights - در پانل عملکرد ادغام خواهند شد. ویژگی هایی مانند استفاده از تجزیه و تحلیل مورد محور و بهبود تراکم اطلاعات، همراه با ادغام Lighthouse، به ما کمک می کند تا بینش هایی را در مورد عملکرد صفحه بیشتر از قبل عملی کنیم.
آزمایش Performance Insights بعداً در سال 2024 حذف خواهد شد.
کجا باید بازخورد داد
همانطور که ما ویژگی های جدید را ارسال می کنیم، از بازخورد استقبال می کنیم. اگر در مورد چگونگی بهبود ویژگی‌های اضافه شده ایده‌هایی دارید - یا اگر جریان موجود شما از طریق پانل به طور غیرقانونی مختل شده است - می‌خواهیم از شما بشنویم . ما می خواهیم بشنویم که چه چیزی کار می کند، چه چیزی نیست، و به نظر شما چه چیزی می تواند بهتر انجام شود. متشکرم!