mobile : 09359556950 telegram : @karimeh_net whatsapp : 09359556950

حل مشکل Avoid large layout shifts

 

Avoid large layout shifts

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

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

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

راهنمای رفع حل مشکل Avoid large layout shifts
راهنمای رفع حل مشکل Avoid large layout shifts

 

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

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

 

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

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

محصولات مرتبط