blog

عملکرد سایت شما چگونه به نظر می رسد؟

انواع ابزارها برای اندازه گیری سرعت صفحه وجود دارد، اما آنها از چه داده ها و فرضیاتی برای اندازه گیری عملکرد استفاده می کنند؟

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

هیچ کمبودی برای اندازه گیری سرعت یک صفحه وب وجود ندارد. ابزاری برای دریافت گزارش با جزئیات از زمان برقراری اتصال به سرور تا زمانی که طول می‌کشد تا صفحه کامل ارائه شود، وجود دارد. در واقع، ابزار بسیار خوبی در زیر سرب اکثر مرورگرها در DevTools وجود دارد که می تواند بسیاری از کارها را انجام دهد که یک سرویس آزمایش شده و واقعی مانند WebPageTest ارائه می دهد، همراه با توصیه هایی برای بهبود معیارهای خاص.

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

افراد DebugBear به خوبی این وضعیت را درک می‌کنند، و به اندازه کافی لطف داشتند تا به من حساب کاربری بدهند تا سرعت سایت و ویژگی‌های گزارش حیاتی وب‌شان را بررسی کنم. من وقت داشتم با DebugBear کار کنم و فکر کردم می‌توانم با نکاتی در مورد تجربه خود در استفاده از آن برای نظارت بر عملکرد، نگاهی به آن بیندازم. اگر شما هم مثل من هستید، سرمایه گذاری روی یک ابزار - به ویژه ابزاری پولی - قبل از اینکه ببینید واقعاً چگونه کار می کند و در کار من قرار می گیرد، دشوار است.

نظارت در مقابل اندازه گیری

قبل از اینکه وارد سیستم شویم و به گزارش‌ها نگاه کنیم، فکر می‌کنم ارزش کمی معنایی را دارد. کلمه کلیدی در اینجا "نظارت" عملکرد است. پس از استفاده از DebugBear، متوجه شدم که کاری که در طول این مدت انجام می‌دهم «اندازه‌گیری» عملکرد است. و تفاوت بین "نظارت" و "اندازه گیری" بزرگ است.

وقتی عملکرد را اندازه می‌گیرم، فقط در یک زمان و مکان خاص یک عکس فوری می‌گیرم. هیچ زمینه ای در مورد عملکرد سرعت صفحه قبل یا بعد از آن عکس فوری وجود ندارد زیرا به تنهایی ایستاده است. آن را مانند یک نقطه داده در یک نمودار خطی در نظر بگیرید - هیچ نقطه اطرافی برای مقایسه نتایج من وجود ندارد که باعث شود بپرسم آیا این یک نتیجه خوب است یا یک نتیجه بد؟ این «چیزی» است که در تلاش‌های عملکردم از دست داده‌ام.

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

با توجه به این نکته، شایان ذکر است که چندین طعم از throttling شبکه وجود دارد. یکی از آنها توسط Lighthouse تغذیه می شود که با آزمایش روی یک اتصال سریع، داده ها را مشاهده می کند و مدت زمان بارگذاری روی اتصالات مختلف را تخمین می زند. این نوع throttling شبکه است که در PageSpeed Insights خواهید یافت و این روش پیش‌فرض در Lighthouse است. DebugBear این را به خوبی در وبلاگ خود توضیح می دهد:

در مقابل، ابزارهایی مانند DebugBear و WebPageTest از throttling واقع بینانه تری استفاده می کنند که به طور دقیق رفت و برگشت شبکه را در یک اتصال با تأخیر بالاتر منعکس می کند.

البته داده های استفاده واقعی بهتر خواهد بود. و ما می توانیم آن را با نظارت بر کاربر واقعی (RUM) دریافت کنیم که در آن قطعه کدی در سایت من داده های واقعی را بر اساس شرایط شبکه واقعی که از کاربران واقعی دریافت می شود جمع آوری می کند، به سرور ارسال می شود و برای گزارش تجزیه می شود.

شرکت طراحی سایت ره وب

اینجاست که ابزاری مانند DebugBear بسیار منطقی است. عملکرد را در یک زمان‌بندی خودکار اندازه‌گیری می‌کند (دیگر نیازی به اجرای دستی نیست، اما همچنان می‌توانید با ابزار رایگان آن‌ها این کار را انجام دهید) و نتایج را با چشم‌داشتن بر نتایج تاریخی (دیگر نقاط داده‌ای جدا شده) نظارت می‌کند. و در هر دو مورد، من می دانم که با داده های با کیفیت بالا و واقعی کار می کنم.

داشبورد DebugBear

این احتمالاً همان چیزی است که می خواهید ابتدا ببینید، درست است؟ تنها کاری که برای تنظیم نظارت بر عملکرد یک صفحه باید انجام می‌دادم این است که به DebugBear یک URL ارائه می‌دادم و داده‌ها بلافاصله با آزمایش‌های خودکار بعدی که به صورت چهار ساعته اجرا می‌شوند، به جریان می‌افتند که قابل تنظیم است.

عملکرد سایت شما چگونه به نظر می رسد؟

انواع ابزارها برای اندازه گیری سرعت صفحه وجود دارد، اما آنها از چه داده ها و فرضیاتی برای اندازه گیری عملکرد استفاده می کنند؟

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

هیچ کمبودی برای اندازه گیری سرعت یک صفحه وب وجود ندارد. ابزاری برای دریافت گزارش با جزئیات از زمان برقراری اتصال به سرور تا زمانی که طول می‌کشد تا صفحه کامل ارائه شود، وجود دارد. در واقع، ابزار بسیار خوبی در زیر سرب اکثر مرورگرها در DevTools وجود دارد که می تواند بسیاری از کارها را انجام دهد که یک سرویس آزمایش شده و واقعی مانند WebPageTest ارائه می دهد، همراه با توصیه هایی برای بهبود معیارهای خاص.

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

افراد DebugBear به خوبی این وضعیت را درک می‌کنند، و به اندازه کافی لطف داشتند تا به من حساب کاربری بدهند تا سرعت سایت و ویژگی‌های گزارش حیاتی وب‌شان را بررسی کنم. من وقت داشتم با DebugBear کار کنم و فکر کردم می‌توانم با نکاتی در مورد تجربه خود در استفاده از آن برای نظارت بر عملکرد، نگاهی به آن بیندازم. اگر شما هم مثل من هستید، سرمایه گذاری روی یک ابزار - به ویژه ابزاری پولی - قبل از اینکه ببینید واقعاً چگونه کار می کند و در کار من قرار می گیرد، دشوار است.

نظارت در مقابل اندازه گیری

قبل از اینکه وارد سیستم شویم و به گزارش‌ها نگاه کنیم، فکر می‌کنم ارزش کمی معنایی را دارد. کلمه کلیدی در اینجا "نظارت" عملکرد است. پس از استفاده از DebugBear، متوجه شدم که کاری که در طول این مدت انجام می‌دهم «اندازه‌گیری» عملکرد است. و تفاوت بین "نظارت" و "اندازه گیری" بزرگ است.

وقتی عملکرد را اندازه می‌گیرم، فقط در یک زمان و مکان خاص یک عکس فوری می‌گیرم. هیچ زمینه ای در مورد عملکرد سرعت صفحه قبل یا بعد از آن عکس فوری وجود ندارد زیرا به تنهایی ایستاده است. آن را مانند یک نقطه داده در یک نمودار خطی در نظر بگیرید - هیچ نقطه اطرافی برای مقایسه نتایج من وجود ندارد که باعث شود بپرسم آیا این یک نتیجه خوب است یا یک نتیجه بد؟ این «چیزی» است که در تلاش‌های عملکردم از دست داده‌ام.

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

با توجه به این نکته، شایان ذکر است که چندین طعم از throttling شبکه وجود دارد. یکی از آنها توسط Lighthouse تغذیه می شود که با آزمایش روی یک اتصال سریع، داده ها را مشاهده می کند و مدت زمان بارگذاری روی اتصالات مختلف را تخمین می زند. این نوع throttling شبکه است که در PageSpeed Insights خواهید یافت و این روش پیش‌فرض در Lighthouse است. DebugBear این را به خوبی در وبلاگ خود توضیح می دهد:

در مقابل، ابزارهایی مانند DebugBear و WebPageTest از throttling واقع بینانه تری استفاده می کنند که به طور دقیق رفت و برگشت شبکه را در یک اتصال با تأخیر بالاتر منعکس می کند.

البته داده های استفاده واقعی بهتر خواهد بود. و ما می توانیم آن را با نظارت بر کاربر واقعی (RUM) دریافت کنیم که در آن قطعه کدی در سایت من داده های واقعی را بر اساس شرایط شبکه واقعی که از کاربران واقعی دریافت می شود جمع آوری می کند، به سرور ارسال می شود و برای گزارش تجزیه می شود.

شرکت طراحی سایت ره وب

اینجاست که ابزاری مانند DebugBear بسیار منطقی است. عملکرد را در یک زمان‌بندی خودکار اندازه‌گیری می‌کند (دیگر نیازی به اجرای دستی نیست، اما همچنان می‌توانید با ابزار رایگان آن‌ها این کار را انجام دهید) و نتایج را با چشم‌داشتن بر نتایج تاریخی (دیگر نقاط داده‌ای جدا شده) نظارت می‌کند. و در هر دو مورد، من می دانم که با داده های با کیفیت بالا و واقعی کار می کنم.

داشبورد DebugBear

این احتمالاً همان چیزی است که می خواهید ابتدا ببینید، درست است؟ تنها کاری که برای تنظیم نظارت بر عملکرد یک صفحه باید انجام می‌دادم این است که به DebugBear یک URL ارائه می‌دادم و داده‌ها بلافاصله با آزمایش‌های خودکار بعدی که به صورت چهار ساعته اجرا می‌شوند، به جریان می‌افتند که قابل تنظیم است.