یکشنبه ۲۶ اسفند ۰۳ ۱۳:۲۰ ۱۷ بازديد
مداقه FID
FID معیاری میباشد که فقط بر روی تعاملاتی که پیوسته نیستند مثل کلیک کردن و … تمرکز دارااست و کارهایی مثل اسکرول کردن، غلو و … زیرا میتوانند بر روی یک حرفه دیگه اعمال شوند گزینه دقت این سئو در مشهد متریک نیستند.
seo FID
همانگونه که در اولِ این نوشتهعلمی بدین مورد اشاره شد. جاوااسکریپت یکیاز مهمترین دلایل بالا رفتن فرصت TBT و به صورت بدون واسطه افت FID تارنما شماست.
اصولا هنگام اجرای جاوااسکریپت، مرورگر کارکشته به جواب گویی به درخواست های مخاطب وجود ندارد یا این که به ذکر دیگر وقتی که تارنما درگیر به اجرای پوشه های JS میباشد نمی تواند به تعاملات مخاطب به نیکی جواب دهد و این قضیه با مکث هنگامی در اجرای درخواست نمود پیدا مینماید.
مثلا کارهایی که برای مرتفع ساختن این زمینه میتوانید اعمال دهید، میقدرت به مفاد ذیل اشاره نمود:
کوتاه کردن تسک های وقتگیر
سئو تارنما برای تعامل خوب
به کار گیری از web worker
کاهش فرصت اجرای جاوااسکریپت
کوتاه کردن تسک های زمانبر
درصورتی که می خواهید وسعت و ترازو جاوااسکریپت هایی که در بار گذاری یک ورقه گزینه استعمال قرار میگیرند را کاهش دهید، تجزیه تسک ها و کدهای وقت گیر به کدهای کوچکتر میتواند به صورت قابل توجهی بر فرصت TBT تاثیرگذار باشد.
تسک های وقت گیر به عبارتی جاوااسکریپت هایی میباشند که یوزرها هنگام درخواست از یک شیت با عدم بارگذاری سریع آنها مواجه میشوند و عملا با عدم حضور رابط کاربری صحیح، تجربیات کاربری قابل قبولی نیز بدست نخواهند آورد.
هر کدی که main thread را برای ۵۰ میلی ثانیه یا این که بیشتر مسدود نماید تحت عنوان یک long task شناخته گردیده و وبمستر یا این که دارای تخصص بهینه سازی بایستی برای کاهش تعقل در ورود استفاده کننده، آنانرا شناسایی و به تسک های کوچکتر تقسیم نماید. با اینکار FID شما به صورت قابل توجهی بهبود مییابد.
ترفند:
برای مشاهده تسک های وقت گیر (جاوااسکریپت های زمان بر) بر روی وبسایت خویش کافی میباشد با فشار دادن F12 وارد دور و بر DevTools گردیده و در قسمت performance مانند تصویر ذیل جاوا اسکریپت های وقت گیر را پیدا فرمایید.
وبسایت خویش را برای تعامل عالی باصرفه نمایید
دلایل زیادی موجب کاهش امتیاز FID و همینطور TBT در تارنما ما می گردد. ولی جنایتکار مهم کسی وجود ندارد جز جاوااسکریپت!
اجرای First party script
تکه کردن غلط کدها، اجرای هنگفت کدها و … قادر است به طور بی واسطه بر روی TBT، FID و TTI اثر بگذارد، بنابر این بارگزاری تدریجی کدها قادر است به بهبود تعاملات مخاطب با وبسایت یاری قابل توجهی نماید. ممکن میباشد اینطور به حیث رسد کهاین سرورها میباشند که در حالا نقاشی کردن پیکسل های ورقه برای مخاطب میباشند ولی شما می بایست مدام مراقب باشید که تعاملات استفاده کننده بوسیله اسکریپت های گران قدر مسدود نشود.
درصورتیکه که شما کدهای تعالی را بر پایه ی مسیر تقسیم بندی نمایید. این فعالیت در یک سری میلی ثانیه و در بعضا مفاد درحد یک ثانیه سرعت وبسایت شمارا ارتقا میدهد.
تحقیق نوشتهی علمی «سئو LCP برای seo (راهنمای کاربردی)» به شما سفارش میگردد
استعمال از Web worker
بسته شدن thread از دست اندرکاران مهم تاخیردر تعاملات وب سایت با استفاده کننده میباشد. Web worker ها می توانند با اجرای جاوااسکریپت ها در بگراند این زمینه را مرتفع نمایند. با جابجایی عملیات های جداگانه از رابط کاربری به یک web worker مستقل میقدرت مجال بسته شدن main thread را کاهش و FID را به صورت قابل توجهی بهبود اعطا کرد.
به کار گیری از کتابخانه های پایین را برای سهولت در به کار گیری از Webworkerها در لحاظ داشته باشید:
Comlink
Workway
Workerize
کاهش فرصت اجرای کدهای جاوااسکریپت
کاهش دادن کدهای جاوااسکریپت و همینطور seo کدها در یک برگه منطقا سرعت اجرای کدها را بالابرده و به بهبود تجارب کاربری شما امداد میکند.
برای کاهش و سئو کدهای JS دو خط مش اصلی در پیش دارید:
Deferکردن کدهای غیرضروری
کل کدهای جاوااسکریپت به طور پیشفرض render blocking می باشند. هنگامی که مرورگر با یک تگ جاوااسکریپت روبرو گردد، متوقف گردیده، پوشه را بارگیری کرده و بعداز تجزیه آن را اعمال مینماید. برای اینکه ایم مراحل در معدود ترین مجال ممکن صورت پذیرد موردنیاز میباشد که از قراردادن کدهای غیرضروری اجتناب نمایید.
ترفند:
برای پیداکردن کدهای غیرضروری کافی میباشد وارد دور و بر devtools گردید و در نصیب coverage کدهای غیرضروری را که با رنگ قرمزرنگ معین گردیده اند را پیدا نمائید.
برای کوتاه کردن و یا این که غیرفعال کردن کدها جاوااسکریپت غیرضروری دو رویکرد پیش روی خویش دارید:
Code-splitting که معمولا تحت عنوان lazy-loading از آن خاطر میگردد.
Defer یا این که async کردن اسکریپت های غیرضروری
(قابل ذکر میباشد که همه third party scriptها بایستی با به طور پیشفرض با defer و async بارگزاری شوند.)
- ۰ ۰
- ۰ نظر