في عام 2020، قدمت جوجل عناصر الويب الأساسيةمجموعة من ثلاثة مقاييس رئيسية تقيس تجربة مستخدم الموقع الإلكتروني. الهدف هو ضمان سرعة المواقع الإلكترونية واستقرارها وتجاوبها. هذه المقاييس الثلاثة هي:
- أكبر طلاء محتوى (LCP): مدى سرعة تحميل المحتوى الرئيسي للصفحة.
- أول تأخير في الإدخال (FID): كم من الوقت يستغرق الأمر حتى تصبح الصفحة تفاعلية.
- التحول في التخطيط التراكمي (CLS): مدى استقرار الصفحة أثناء تحميلها.
يُعدّ تحسين هذه المقاييس أمرًا بالغ الأهمية لتحسين محركات البحث ورضا المستخدمين. فالموقع الإلكتروني السريع والمستقر لا يُحسّن ترتيبه فحسب، بل يُسعد الزوار أيضًا، ويشجعهم على البقاء لفترة أطول.
ما هو أكبر محتوى الطلاء؟
أكبر طلاء محتوى (LCP) هو المقياس الذي يقيس أداء التحميل. ببساطة، LCP هو الوقت الذي يستغرقه أكبر وأهم عنصر في صفحتك ليظهر. قد يكون هذا العنصر صورة كبيرة، أو فيديو، أو نصًا كبيرًا. يقيس LCP فقط ما يظهر في نافذة العرض، وهي الجزء من صفحة الويب الذي يمكن للمستخدم رؤيته دون الحاجة للتمرير. كلما ظهر هذا المحتوى الرئيسي أسرع، كان انطباع المستخدم أفضل عن سرعة صفحتك.
كيف يتم حساب LCP؟
توصية Google هي أن LCP الخاص بك لا ينبغي أن يكون أكثر من 2.5 ثانيةأي وقت يتراوح بين ٢.٥ و٤ ثوانٍ يحتاج إلى تحسين، وأي وقت يزيد عن ٤ ثوانٍ يُعتبر ضعيفًا. يختلف مؤشر LCP بين الأجهزة المحمولة وأجهزة الكمبيوتر المكتبية، لذا من المهم التحقق من كلا النتيجتين.
كيف يمكنني العثور على LCP الخاص بي؟
قبل أن تتمكن من إصلاح LCP، عليك معرفة نتيجتك. هناك عدة طرق مختلفة للقيام بذلك:
- إحصاءات سرعة الصفحات في Google: توفر لك هذه الأداة المجانية من Google تقريرًا مفصلاً يتضمن درجة LCP الخاصة بك في بيانات المختبر القسم. سيخبرك أيضًا بالعنصر الموجود في صفحتك والذي يتسبب في حدوث LCP.
- جوجل Search Console: في خانة رمز الخصم، أدخل TABBYDAY. عناصر الويب الأساسية من خلال التقرير الموجود في وحدة تحكم البحث لديك، ستشاهد الصفحات الموجودة على موقعك والتي حصلت على درجة LCP جيدة أو سيئة.
- منارة جوجل: هذه الأداة مُدمجة في أدوات المطورين بمتصفحك. يمكنك تشغيل تقرير أداء كامل، بما في ذلك درجة LCP، على أي صفحة، حتى لو لم تكن متاحة للعامة بعد.
كيف يمكنك تحسين درجة LCP الخاصة بك؟
قد يكون سبب بطء نتيجة LCP عدة مشاكل. إليك بعض الأسباب الأكثر شيوعًا وكيفية إصلاحها.
تسريع استجابات الخادم
إذا كان خادمك بطيئًا، فسيستغرق المستخدم وقتًا طويلاً لرؤية أي شيء على شاشته. يُسمى الوقت الذي يستغرقه الخادم لإرسال أول بايت من البيانات الوقت حتى البايت الأول (TTFB)لتحسين ذلك، يمكنك:
- ترقية الاستضافة الخاصة بك: ستؤدي منصة الاستضافة الأسرع إلى أوقات استجابة أسرع للخادم.
- استخدم CDN: تضع شبكة توصيل المحتوى محتوى موقع الويب الخاص بك على خوادم أقرب فعليًا إلى زوارك، مما يقلل الوقت الذي يستغرقه تحميل الصفحة.
- تحسين التخزين المؤقت: يخزن التخزين المؤقت نسخة من صفحتك، لذلك لا يتعين إعادة إنشائها من الصفر في كل مرة يطلبها الزائر.
إزالة موارد CSS وjavascript التي تمنع العرض
الموارد التي تمنع العرض هي ملفات تمنع عرض الصفحة حتى اكتمال تحميلها. عادةً ما تكون ملفات CSS وJavaScript. لإصلاح ذلك، يمكنك:
- تصغير الكود الخاص بك: يؤدي هذا إلى جعل ملفات CSS وJavaScript الخاصة بك أصغر حجمًا، وبالتالي يتم تحميلها بشكل أسرع.
- وضع CSS الحرجة في السطر: بإمكانك وضع كود CSS الأساسي المطلوب لعرض الجزء العلوي من صفحتك مباشرة في HTML.
تحسين الصور
غالبًا ما يكون للصور تأثير كبير على LCP، خاصةً إذا كان العنصر الأكبر في صفحتك صورة. إليك بعض الطرق لتحسين أداء الصور:
- استخدم التنسيقات الحديثة: استخدم تنسيقات الصور الحديثة مثل WebP أو AVIF لتحسين الضغط والجودة.
- استخدم الحجم المناسب: لا تُحمّل صورةً ضخمةً على جهازك المحمول. استخدم صورًا سريعة الاستجابة لتناسب الحجم المناسب لكل شاشة.
- ضغط الصور: بإمكانك استخدام أداة لضغط صورك، مما يؤدي إلى تقليل حجم ملفاتها دون التضحية بالجودة.
يمكن لمنصة تحسين محركات البحث الآلية مثل Clickrank.ai مساعدتك في هذه المهام. مولد نص بديل للصور بالذكاء الاصطناعي يمكن أن يساعدك في إنشاء أوصاف جيدة لصورك، كما يمكن أن تساعدك ميزاته التلقائية في تحسين صورك والأصول الأخرى من أجل السرعة.
تمكين ضغط
تفعيل الضغط على خادمك يُشبه ضغط ملف قبل إرساله. فهو يُقلل حجم ملفات HTML وCSS وJavaScript بنسبة تصل إلى 80%، مما يُؤثر بشكل كبير على سرعة صفحاتك.
الاستفادة من العرض من جانب الخادم
غالبًا ما تعتمد أطر عمل الويب الحديثة على العرض من جانب العميل، حيث يقوم المتصفح بمعظم العمل لعرض الصفحة. قد يكون هذا ضارًا بـ LCP، لأن الصفحة لن تكون مرئية إلا بعد اكتمال التنفيذ من جانب العميل. لحسن الحظ، تدعم معظم هذه الأطر الآن عرض من جانب الخادم، مما يقلل من كمية العمل التي يتعين على المتصفح القيام بها.
خاتمة
يُعدّ الموقع الإلكتروني البطيء تجربةً مُحبطةً للزوار وقد يؤثر سلبًا على ترتيبك. بالتركيز على أكبر طلاء مثير للجدل من خلال التقييم وإجراء التحسينات اللازمة، يمكنك توفير صفحة سريعة التحميل تحافظ على سعادة زوارك وتحسن محرك البحث الخاص بك.
ما هو أكبر محتوى الطلاء (LCP)؟
أكبر رسم للمحتوى (LCP) هو مؤشر أساسي للويب يقيس المدة التي يستغرقها أكبر جزء من المحتوى على الصفحة حتى يصبح مرئيًا للمستخدم.
ما هي درجة LCP الجيدة؟
النتيجة الجيدة في LCP هي ٢.٥ ثانية أو أقل. النتيجة التي تتراوح بين ٢.٥ و٤ ثوانٍ تحتاج إلى تحسين، وأي نتيجة تزيد عن ٤ ثوانٍ تُعتبر ضعيفة.
ما الذي يسبب درجة LCP الضعيفة؟
عادةً ما يكون سبب ضعف درجة LCP هو الخادم البطيء، أو الموارد التي تمنع العرض، أو الصور غير المحسنة.
ما هي موارد حظر العرض؟
الموارد التي تمنع العرض هي ملفات مثل JavaScript وCSS التي يجب تحميلها قبل عرض الصفحة بشكل صحيح.