به عنوان یک صاحب سایت ، به ویژه برای وب سایت های موجود در مصرف کننده ، بسیار مهم است که عملکرد وب سایت خود را رصد کنید و اطمینان حاصل کنید که تمام کد و دارایی های شما بهینه شده اند تا بهترین تجربه کاربر ممکن را برای کاربران خود ایجاد کنند. اگر کاربران احساس کنند وب سایت شما حشره دار یا کند است ، به سرعت به گزینه بعدی گزاف گویی می کنند. یک وب سایت بهینه شده ضعیف همچنین برای جذب ترافیک طبیعی از Google و سایر سیستم عامل هایی که برای آزمایش وب سایت شما در معیارهای خاص طراحی شده اند ، تلاش خواهد کرد.
در این پست ، ما در مورد 3 مورد از معیارهایی که می توانید برای اندازه گیری عملکرد وب سایت خود استفاده کنید ، بحث خواهیم کرد.
1. بزرگترین رنگ محتوا (LCP)
LCP وب سایت شما زمانی است که مرورگر را برای بارگیری بزرگترین عنصر در صفحه وب خود می گیرد. حتی اگر بزرگترین عنصر می تواند هر ویدیو ، تصویر ، متن و غیره در صفحه بارگیری شده باشد ، معمولاً اولین تصویر یا فیلم در نمای وب سایت شما پس از بارگیری صفحه شما است. این متریک بسیار مهم است زیرا اولین برداشت کاربر از وب سایت شما را ایجاد می کند. ابزارهایی مانند Pagespeed Insights می توانند LCP (در میلی ثانیه) و بزرگترین عنصر صفحه وب شما را نشان دهند. با استفاده از تکنیک های ساده مانند فشرده سازی ، قالب بندی تصویر مناسب ، رسانه های پاسخگو و غیره. می توانید LCP سایت خود را به سرعت بهبود بخشید و سرعت کلی سایت خود را بهبود بخشید.
2. تعامل با رنگ بعدی (INP)
به معنای ساده ، این بدان معنی است که وب سایت شما تا چه مدت طول می کشد تا به تعامل کاربر پاسخ دهد (به عنوان مثال با کلیک بر روی یک دکمه ، کلیک روی پیوند ، تایپ کردن در فرم و غیره). این با در نظر گرفتن کلیه تعامل های کاربر در هنگام بازدید از صفحه و انتخاب طولانی ترین بازپرداخت زمان به چهره پس از تعامل ، اندازه گیری می شود. می توانید معیارهای Inp سایت های خود را در برگه عملکرد Devtools Chrome خود مشاهده کنید. برخی از تکنیک ها برای بهبود INP شما عبارتند از:
- از انجام کارهای طولانی مدت مسدود کردن موضوع خودداری کنید (به جای آن از کد ناهمزمان استفاده کنید)
- درخواست شخص ثالث را ناهمزمان کنید ، استفاده کنید
setTimeout، یا فقط اگر عملکرد قابل توجهی کاهش دهند ، وابستگی های شخص ثالث را حذف کنید - از محاسبات غیر ضروری در داخل دستگیرندگان رویداد خودداری کنید
- بازخورد بصری فوری پس از تعامل ، حتی اگر تعامل زمان لازم برای پردازش را داشته باشد (به عنوان مثال اسپینرها ، انیمیشن ها)
3. تغییر چیدمان تجمعی (CLS)
این اساساً مشخص می کند که وب سایت شما چقدر تغییر می کند. اگر از هر وب سایت بازدید کرده اید که متن و محتوا فقط به طور تصادفی به عنوان تصاویر و سایر مطالب قابل مشاهده هستند ، می دانید که چقدر می تواند مختل کننده و ناامید کننده باشد. CLS قصد دارد اندازه گیری کند که چند بار و چقدر این تغییر اتفاق می افتد. CLS بیشتر روی شیفت هایی که بدون ورودی کاربر اتفاق می افتد تمرکز می کند (شیفت ها پس از تعامل مانند کلیک روی یک دکمه در نظر گرفته نمی شوند). CLS برای وب سایت شما را می توان در عملکرد Rab of Chrome Devtools شما مشاهده کرد. از ابزارهای دیگری مانند Google Pagespeed Insight و GTMetrics نیز می توان برای اندازه گیری CLS سایت شما استفاده کرد. CLS 0.1 یا کمتر برای یک تجربه خوب کاربر بهترین است. در اینجا چند نکته برای کمرنگ تر کردن وب سایت شما وجود دارد:
-
همیشه مشخص کنید
widthوتheightویژگی های شماimgوتvideoبرچسب ها این به مرورگر شما اجازه می دهد تا هنگام بارگذاری ، فضا را برای این عناصر به درستی روی صفحه نمایش اختصاص دهد. همچنین فضاها را برای تبلیغات ، جاسازی ها و Iframes اختصاص دهید. اگر در مورد ابعاد دقیق مطمئن نیستید ، اندازه کافی را که عنصر ممکن است اشغال کند ، رزرو کنید. -
از تزریق پویا از محتوای بالاتر از محتوای موجود خودداری کنید. مگر در مواردی که محتوا به دلیل تعامل کاربر تزریق نشود ، فضای لازم را برای محتوای تزریق پویا از قبل اختصاص دهید.
-
هنگام استفاده از فونت های سفارشی ، از آن استفاده کنید
font-display: swap;برای اینکه مرورگر شما در ابتدا یک قلم برگشتی را به نمایش بگذارد و پس از بارگیری ، به قلم سفارشی خود مبادله کند. این می تواند تأثیر تغییر در طرح سایت شما را کاهش دهد
داشتن یک وب سایت بهینه سازی شده می تواند تأثیر امضا کننده ای در تبدیل سرب و حفظ کاربر داشته باشد. استفاده از تکنیک ها و نظارت بر معیارهای ذکر شده در این مقاله می تواند به سرعت تجربه کاربر شما را بهبود بخشد.
کدام معیارهای حیاتی دیگر را می شناسید؟
