LCP چیست؟ نحوه بهینه‌سازی آن

ما نمی‌توانیم درباره هسته حیاتی وب بدون عمیق شدن در یک عامل اصلی: LCP که به‌عنوان بزرگ‌ترین عنصر محتوای صفحه شناخته می‌شود صحبت کنیم.در این مقاله ما بررسی می‌کنیم که LCP چیست؟ چرا مهم است، فواید آن، و چه بهبودهایی می‌توانید ایجاد کنید تا وب‌سایتتان بهینه شود.

LCP چیست؟ بزرگ‌ترین عنصر محتوای صفحه

• Largest Contentful Paint چیست و چرا مهم است؟
• تعریف LCP خوب و ضعیف
• چه عواملی باعث ضعف LCP می‌شوند؟
• چگونه LCP ضعیف را درست کنیم؟
• کشف LCP شما
• Semrush برای کمک شما چه‌کار می‌تواند انجام دهد؟

Largest Contentful Paint چیست و چرا مهم است؟

LCP مخفف Largest Contentful Paint به معنای بزرگ‌ترین عنصر محتوای صفحه است. LCP یک معیار برای اندازه‌گیری سرعت صفحه است؛ این به شما می‌گوید که تا محتوای اصلی وب‌سایت لود شود چقدر وقت می‌برد (اساساً هنگامی‌که صفحه برای کاربر قابل خواندن گردد.)

LCP کاملاً بر اساس تجربه کاربری است. کاربران معمولاً نمی‌خواهند وقت را به بطالت بگذرانند و منتظر لود شدن سایت شوند وقتی‌که می‌توانند فوراً تجربه بهتری در هرکجای دیگر به دست اورند.

اگر  LCP شما ضعیف است، احتمالاً نرخ پرش (bounce rate) بیشتری را تجربه می‌کنید، و رتبه گرفتن کلی شما می‌تواند یک تصادف باشد. LCP بد حتی می‌تواند منجر به نرخ تبدیل کمتری گردد. – برای کسب‌وکارهای نوپا خوب نیست.

به لطف به‌روزرسانی هسته حیاتی وب گوگل، LCP یک عامل قابل‌توجه‌تر برای رتبه گرفتن در SERPs تبدیل شده است. برای گرفتن رتبه ارگانیک و حفظ بازدیدکنندگان، این بسیار مهم است که در بالاترین LCP خود قرار بگیرید.

LCP فقط به محتوای بالای fold اعمال می‌گردد. این شامل هر عکس، ویدئو یا بلوک متن است که بدون اسکرول کردن کاربر برای پیداکردن آن‌ها، نشان داده می‌شوند. این را به یاد داشته باشید.

تعریف LCP خوب یا ضعیف

طبق دستورالعمل‌های گوگل، برای دریافت یک LCP خوب محتوای اصلی وب‌سایت شما باید در اولین ۲٫۵ ثانیه‌ای که کاربران به سایتتان مراجعه می‌کند لود شود. نمودار زیر این را دقیق‌تر بررسی می‌کند:

اگر کاربران شما ۵ ثانیه یا بیشتر برای لود محتوای اصلی باید منتظر بمانند (یعنی اگر LCP شما ضعیف است و نیاز به بهبود دارد)، به‌احتمال زیاد آن‌ها پشیمان می‌گردند و سایت دیگری را باز می‌کنند.

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

ما در یک‌لحظه به LCP شما نگاه می‌کنیم. حالا، بیایید بر دلایل اصلی LCP ضعیف و نحوه برخورد با آن‌ها تمرکز کنیم.

دلایل LCP ضعیف

لیست از آنچه که می‌تواند باعث ضعف LCP گردد از نظر فنی بی‌پایان است.

این می‌تواند هر چیزی باشد که فضای زیادی اشغال می‌کند: پخش‌کننده‌های داخلی که می‌توانند صفحه را کند کنند، اسلایدهای تصاویر غیربهینه، دکمه‌های شبکه‌های اجتماعی یا حتی ویدجت ورود، فرم ثبت‌نام و موارد دیگر.

اما بیایید کمی دقیق‌تر شویم.

همان‌طور که در نمودار بالا نشان دادیم، عواملی که باعث ضعف بزرگ‌ترین عنصر محتوای صفحه می‌گردند معمولاً به چهار گروه اصلی تقسیم می‌گردند:

۱.زمان پاسخ سرور آهسته

داشتن زمان پاسخ سرور آهسته بر تمام معیارهای سرعت لود شما تأثیر منفی می‌گذارد؛ بنابراین، دلیل قطعی ضعف LCP است.

زمان پاسخ سرور آهسته معمولاً نتیجه مشکلات زیرساخت بک‌اند شما، دستورات غیربهینه دیتابیس یا پاسخ‌های API که زمان زیادی برای حل شدن نیاز دارند است.- تمام این‌ها در بک‌گراند سایت شما اتفاق می‌افتد.

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

۲.مسدودکردن JavaScript و CSS

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

گاهی اوقات ایده بهتری است که به سایت با طراحی سبک‌تر پایبند باشید و تعداد پلاگین‌هایی که دارید را کاهش دهید، به‌ویژه در بالای fold، برای LCP شما.

۳.رندرینگ (Rendering) سمت کاربر

رندرینگ سمت مشتری (یا رندرینگ صفحات وب به‌صورت مستقیم در مرورگر با JavaScript) یک متد توسعه وب زیبا است.

بااین‌حال، این باعث می‌گردد که مرورگر برای جمع آوری و لود جاوا اسکریپت برای رندرینگ محتوای اصلی بیشتر تلاش کند و وقت بیشتری از کاربر بگیرد.

اگر شما همچنان بر رندرینگ سمت کاربر متکی هستید، این ممکن است برخی چیزهایی باشد که بخواهید در هنگام کار با LCP به آن نگاهی بیندازید.

۴.زمان لود منابع آهسته

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

اگر تعداد زیادی عکس، گیف، جعبه‌های متنی در بالای fold با کیفیت بالا و غیربهینه دارید، پس بزرگ‌ترین عنصر محتوای صفحه شما تحت تأثیر آن‌ها قرار می‌گیرد.

برای اطلاعات بیشتر بهینه‌سازی این موارد برای بهبود LCP ادامه متن را بخوانید.

چگونه LCP ضعیف را درست کنیم

چند مورد برای درست‌کردن LCP ضعیف وجود دارد – برخی آسان‌تر هستند. ما قصد داریم برخی از نمونه‌های ساده‌تر را معرفی کنیم.

۱.CSS خود را بهینه کنید

فایل‌های CSS منابعی هستند که رندرینگ را مسدود می‌کنند. منابع باید قبل از اینکه سرور بتواند کل صفحه را رندر کند، لود و پردازش شوند.

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

به نظر مشکل می‌رسد، اما منابع و آموزش‌های زیادی درباره معیار سرعت کاربرمحور وجود دارد که می‌تواند به شما کمک کند.

۲. عکس‌هایتان را بهینه کنید

چند مرحله است که می‌توانید برای بهینه‌کردن عکس‌هایتان آن‌ها را انجام دهید. موارد اصلی را بیان کردیم:

• عکس‌هایتان را فشرده کنید
• در نظر داشته باشید که عکس‌هایتان در بهترین فرمت خود باشند
• از ویدئو به‌جای گیف استفاده کنید (این‌ها زمان کمتری می‌گیرند)

و همیشه خوب است که‌این‌طور فکر کنید: آیا من به این عکس نیاز دارم؟ آیا این چیزی به صفحه من اضافه می‌کند؟ اگرنه، شاید بهتر است از آن خلاص شوید. اگر می‌خواهید اطلاعات کامل‌تری درباره تصاویر به‌دست آورید مقاله چگونه عکس مناسب برای محتوا درست کنیم را بخوانید.

۳.فونت‌های وب خود را بهینه کنید

فونت‌ها معمولاً با فایل‌های بزرگ همراه هستند. در نتیجه، محتوای متنی با یک فونت غیرمرسوم قبل از اینکه فایل فونت آن لود شود، در صفحه وب نشان داده نمی‌شود.

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

برای جلوگیری از این، شما باید فونت‌های وب خود را بهینه کنید. با کم کردن اندازه فونت، بااستفاده از font-display، یا به‌روزرسانی صفحه‌تان برای استفاده از فونت دلخواه، سرعت لود صفحه سریع‌تر می‌شود.

۴.JavaScript خود را بهینه کنید

شما جاوا اسکریپت می‌نویسید، تمام اطلاعات موردنیازتان را از آن می‌گیرید، و بسیار خوب ادامه می‌دهید، درست است؟

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

کارهایی هست که می‌توانید برای بهبود جاوا اسکریپت انجام دهید (باتوجه‌به جدیدترین معیارهای LCP).

• کدهای بدون استفاده را حذف کنید
• بررسی کنید کدهایتان به‌روز باشند و با مرورگرهای جدید سازگار باشند
• جاوا اسکریپت جدید استفاده کنید و با تقسیم کد payload را کاهش دهید

اگر به دنبال روش‌های دیگری برای افزایش سرعت سایت خود هستید، پیشنهاد می‌کنم مقاله سرعت سایت تجارت الکترونیک را چگونه افزایش دهیم؟ را مطالعه کنید.

LCP خود را کشف کنید

بنابراین، چگونه می‌توانید متوجه شوید LCP شما چیست؟

یک جای خوب برای آغاز بررسی عملکرد بزرگ‌ترین عنصر محتوای صفحه شما استفاده از ابزارهایی است که گوگل فراهم کرده: Google Search Console، Google Page Insights و Google Lighthouse.

شما یک تب برای هسته حیاتی وب در سمت چپ نوار در گوگل سرچ کنسول می‌بینید. ورود به این برگه یک دید کلی از URL هایتان می‌دهد. از اینجا، بسیار آسان است تا ببینید هر مسئله‌ای کجاست و همچنین چه تنظیماتی برای حل آن می‌توانید درست کنید.

اگر برای سایت خود تنظیمات گوگل سرچ کنسول ندارید، نگران نباشد. می‌توانید با کمک Lighthouse و Google Page Insights به این اطلاعات دسترسی پیدا کنید.

اینجا یک دید کلی Page Insights برای سایت دسکتاپ آمازون آمده است. به ما با یک نگاه هسته حیاتی وب را نشان می‌دهد:

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

این یک ایده عالی است که با این توصیه‌ها در زمان به‌روزرسانی هسته حیاتی وب کار کنید. برای اطمینان از بهبود دائمی LCP و سایر معیارهای سایت و وضعیت سئو، مرتباً اعلام حضور کنید.

Semrush برای کمک چه می‌تواند انجام دهد

بنابراین، LCP خود را بررسی کرده و هر مشکلی را شناسایی کردید. حالا باید بر درست‌کردن آنها کار کنید و سپس در یک یا دوهفته تمام فرآیند را تکرار کنید.

نگهداری مداوم سئو برای حفظ LCP سایت می‌تواند به‌سرعت خسته‌کننده گردد. خبر خوب این است که ما دقیقاً می‌دانیم چگونه می‌توانید این فرایند را کارآمدتر کنید: ابزار حسابرسی سایت.

سرعت سایت خود را با این ابزار امتحان کنید، و یک لیست از بهبودهای ممکن و مشکلات درست کنید – دقیقاً مثل PageSpeed Insights اما کمی بهتر. ابزار حسابرسی سایت خطاهای تکنیکال سئو را اسکن می‌کند تا نمودارها و جدول‌هایی با خوانایی آسان در مورد تمام مشکلات و درست‌کردن آن‌ها به شما ارائه کند.

این ابزار می‌تواند به شما با ارزیابی URL و آنالیز محتوای شما در پرکردن هسته حیاتی وب کمک کند.

هنگامی‌که دارید حسابرسی سایت خود را تنظیم می‌کنید، تمام‌کاری که باید انجام دهید این است که روی ” View details” زیر ” Core Web Vitals” کلیک کنید.

شما می‌توانید نتایج LCP خود را در سمت چپ نمودار بیابید.

در این مقاله بررسی کردیم LCP چیست؟ و چرا برای رتبه گرفتن در SERPs مهم است. اکنون شما می‌دانید که چگونه عملکرد LCP خود را به‌روز نگه دارید و برای رسیدن به نقطه پیشرفت باید به کجا بروید. اگر با تمام توصیه‌ها در سایت حسابرسی کار می‌کنید، LCP و هسته حیاتی وب شما در مسیر بهبود است.از این داده‌ها برای پیگیری LCP خود در طول زمان استفاده کنید، و شما باید در کمترین زمان عملکرد سرعت سایت خود را افزایش دهید.

منبع:https://www.semrush.com/blog/lcp/