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

[mir.seyyed 444]

باسلام،

 

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

 

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

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

 

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

[فرشاد گوهری 1681]

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

باسلام،

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

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

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

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

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

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

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

[mir.seyyed 444]

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

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

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

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

ممنون

 

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

 

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

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