LCP چیست؟

سنجیدن سرعت لود محتوا و به اکران درآمدن آن برای گسترش‌دهندگان مدام یک معضل بوده میباشد. معیارهای مانند «Load» یا این که «DOMContentLoaded » در پیشین مطرح گردیده‌اند که هم‌اینک دیگر کاربرد ندارد، چون کاری که آن‌ها می‌نمایند با محتوای که مخاطب بر روی برگه اکران خویش مشاهد می‌نماید، همخوانی ندارد و معیارهای عملکردی مخاطب شالوده جدیدتری مانند: « First Contentful Paint (FCP) » یا این که اولی رسم محتوایی کاغذ که نقطه آغاز آموزش سئو مشهد  تجارب بارگیری پا به میدان نهاده میباشد.

در پیشین معیارهای عملکردی مانند: « First Meaningful Paint (FMP) » و «Speed ​​Index (SI)» را برای یاری به تصویب بیشتر تجارب بارگیری بعداز رنگ نخستین سفارش می‌کردیم، ولی این معیارها بغرنج می‌باشند و توضیح آنان غالباً دشوار و نادرست میباشد. به آن معنی که آن ها هنوز نمی‌توانند تشخیص دهند محتوای اساسی برگه چه هنگامی لود آموزش سئو در مشهد  گردیده‌است.

مطابق مباحثی که در دسته کاری « W3C Web» و پژوهش ها انجام یافته در گوگل دریافتیم که یک طرز ظریف‌خیس برای انداره‌گیری مجال بار گذاری محتوای مهم یک برگه، پژوهش تعالی‌ترین رسم محتوایی شیت یا این که «LCP» میباشد.

LCP چیست؟

متریک «Largest Contentful Paint (LCP)» یا این که والا‌ترین رسم محتوایی، این واحد سنجش معین کننده نقطه آغاز استارت بار گذاری یک شیت از هنگامی میباشد که او‌لین عنصر در یک برگه اینترنت نمایان میشود و تاهنگامیکه نصیب اعظم کاغذ بار گذاری گردد ادامه خواهد داشت.

امتیاز مطلوب برای LCP چقدر میباشد؟

«LCP» به مراد رابطه عالی مجرب کاربری پیاده سازی گردیده‌است. برای ارائه آن وب سایت‌ها بایستی کوشش کنند تا تبارک‌ترین رنگ محتوای 2.5 ثانیه یا این که کمتر را به‌دست بیاورند. برای یقین از وصال به‌این مقصود، امتیاز ۷۵‌درصدی برای لود برگه در دستگاه‌های دسکتاپ و تلفن‌های یار به دست آورند.

موادتشکیل دهنده اساسی در احتساب LCP چیست؟

به عبارتی‌طور که اشاره کردیم، محتواهای یک برگه به‌تیتر بلندمرتبه‌ترین عنصرها، معرف این واحد سنجش میباشند. بدین ترتیب باتوجه « API » اکنون حاضر در «Largest Contentful Paint »، اشکال عنصرها در حیث گرفته گردیده برای آن عبارتند از:

تصاویر 

تگ‌های مرتبط با تصاویر  ، 

تصاویر شاخص کلیپ

تصاویر بگراند‌ی که با « CSS » ساخته شده است.

موادتشکیل دهنده محتوای متنی داخل صفحه ها یا این که متن‌های باطن خطی در سطح دوم

به‌خیال داشته باشید که محصور کردن ارکان به این موسسه به مراد معمولی نگه داشتن موردها در اولِ شغل میباشد. با جاری ساختن پژوهش ها بیشتر ممکن میباشد در بعدی عناصری اضافه خواهد شد.

طرز‌های با صرفه‌سازی LCP

اصل اصلی کاهش « LCP » در تک تک تکنیک‌های نام برده تحت، کاهش داده‌های دانلود گردیده در دستگاه مخاطب و کاهش مجال ارسال و اجرای آن محتوا میباشد.

تصاویر خویش را باصرفه نمائید

یکی‌از مهم ترین مسایلی که در سرعت لود وب سایت اثر می گذارد، وسعت و اندازه تصاویر میباشد. هاست‌ها معمولاً بعدها مشخصی را برای ورژن دسکتاپ یا این که تلفن همراه توصیه میدهند. استعمال از آن از لود بیشتراز حد خودداری می‌نماید و قادر است « LCP » بالایی را ساخت و ساز نماید.

برای باصرفه‌سازی تصاویر این نکات را در حیث بگیرید:

در حالتی‌که تصویر شما با محتوا رابطه ندارد، آن را حذف فرمایید.

تصاویر را فشرده فرمایید.

تصاویر را به فرمت‌های جدیدتر مانند: « Webp،JPEG2000 » یا این که « JPEG XR » تبدیل نمایید.

از تصاویر ریسپانسیو به کارگیری نمائید.

از یک «image CDN» به کارگیری نمایید.

منابع اساسی و ضروری و اساسی را « Pre-load » کنیم.

بخش اعظمی از موردها اساسی وب سایت را خواهیم توانست « Pre-load » کنیم؛ منابعی مانند فونت‌ها، تصاویر، ویدیوها یا این که پچ‌های ضروری «CSS» یا این که جاوا اسکریپت. با استعمال از کد « link rel=”preload » قادر خواهیم بود به فچ شدن سریع این منابع یاری کنیم.

فرصت پاسخگویی سرور را کاهش دهید

در شرایطی که سرور شما برای جواب به یک درخواست مجال متعددی ارتفاع می کشد، پس مجال رندر شیت روی ورقه نیز ارتقا می یابد. بدین ترتیب، روی هر واحد سنجش سرعت برگه، برای مثال « LCP » اثر منفی میگذارد. می توانید از « Time To First Byte (TTFB) » برای اندازه‌گیری جواب سرور استعمال فرمائید. برای بهبود «TTFB» نحوه‌های مختلفی وجود دارااست:

سرور خویش را باصرفه‌سازی نمائید.

یوزرها را به یک «CDN » مجاورت‌خیس هدایت نمایید.

از «Cache Assets » یاری بگیرید.

یک رابطه «Third-Party »‌ تولید نمایید.

از «signed exchanges » به کار گیری فرمائید.

منابع مسدودکننده رندر را حذف نمایید.

زمانی که مرورگر شیت «HTML» را از سرور شما اخذ می‌نماید، درخت «DOM» را تجزیه‌وتحلیل می‌نماید. چنانچه هر استایل‌ورقه یا این که فولدر « JS » در«DOM» وجود داشته باشد، مرورگر بایستی پیش از تجزیه درخت «DOM» ما‌نده را متوقف نماید.