رفتن به مطلب

رفع خطای ((اجتناب از شیفت بزرگ))


پست های پیشنهاد شده

باسلام،

 

هنگام آنالیز سایت با ابزار تست گوگل، همچین خطایی دریافت می کنم:

135.thumb.PNG.57ce2c226f189e7889a7e546b9e746d9.PNG

 

که به فارسی میشه:

((اجتناب از شیفت بزرگ))

 

منظور از شیفت بزرگ چیه؟ و چطور میشه این خطا رو رفع کرد؟

لینک به ارسال
در 7 ساعت قبل، mir.seyyed گفته است :

باسلام،

هنگام آنالیز سایت با ابزار تست گوگل، همچین خطایی دریافت می کنم:

که به فارسی میشه:

((اجتناب از شیفت بزرگ))

منظور از شیفت بزرگ چیه؟ و چطور میشه این خطا رو رفع کرد؟

ترجیحا این‌ها رو فارسی ترجمه نکنید :lol:

پارامتر CLS چیزیه که باهاش مشکل دارید، یکی از فاکتورهای تجربه‌ی کاربری محسوب میشه و داره میگه سایت موقع لود نباید تغییرات ظاهری زیادی داشته باشه، مثلا فرض کنید بالای سایت تصویر داشته باشید که در نگاه اول لود نشده باشه یا مثلا کدهایی CSS رو پایین صفحه گذاشته باشید و بعد از لود صفحه اعمال بشن، این کار باعث میشه که سایتتون در نگاه اول یک پرش داشته باشه که تاثیر بدی در تجربه‌ی کاربری داره و گوگل از همین ایراد می‌گیره، مقدار CLS هرچه کمتر باشه، بهتره؛ مقدارش رو باید زیر 0.1 نگه دارید.

راه حلش هم اینه که برای تصاویر بخش بالای صفحه از لیزی‌لود استفاده نکنید و استایل‌های مهم بالای صفحه رو به شکل مستقیم داخل هدر بذارید (به شکل فایل CSS اتچ نشه)

لینک به ارسال
در 2 ساعت قبل، فرشاد گوهری گفته است :

رجیحا این‌ها رو فارسی ترجمه نکنید :lol:

پارامتر CLS چیزیه که باهاش مشکل دارید، یکی از فاکتورهای تجربه‌ی کاربری محسوب میشه و داره میگه سایت موقع لود نباید تغییرات ظاهری زیادی داشته باشه، مثلا فرض کنید بالای سایت تصویر داشته باشید که در نگاه اول لود نشده باشه یا مثلا کدهایی CSS رو پایین صفحه گذاشته باشید و بعد از لود صفحه اعمال بشن، این کار باعث میشه که سایتتون در نگاه اول یک پرش داشته باشه که تاثیر بدی در تجربه‌ی کاربری داره و گوگل از همین ایراد می‌گیره، مقدار CLS هرچه کمتر باشه، بهتره؛ مقدارش رو باید زیر 0.1 نگه دارید.

راه حلش هم اینه که برای تصاویر بخش بالای صفحه از لیزی‌لود استفاده نکنید و استایل‌های مهم بالای صفحه رو به شکل مستقیم داخل هدر بذارید (به شکل فایل CSS اتچ نشه)

ممنون

 

من این موارد رو که فرمودید سعی کردیم رعایت کنم مثلا فوتر که باید عرضش 900 در 250 باشه، ویژگی width و height رو داخل همون html بهش دادم و بکگراند رو از فایل استایل بهش ویژگی دادم

 

پس در نتیجه این داره میگه:

h4 و h1.title ((یعنی فقط مواردی رو که مشخّص کرده)) این ممشکل رو دارن. درسته؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...