حیاتی بودن هسته وب چقدر حیاتی است؟

بیایید بررسی کنیم که چگونه می توانید از Lighthouse استفاده کنید تا دقیقاً مواردی را که با آنها روبرو هستید پیدا کنید.

نگاهی به Core Web Vital در فانوس دریایی

برای باز کردن Lighthouse ، در هر نقطه از صفحه وب کلیک راست کرده و انتخاب کنید بازرسی.

Nike.com

برو به فانوس دریایی گزارش و به دنبال فرصت ها لیست می کند. این موارد به شما می گویند که از کجا می توانید سرعت صفحه را از طریق توسعه بهینه کنید.

Core Web Vital چقدر حیاتی هستند؟

بازرسی LCP

به پایین بروید تا ببینید کجا می گوید مشاهده ردیابی اصلی. این شما را به جدول زمانی می رساند ، جایی که می توانید هنگام ورود Core Web Vital ها را پیدا کنید.

Core Web Vital چقدر حیاتی هستند؟

در تصویر زیر ، می توانید FP (اولین رنگ) ، FCP (اولین رنگ محتوایی) و LCP را در فهرست بندی ها مشاهده کنید.

Core Web Vital چقدر حیاتی هستند؟

پس از ورود به جدول زمانی ، می توانید برای دیدن تصویر صفحه بزرگنمایی کنید. این به شما کمک می کند تا بفهمید Lighthouse چه عنصری را به عنوان بزرگترین عنصر نشان می دهد.

در این حالت ، این یک مکان یاب برای یک تصویر بزرگ است. این متغیر نگهدارنده روش خوبی برای بهینه سازی LCP است.

در زیر یک نمونه دیگر از بررسی LCP آورده شده است. به فاصله مدت زمان بارگیری این تصویر توجه کنید – در نتیجه یک معیار ضعیف LCP وجود دارد.

Core Web Vital چقدر حیاتی هستند؟ Edition.cnn.com

باز هم ، Lighthouse فرصت های پیشنهادی و تشخیصی خود را در مورد عملکرد وب سایت نشان می دهد تا بتوانید راه هایی برای بهبود LCP پیدا کنید

مقاله پیشنهادی  مبانی تحلیل پروفایل پیوند

Core Web Vital چقدر حیاتی هستند؟

این مکان خوبی برای ذخیره عکس صفحه برای توسعه دهنده شما و به اشتراک گذاشتن توصیه ها است.

بینش عملکرد از Semrush

مکان دیگر برای ایده گرفتن از Semrush است.

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

برای هر شماره ، می توانید دقیقاً محل وقوع آن را ببینید و ایده هایی درباره چگونگی بهبود معیارهای LCP خود دریافت می کنید.

در اینجا شما می توانید گزارشی درباره هرگونه مسئله JavaScript ، سرعت پایین بارگذاری صفحه و HTML که می تواند بهینه شود را مشاهده کنید.

Core Web Vital چقدر حیاتی هستند؟

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

یک راه خوب برای این کار این است که تا آنجا که می توانید اطلاعات خاصی را جمع آوری کرده و در اختیار توسعه دهندگان خود قرار دهید تا بتوانند از نظر خود راه حلی ارائه دهند.

بازرسی FID / TBT

بعد ، وقت آن است که اولین تأخیر ورودی را بررسی کنیم – چه مدت طول می کشد تا کاربر با صفحه تعامل کند.

طبق مقاله web.dev گوگل ، “تأخیرهای ورودی طولانی مدت معمولاً بین اولین محتوای رنگ آمیزی (FCP) و زمان تا تعاملی (TTI) رخ می دهد.”

مقاله پیشنهادی  سئو محلی و بهینه سازی کسب و کار من در Google با آماندا جردن [Podcast]

برای اندازه گیری این روش از طریق شبیه سازی ، ابزاری مانند Semrush و Lighthouse از Total Blocking Time (TBT) استفاده می کنند ، معیاری که توسط Google به عنوان جایگزینی برای FID توصیه می شود.

TBT مقدار کل زمان بین اولین محتوای رنگ آمیزی (FCP) و زمان تا تعاملی (TTI) را اندازه گیری می کند و با FID ارتباط دارد ، موضوعاتی را که بر تعامل تأثیر می گذارد ضبط می کند و در شرایط آزمایشگاهی می توان بدست آورد.

برای بازرسی ، می توان نمونه ای از تصویر با بارگذاری آهسته را با استفاده از کارایی در کنسول Dev کلیک کنید. می توانید کلیک کنید مشاهده ردیابی اصلی در گزارش فانوس دریایی.

سپس ، تنظیمات Web Vital را روشن کنید تا ببینید چه زمانی کارهای طولانی بیش از 50 میلی ثانیه طول بکشد.

Core Web Vital چقدر حیاتی هستند؟

این مواردی است که می توان روی FID کار کرد.

برخی از توصیه های Lighthouse که می توانند به FID کمک کنند عبارتند از:

  • از انجام کارهای طولانی خودداری کنید.
  • کار موضوع اصلی را به حداقل برسانید.
  • تعداد درخواست ها را کم و اندازه ها را کوچک نگه دارید.

این می تواند به شما کمک کند که ببینید اسکریپت های JavaScript چه کارهایی طولانی برای صفحه شما ایجاد کرده اند.

بازرسی از CLS

Cumulative Layout Shift معیاری است که اساساً به شما می گوید در نتیجه مشکلات مربوط به تصاویر ، قلم ها و موارد پویا مانند پنجره های بازشو ، صفحه چه مقدار از صفحه می پرد و جابجا می شود.

مقاله پیشنهادی  هر چند وقت یکبار باید Crawl های وب سایت فنی را برای سئو انجام دهید؟

برای اینکه بدانید کدام قسمت از صفحه تغییر مکان داده است:

  • به زبانه عملکرد بروید (روی کلیک کلیک کنید) مشاهده ردیابی اصلی در گزارش فانوس دریایی).
  • دیدن کنید تجربه پیگیری برای پیدا کردن زمانی که شیفت اتفاق افتاده است.
  • بزرگنمایی کنید و جستجو کنید شیفت های چیدمان برای دیدن اینکه چه بخشی از صفحه هنگام بارگیری این تغییرات را انجام داده است.

Core Web Vital چقدر حیاتی هستند؟

برخی از توصیه های موجود در Lighthouse که می توانند در مقابله با شیفت های چیدمان کمک کنند عبارتند از:

نتیجه

گرچه هیچ کس نمی تواند بفهمد Core Web Vital چه تاثیری در رتبه بندی Google خواهد داشت ، اما همیشه بهتر است که آماده باشید و از جایی که می توان سریعتر صفحات وب خود را ایجاد کرد و تجربه بهتری داشت.

به همین دلیل است که ما توصیه می کنیم هم از سایت Semrush’s Audit Site و هم از Lighthouse برای به دست آوردن تمام اطلاعاتی که برای ارائه اطلاعات دقیق به تیم توسعه دهنده خود برای بهبود این حیوانات لازم دارید استفاده کنید.

فراموش نکنید که Google خودش تأکید کرده است که “محتوای عالی و مرتبط” باید همچنان اولویت اصلی شما باشد – علاوه بر این هدف اولیه ، تجربه صفحه به عنوان یک عامل اضافه شده است.