حل مشکل Avoid large layout shifts

Avoid large layout shifts

Avoid large layout shifts

Avoid large layout shifts

شما می توانید با استفاده از روش های زیر ، از Large layout shifts جلوگیری کنید:

تعیین ابعاد تصویر

همیشه ، عرض و ارتفاع را برای عناصر تصویر و فیلم سایت خود مشخص کنید تا از فاصله ای مناسب برای تصاویر و فیلم ها استفاده شود. همچنین میتوانید این کار را با مشخص کردن نسبت ابعاد باکس ها در CSS انجام دهید.

Optimize Cumulative Layout Shift

Optimize Cumulative Layout Shift

کاهش layout shift ناشی از تبلیغات ، embed ها و iframe ها

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

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS)

جلوگیری از Flash of Invisible Text (FOIT)

مسئله Flash of Invisible Text (FOIT) می تواند CLS صفحه شما را تحت تأثیر قرار دهد. با preload کردن فونت ها و یا استفاده از ویژگی font-display، اطمینان حاصل کنید که متن شما هنگام بارگیری فونت وب نیز قابل مشاهده است.

  1. اولین نفری باشید که دیدگاه خود را ثبت می کند!
  1. No trackbacks yet.
« راهنمای تهیه پروپوزال شبکه های اجتماعی
نصب mpdf بدون کامپوزر »