مرجع تخصصی بروزترین مقالات طراحی اپلیکیشن

اندازه استاندارد و شیوه اندازه گیری CLS
مقدار باصرفه ای برای CLS اورده شده میباشد که طبق استانداردهای گوگل معقول میگردد. هر کدام از طریق های اندازه گیری ترازو CLS یکی را به طور خروجی اعلام می نماید که در محدوده در میان 0 تا 1 میباشد. با به کارگیری از این عدد می قدرت حالت CLS وب سایت را شناسایی کرد. ولی برای نظارت واحد سنجش آن دو شیوه طراحی اپلیکیشن در مشهد وجود داراست

که گوگل آنها‌را in the lab و in the field اسم گذاری نموده است. در شیوه اولیه گوگل در یک فضای مشابه سازی گردیده و با ابزاری مثل Google chrome\'s Developer Tools تجارب کاربری را مشابه سازی و پژوهش می نماید. ولی در طرز دوم یا این که in the field بر پایه ی تعامل مخاطب واقعی با وبسایت میباشد که از ابزاری مثل Pagespeed Insights برای این خواسته استعمال می نماید. عدد پایانی اعلام گردیده بوسیله این ابزارها قادر است حالت CLS تارنما ما‌را به طور پایین معلوم نماید:

۰.۱ یا این که کمتر: با صرفه میباشد.
میان ۰.۱ تا ۰.۱۵ : حدودا باصرفه میباشد ولی به اصلاحات جزئی نیاز داراست
دربین ۰.۱۵ تا ۰.۲۵: تا حدودی از استاندارد بیرون گردیده‌است.
بیشتر از ۰.۲۵: از حد استاندارد به طور کامل بیرون میباشد.
دلایل ارتقاء CLS و طریق های نادر کردن آن
دلایل مختلفی برای چهره دادن CLS برای یک برگه از وبسایت وجود داراست که گوگل یکسری عامل اساسی برای اینگونه وضعیتی در حیث گرفته و معرفی نموده است. به طور طبیعی بیشتر آن‌ها به دست اندرکاران تصویری و بصری مربوط میباشد. دلایلی که شکل کلی به تصاویر، فونت ها، تبلیغات دفرم گردیده و دلایل دیگری اشاره داراست که زیر خیس به آنان پرداخته ایم. با ما همپا باشید تا دلایل ارتقاء CLS و شیوه های رئیس و نادر کردن آن را یاروهمدم هم نظارت کنیم.

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

فونت های اینترنت که سبب FOUT و FOIT میشوند.
دو شرایط مرسوم برای تهیه فونت متن‌ها صفحه های وبسایت وجود داراست. که برای باصرفه کردن ClS و اصلاح فونت صفحه های بایستی با آنها آشنا شویم:

(Flash of invisible text) FOIT

در‌این‌صورت‌ می بایست آغاز در مرورگر استفاده کننده فونت رقم خورده برای متن صفحه ها تارنما بار گذاری خواهد شد تا متن محتوای تارنما اکران داده گردد. تهیه فونت در‌این حالت می‌تواند CLS وبسایت را بهبود دهد، ولی به جهت ژرف اندیشی در لود فونت ورقه و انتظار برای بار گذاری وبسایت، تجربیات کاربری را به شدت کاهش میدهد.

FOUT (Flash of Unstyled text)

درین شرایط متن صفحه های تارنما آغاز با یک فونت پیش فرض و موقت به مخاطب نمایش داده میشود و هر فرصت که فونت رقم خورده برای وبسایت روی مرورگر مخاطب گشوده شد، فونت متن کاغذ تغییر تحول خواهد کرد. ولی این طرز قادر است سبب ساز جابه جایی ناگهانی و تغییر تحول اجزای کاغذ گردد و مسلما آن نرخ CLS وب سایت ارتقاء پیدا نماید. ولی می قدرت عبارت rel="preload" را به کدهای HTML فونت در head وبسایت اضافه کرد تا این گزینه برطرف خواهد شد.

اندازه استاندارد و شیوه اندازه گیری CLS
مقدار باصرفه ای برای CLS اورده شده میباشد که طبق استانداردهای گوگل معقول میگردد. هر کدام از طریق های اندازه گیری ترازو CLS یکی را به طور خروجی اعلام می نماید که در محدوده در میان 0 تا 1 میباشد. با به کارگیری از این عدد می قدرت حالت CLS وب سایت را شناسایی کرد. ولی برای نظارت واحد سنجش آن دو شیوه طراحی اپلیکیشن در مشهد وجود داراست

که گوگل آنها‌را in the lab و in the field اسم گذاری نموده است. در شیوه اولیه گوگل در یک فضای مشابه سازی گردیده و با ابزاری مثل Google chrome\'s Developer Tools تجارب کاربری را مشابه سازی و پژوهش می نماید. ولی در طرز دوم یا این که in the field بر پایه ی تعامل مخاطب واقعی با وبسایت میباشد که از ابزاری مثل Pagespeed Insights برای این خواسته استعمال می نماید. عدد پایانی اعلام گردیده بوسیله این ابزارها قادر است حالت CLS تارنما ما‌را به طور پایین معلوم نماید:

۰.۱ یا این که کمتر: با صرفه میباشد.
میان ۰.۱ تا ۰.۱۵ : حدودا باصرفه میباشد ولی به اصلاحات جزئی نیاز داراست
دربین ۰.۱۵ تا ۰.۲۵: تا حدودی از استاندارد بیرون گردیده‌است.
بیشتر از ۰.۲۵: از حد استاندارد به طور کامل بیرون میباشد.
دلایل ارتقاء CLS و طریق های نادر کردن آن
دلایل مختلفی برای چهره دادن CLS برای یک برگه از وبسایت وجود داراست که گوگل یکسری عامل اساسی برای اینگونه وضعیتی در حیث گرفته و معرفی نموده است. به طور طبیعی بیشتر آن‌ها به دست اندرکاران تصویری و بصری مربوط میباشد. دلایلی که شکل کلی به تصاویر، فونت ها، تبلیغات دفرم گردیده و دلایل دیگری اشاره داراست که زیر خیس به آنان پرداخته ایم. با ما همپا باشید تا دلایل ارتقاء CLS و شیوه های رئیس و نادر کردن آن را یاروهمدم هم نظارت کنیم.

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

فونت های اینترنت که سبب FOUT و FOIT میشوند.
دو شرایط مرسوم برای تهیه فونت متن‌ها صفحه های وبسایت وجود داراست. که برای باصرفه کردن ClS و اصلاح فونت صفحه های بایستی با آنها آشنا شویم:

(Flash of invisible text) FOIT

در‌این‌صورت‌ می بایست آغاز در مرورگر استفاده کننده فونت رقم خورده برای متن صفحه ها تارنما بار گذاری خواهد شد تا متن محتوای تارنما اکران داده گردد. تهیه فونت در‌این حالت می‌تواند CLS وبسایت را بهبود دهد، ولی به جهت ژرف اندیشی در لود فونت ورقه و انتظار برای بار گذاری وبسایت، تجربیات کاربری را به شدت کاهش میدهد.

FOUT (Flash of Unstyled text)

درین شرایط متن صفحه های تارنما آغاز با یک فونت پیش فرض و موقت به مخاطب نمایش داده میشود و هر فرصت که فونت رقم خورده برای وبسایت روی مرورگر مخاطب گشوده شد، فونت متن کاغذ تغییر تحول خواهد کرد. ولی این طرز قادر است سبب ساز جابه جایی ناگهانی و تغییر تحول اجزای کاغذ گردد و مسلما آن نرخ CLS وب سایت ارتقاء پیدا نماید. ولی می قدرت عبارت rel="preload" را به کدهای HTML فونت در head وبسایت اضافه کرد تا این گزینه برطرف خواهد شد.