حاشیه نویسی Core Web Vitals در Chrome با OffiDocs

شرح

این برنامه افزودنی حاشیه نویسی ها را بر روی وب سایت شما قرار می دهد تا ویژگی های صفحه را برجسته کند که بر معیارهای عملکرد Core Web Vitals، اولین تاخیر ورودی (FID)، بزرگترین رنگ محتوا (LCP) و تغییر چیدمان تجمعی (CLS) تأثیر داشته است.

همچنین معیارهای Core Web Vitals برای صفحه را با استفاده از آستانه های رنگی توصیه شده گوگل گزارش می کند.

دو نوع حاشیه نویسی بر روی عناصر یک صفحه وب قرار می گیرد: 1. عناصری که دارای تغییر طرح بودند و در امتیاز تغییر چیدمان تجمعی نقش داشتند.

بسته به شدت تغییر، حاشیه‌نویسی‌ها از کمترین تأثیر تا بالاترین کدگذاری رنگی خواهند شد - زرد -> نارنجی -> نارنجی تیره -> قرمز.

در گوشه سمت چپ بالای هر حاشیه نویسی، نمره شیفت را خواهید یافت.

2. عنصر دارای بزرگترین رنگ محتوایی با حاشیه نویسی بنفش چین برجسته خواهد شد.

این شامل زمان رنگ آمیزی در گوشه سمت چپ بالای حاشیه می شود.

پنجره بازشو باید یک شبکه با زمان بندی های متریک FID، LCP و CLS باز کند.

در پایین پنجره بازشو دکمه ای برای حذف حاشیه نویسی از وب سایت وجود دارد.

به‌جز بزرگ‌ترین رنگ محتوایی، معیارهای Core Web Vitals توسط کاربر شروع می‌شوند.

هنگام استفاده از افزونه و اشکال زدایی وب سایت خود، به موارد زیر توجه کنید: - اولین تاخیر ورودی پس از کلیک یا ضربه زدن کاربر روی کلیدی در صفحه وب، ثبت می شود.

اگر برنامه افزودنی را قبل از یکی از آن اقدامات باز کنید، متوجه خواهید شد که متریک در شبکه وجود ندارد.

برای دریافت اولین تاخیر ورودی، برنامه افزودنی را ببندید، یک اقدام کاربر در صفحه انجام دهید و سپس دوباره باز کنید.

- تغییر چیدمان تجمعی انباشته ای از تغییرات در صفحه است.

همانطور که در صفحه پیمایش می کنید، ممکن است تغییرات بیشتری ببینید و برنامه افزودنی حاشیه نویسی های جدیدی را به صورت پویا اضافه می کند.

شبکه بازشو که امتیاز کل را گزارش می‌کند نیز با افزایش جابجایی‌ها افزایش می‌یابد.

- حاشیه نویسی تغییر چیدمان تجمعی عنصری را که جابجا شده است برجسته می کند، **نه عنصری که باعث تغییر ** شده است.

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

عناصر زیر آگهی احتمالاً برجسته خواهند شد و احتمالاً آگهی.

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

در آن صورت، تنها یک امتیاز شیفت ثبت می‌شود، اما همه عناصر تحت تأثیر با یک حاشیه‌نویسی برجسته می‌شوند.

در این مورد، شما باید یک فلش (↳) را در کنار نمره تغییر مشروح مشاهده کنید که نشان دهنده گروه بندی عناصری است که با هم جابجا شده اند.

اطلاعات اضافی:

- ارائه شده توسط delambo
- میانگین امتیاز: 5 ستاره (آن را دوست داشتم)
- توسعه دهنده این آدرس ایمیل در مقابل هرزنامه ها محافظت می شود. دیدن شما نیاز به جاوا اسکریپت دارید

Core Web Vitals Annotations Web extension با OffiDocs یکپارچه شده است Chromium آنلاین