معیارهای عملکرد کاربر محور

فیلیپ والتون

همه ما شنیده ایم که عملکرد چقدر مهم است. اما وقتی در مورد عملکرد، و در مورد ساخت وب سایت ها "سریع" صحبت می کنیم، به طور خاص منظورمان چیست؟

حقیقت این است که عملکرد نسبی است:

  • یک سایت ممکن است برای یک کاربر سریع باشد (در یک شبکه سریع با یک دستگاه قدرتمند) اما برای کاربر دیگر کند باشد (در یک شبکه کند با یک دستگاه ارزان قیمت).
  • بارگذاری دو سایت ممکن است دقیقاً در زمان یکسانی تمام شود، اما به نظر می‌رسد یکی از آن‌ها به‌جای اینکه تا پایان برای نمایش هر چیزی منتظر بماند، اگر محتوا را به‌تدریج بارگیری کند، سریع‌تر بارگذاری می‌شود.
  • ممکن است به نظر برسد که یک سایت به سرعت بارگیری می شود، اما سپس به کندی پاسخ می دهد یا اصلاً به تعامل کاربر پاسخ نمی دهد.

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

معیارهای

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

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

در چند سال گذشته، اعضای تیم Chrome، با همکاری گروه کاری عملکرد وب W3C ، برای استانداردسازی مجموعه‌ای از APIها و معیارهای جدید کار کرده‌اند که با دقت بیشتری نحوه تجربه کاربران از عملکرد یک صفحه وب را اندازه‌گیری می‌کنند.

برای کمک به اطمینان از مرتبط بودن معیارها برای کاربران، آنها را حول چند سؤال کلیدی چارچوب می‌دهیم:

آیا این اتفاق می افتد؟ آیا ناوبری با موفقیت شروع شد؟ آیا سرور پاسخ داده است؟
آیا مفید است؟ آیا محتوای کافی ارائه شده است که کاربران بتوانند با آن درگیر شوند؟
قابل استفاده هست؟ آیا کاربران می توانند با صفحه تعامل داشته باشند یا اینکه مشغول هستند؟
آیا لذت بخش است؟ آیا فعل و انفعالات صاف و طبیعی و عاری از لگ و jank هستند؟

معیارها چگونه اندازه گیری می شوند

معیارهای عملکرد به طور کلی به یکی از دو روش اندازه گیری می شوند:

  • در آزمایشگاه: استفاده از ابزارهایی برای شبیه سازی بارگذاری صفحه در یک محیط سازگار و کنترل شده
  • در فیلد : در کاربران واقعی که در واقع صفحه را بارگذاری می کنند و با آن تعامل دارند

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

در آزمایشگاه

آزمایش عملکرد در آزمایشگاه هنگام توسعه ویژگی های جدید ضروری است. قبل از انتشار ویژگی‌ها در تولید، اندازه‌گیری ویژگی‌های عملکرد آنها بر روی کاربران واقعی غیرممکن است، بنابراین آزمایش آنها در آزمایشگاه قبل از انتشار ویژگی، بهترین راه برای جلوگیری از رگرسیون عملکرد است.

در میدان

از سوی دیگر، در حالی که آزمایش در آزمایشگاه یک پروکسی معقول برای عملکرد است، لزوماً منعکس کننده نحوه تجربه همه کاربران از سایت شما نیست.

عملکرد یک سایت می تواند به طور چشمگیری بر اساس قابلیت های دستگاه کاربر و شرایط شبکه متفاوت باشد. همچنین می تواند بر اساس اینکه آیا (یا چگونه) کاربر با صفحه در حال تعامل است متفاوت باشد.

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

تنها راه برای اینکه واقعاً بدانید سایت شما چگونه برای کاربران شما کار می‌کند، اندازه‌گیری عملکرد آن با بارگیری و تعامل آن کاربران با آن است. این نوع اندازه‌گیری معمولاً مانیتورینگ کاربر واقعی (RUM) نامیده می‌شود.

انواع معیارها

چندین نوع معیار دیگر وجود دارد که به نحوه درک کاربران از عملکرد مرتبط است:

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

با توجه به تمام این نوع معیارهای عملکرد، امیدواریم واضح باشد که هیچ معیاری برای ثبت تمام ویژگی های عملکرد یک صفحه کافی نیست.

معیارهای مهم برای اندازه گیری

اولین رنگ محتوایی (FCP)
زمان از زمانی که صفحه شروع به بارگیری می کند تا زمانی که هر بخشی از محتوای صفحه روی صفحه نمایش داده می شود. ( آزمایشگاه ، میدان )
بزرگترین رنگ محتوایی (LCP)
زمان از شروع بارگیری صفحه تا زمانی که بزرگترین بلوک متن یا عنصر تصویر روی صفحه نمایش داده می شود. ( آزمایشگاه ، میدان )
تعامل با رنگ بعدی (INP)
تأخیر هر ضربه، کلیک، یا تعامل صفحه کلید انجام شده با صفحه. بر اساس تعداد تعاملات، این معیار، بدترین (یا نزدیک به بدترین) تأخیر تعامل صفحه را به عنوان یک مقدار معرف برای توصیف پاسخگویی کلی صفحه انتخاب می‌کند. ( آزمایشگاه ، میدان )
زمان انسداد کل (TBT)
کل مدت زمان بین FCP و Time to Interactive (TTI) که در آن رشته اصلی به اندازه کافی برای جلوگیری از پاسخگویی ورودی مسدود شده است. ( آزمایشگاه )
تغییر چیدمان تجمعی (CLS)
امتیاز تجمعی همه طرح‌بندی‌های غیرمنتظره تغییر می‌کند که بین زمانی که صفحه شروع به بارگذاری می‌کند و زمانی که حالت چرخه عمر آن به حالت پنهان تغییر می‌کند، اتفاق می‌افتد. ( آزمایشگاه ، میدان )
زمان تا اولین بایت (TTFB)
مدت زمانی که طول می کشد تا شبکه به درخواست کاربر با اولین بایت یک منبع پاسخ دهد. ( آزمایشگاه ، میدان )

این فهرست شامل معیارهایی است که بسیاری از جنبه های مختلف عملکرد مربوط به کاربران را اندازه گیری می کند، اما همه چیز را شامل نمی شود. به عنوان مثال، پاسخگویی و روان بودن زمان اجرا پوشش داده نمی شود.

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

معیارهای سفارشی

معیارهای عملکرد لیست شده در اینجا برای درک کلی از ویژگی های عملکرد اکثر سایت های روی وب خوب است. آنها همچنین برای داشتن مجموعه ای از معیارهای مشترک برای سایت ها برای مقایسه عملکرد آنها با رقبای خود خوب هستند.

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

برای رسیدگی به چنین مواردی، گروه کاری Web Performance نیز APIهای سطح پایین‌تری را استاندارد کرده است که می‌توانند برای پیاده‌سازی معیارهای سفارشی شما مفید باشند:

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