الدليل الشامل: كيفية تحسين سرعة و أداء موقع الويب وحل مشاكل (LCP، CLS، FID) Core Web Vitals

هل أنت قلق بشأن سرعة موقعك على الويب وأدائه؟ هل تبحث عن طرق لتحسين "أساسيات الويب الأساسية" لموقعك على الويب؟ إذا أجبت بنعم على أي من هذه الأسئلة، فإن منشور المدونة هذا يناسبك!

أثار التحديث الجديد لجوجل الكثير من الجدل حول كيفية تصنيف مواقع الويب. لقد مر الآن ما يزيد على سنة منذ طرحه، في مقالنا هذا سوف نقوم بشرح وتقديم معلومات كافية لتحسين سرعة وأداء موقع الويب الخاص بك وحل مشاكل (CWV).

أهم 3 مقاييس Core Web Vitals لزيادة سرعة موقعك وأفضل الأدوات لقياسها

(LCP، CLS، FID)، وماذا تفعل إذا كان موقعك ما يزال لم يجتاز Core Web Vitals.

دعنا نتعمق أكثر في الموضوع!

ما هي أساسيات الويب الحيوية (CWV) من Google؟

تعد سرعة الموقع "أساسيات الويب الحيوية" إشارات لتجربة الصفحة تقيس مدى جودة تجربة المستخدمين على موقعك وما إذا كانت تحقق أفضل النتائج عندما يتفاعل المستخدمون معها.

الهدف الرئيسي من هذه الإشارات هو توفير أفضل تجربة للمستخدمين عندما يكونون على الويب.

تعد سرعة الموقع "أساسيات الويب الحيوية" جزءًا من "تحديث تجربة الصفحة"، وهو مزيج من إشارات البحث الحالية من Google مثل التوافق مع الأجهزة المحمولة، والتصفح الآمن، وHTTPS، وسرعة تحميل الصفحة، وما الى ذلك.

المقاييس 3 لزيادة سرعة موقع الويب الخاص بك

لنستعرض 3 مقاييس أساسية لأهمية الويب وما تعنيه.

ما هو LCP؟

LCP تعني أكبر رسم محتوى. يقيس هذا المقياس سرعة صفحتك من حيث أكبر عنصر يظهر على الموقع - الصورة أو الفيديو أو الصور المتحركة أو النص.

ستكون نتيجة LCP الجيدة أقل من 2.5 ثانية من وقت بدء تحميل الصفحة.

ما الذي يسبب تباطئ LCP؟

عادة، يتأثر LCP الضعيف بوقت استجابة الخادم الخاص بك (الخادم موجود فعليًا ولكن بعيدًا جدًا أو يحدث عدد كبير من عمليات إعادة التوجيه)، وأوقات تحميل الموارد البطيئة، والعرض من جانب العميل، وحظر عرض JavaScript (JS) وCSS.

يساعد LCP في التحقق من سرعة انتهاء أكبر عنصر من العرض على شاشة المستخدم. عادة، يتأثر LCP الضعيف بوقت استجابة الخادم الخاص بك.

ما هو CLS؟

يقيس CLS أو Cumulative Layout Shift الاستقرار المرئي لموقع الويب. يتحقق مما إذا كانت هناك أي صور غير محددة وصور متحركة وإعلانات بدون أبعاد. يقيس CLS أيضًا سرعة تحميل خطوط الويب المخصصة ويتحقق من مقدار التحولات في تخطيط صفحة الويب في المنطقة المرئية.

يساعد هذا المقياس على ضمان عدم وجود حركات غير متوقعة تمنع المستخدمين من التفاعل مع صفحة الويب الخاصة بك كما ينبغي.

يجب أن تكون درجة تغيير التنسيق التراكمي أقل من 0.1.

ما الذي يسبب ضعف CLS؟

الصور، والإعلانات، والتضمينات، وإطارات iFrames بدون أبعاد، بالإضافة إلى الخطوط المخصصة التي قد تعطل واجهة المستخدم تؤدي في النهاية إلى نتيجة CLS ضعيفة.

ما هو FID؟

يقيس FID أو تأخير الإدخال الأول مدى سرعة تفاعل صفحتك مع المستخدمين عند انطباعهم الأول أو عند زيارتهم لموقعك لأول مرة.

بمعنى آخر، يوضح هذا المقياس مدى السرعة التي يمكن للمتصفح الخاص بك معالجتها وتوفير النتيجة للمستخدمين. يجيب FID على السؤال: "هل صفحتك مستجيبة بدرجة كافية؟"

يجب ألا يتجاوز تأخير الإدخال الأول 100 مللي ثانية.

ما الذي يسبب ضعف FID؟

السبب الرئيسي لضعف FID هو تنفيذ جافا سكريبت (JS) الثقيل (أوقات العمل الطويلة بسبب الوظائف الكبيرة).

تشمل الأسباب الأخرى موارد CSS وHTML مع العديد من الأنماط المتكررة وJS لحظر العرض الذي يحظر الخيط الرئيسي، مما يتسبب في أن يجلس المستخدم أمام شاشة غير مستجيبة.

لماذا تعتبر سرعة الوقع "حيوية الويب الأساسية" مهمة؟

هناك ثلاثة أسباب رئيسية وراء أهمية Core Web Vitals للناشرين ومالكي مواقع الويب:

1. يساعد الناشرين على تقييم أداء الموقع
2. تقديم تفاعل أفضل للمستخدم يقدِّم تفاعلاً وتجربة
3. تحدد (مع عوامل أخرى) مدى جودة ترتيب صفحة الويب في البحث

كيف تقيس سرعة موقع الويب؟

هناك العديد من الأدوات لفحص ومراجعة سرعة "أساسيات الويب الأساسية" موقع الويب الخاص بك. ومع ذلك، تختار العديد من مواقع الويب أدوات RUM (المراقبة الحقيقية للمستخدم) من جهات خارجية مثل Cloudflare التي تقيس بيانات الحقول الخاصة بها والتي تكون أكثر دقة. ومع ذلك، عادةً ما يتم الدفع مقابل هذه الأدوات وهي الأنسب للمستخدمين الأكثر تقدمًا.

دعنا الآن نلقي نظرة على بعض الأدوات المجانية الأكثر شيوعًا والتي يسهل الوصول إليها لقياس سرعة الموقع "أساسيات الويب الأساسية":

• جوجل Search Console

تعد Search Console أداة مفيدة للناشرين لتقييم مجموع الصفحات التي تحتوي على أخطاء وتتطلب اتخاذ إجراء عبر موقعك. تأتي البيانات الواردة في التقرير من تقرير تجربة مستخدم Chrome (CrUX) وتقيس بشكل أساسي تفاعل المستخدم الحقيقي مع موقع الويب الخاص بك. ومع ذلك، إذا كان موقع الويب الخاص بك جديدًا أو لا يحتوي على بيانات كافية، فقد لا يتم تضمين بعض عناوين URL في التقرير.

للوصول إلى التقرير، قم بتسجيل الدخول إلى حساب Google Search Console، واضغط على Core Web Vitals على الجانب الأيسر، وتحقق من التقرير.

في Search Console، ستُظهر مؤشرات الويب الحيوية عدد عناوين URL الجيدة أو الضعيفة أو التي تحتاج إلى تحسينات؛ على سبيل المثال، إذا لم تتم فهرسة أحد عناوين URL للصفحة، فسيظهر ضمن قسم "عناوين URL ضعيفة".

بعد ذلك، عند النقر فوق "فتح التقرير"، سيعرض نتيجة Core Web Vitals لعناوين URL الخاصة بموقعك.

• PageSpeed Insights (PSI)

PageSpeed Insights هي أداة تقيس أداء موقعك عبر الأجهزة المحمولة وسطح المكتب وتوضح الصفحات التي تحتاج إلى تحسين.

تتضمن البيانات الواردة في تقرير PSI بيانات ميدانية وبيانات معملية. يمكن أن يكون تقييم تقرير PSI مفيدًا في تصحيح الأخطاء وتحديد مشكلات الأداء على مستوى الصفحة. سيخبرك أيضًا ما إذا كان موقعك يجتاز تقييم CWV.

• Lighthouse

هناك طريقة أخرى لمعرفة مدى جودة أداء موقعك في الوقت الفعلي وهي التحقق من Lighthouse.

للقيام بذلك، افتح نافذة التصفح المتخفي، واكتب عنوان URL لموقعك وقم بفتحه، ثم انقر بزر الماوس الأيمن، وابحث عن الخيار "فحص".

حدد المربعات واضغط على "إنشاء تقرير". انتظر بضع ثوانٍ حتى يقوم Lighthouse بإنشاء التقرير لمشاهدة جميع الأرقام التي تشير إلى صحة موقعك.

يمكن أن يكون تقرير Lighthouse مفيدًا لتحديد المشكلات في البيئات المحلية والتشغيلية. ومع ذلك، يجب استخدامه جنبًا إلى جنب مع PageSpeed Insights لأنه يتضمن فقط بيانات معملية (تحاكي سرعة الصفحة في بيئة معملية) وليس بيانات من مستخدمين حقيقيين.

• GTmetrix

أداة رائعة أخرى نوصي بها هي GTmetrix. إنها دقيقة للغاية مع مقاييس الأداء، والواجهة سهلة الاستخدام للغاية حتى للمستخدمين غير البارعين في التكنولوجيا يمكنهم العمل بها.

• برنامج Google Analytics (GA)

من الممكن رؤية المقاييس الأولية لزوارك في Google Analytics. يستخدم هذا الخيار في الغالب من قبل المستخدمين المتقدمين.

بالإضافة إلى ذلك، في GA، يمكنك إنشاء تحليل أكثر دقة للمقاييس، وهو تحسن هائل مقارنة بالتقارير شديدة التلخيص المقدمة في Search Console، والتي تلتقط البيانات من مستخدمين مجهولين.

على سبيل المثال، في GA، يمكنك تحليل الأبعاد المخصصة مثل المستخدمين "المسجلين الدخول" و "العملاء السابقين".

كيف أتحقق مما إذا كان موقع الويب الخاص بي يمر بأساسيات الويب الحيوية؟

للتحقق مما إذا كان موقعك يجتاز اختبار Core Web Vitals، يجب عليك إجراء تدقيق للموقع من خلال Page Speed Insights. بعد ذلك، سيُعلمك Origin Summary إذا كان موقعك قد اجتاز تقييم Core Web Vitals.

يتم التقاط "حيوية الويب الأساسية" عبر البيانات التاريخية أو البيانات الميدانية (فترة جمع تبلغ 28 يومًا).

تتضمن أحيانًا بيانات الحقل وملخص الأصل، رسالة تفيد بعدم وجود بيانات كافية لتحليل صفحة ويب معينة. في هذه الحالة، لن تتمكن من معرفة ما إذا كان موقعك يمر عبر Core Web Vitals أم لا.

ماذا أفعل إذا كان موقع الويب الخاص بي بطيء ولا يمر بأساسيات الويب الحيوية؟

لا تُصب بالذعر! أظهرت دراسة أجريت على أكثر من 5.2 مليون صفحة أن 33٪ فقط من مواقع الويب تتجاوز عتبات Core Web Vitals.

لا يزال هذا يمثل تحسنًا كبيرًا مقارنةً بالوقت الذي تم فيه طرح التحديث للتو، عندما اجتاز سرعة 12٪ فقط على الأجهزة المحمولة و13٪ من نتائج سطح المكتب تقييم Core Web Vitals.

كما هو متوقع، يعد نجاح اجتياز اختبار CWV على سطح المكتب هدفًا يمكن تحقيقه أكثر منه على الأجهزة المحمولة.

تؤكد Google نفسها أن الملاءمة والمحتوى عالي الجودة سيستمران في الهيمنة على عوامل الترتيب الأخرى، بما في ذلك Core Web Vitals وسرعة الصفحة.

العوامل الأخرى التي تساهم في تصنيفات موقع الويب الخاص بك هي:

محتوى الموقع: لا يزال المحتوى عالي الجودة، جنبًا إلى جنب مع استراتيجية تحسين محركات البحث (SEO) المحسّنة، أحد الجوانب الأساسية التي تحدد مدى جودة ترتيب موقعك في محركات البحث. إذا كان المحتوى الذي تم إنشاؤه ذا جودة منخفضة أو غير ذي صلة أو لا يلبي احتياجات المستخدم ولكنه يجتاز CWV، فإنه لا يزال لا يتفوق على الصفحات التي تحتوي على هذه المتطلبات المسبقة.

العوامل الفنية في الموقع: يتضمن ذلك كثافة الكلمات الرئيسية وأهميتها، والعلامات الوصفية، وعلامات المخطط، وعناوين URL، وتوزيع الارتباط الداخلي.

الرتبة: تم إصدار هذه الخوارزمية في عام 2015 لقياس تفاعل المستخدم مع صفحتك وتتضمن إشارات مثل معدل الارتداد ونسبة النقر إلى الظهور (CTR) ووقت السكون ومرات مشاهدة الصفحة لكل جلسة.

عوامل خارج الموقع: تساهم سلطة موقع الويب وتصنيف المجال (DR) وملف تعريف الرابط الخلفي والمجالات المرجعية في مدى جودة ترتيب موقع الويب الخاص بك في نتائج البحث.

التوافق مع الجوّال: تستخدم Google نسخة محمولة من الموقع للفهرسة والتصنيف منذ آذار (مارس) 2021.

كيفية تحسين سرعة الموقع "أساسيات الويب الحيوية"؟

كيفية تحسين LCP:

1. قم بتقليل الحجم الكلي للصفحة عن طريق ضغط الصور واستخدام تنسيقات الجيل التالي مثل AVIF أو WebP أو التنسيقات القائمة على المتجهات مثل SVG.
2. تنفيذ التحميل البطيء للإعلانات والصور.
3. استخدم CDN (شبكة توصيل المحتوى) للصور لإعلام المتصفح بالحجم والتنسيق الذي يجب أن يتم عرض الصورة فيه.
4. تأكد من تسليم أي ملفات CSS وJS بالغة الأهمية لإطار العرض الأول (ABF) مضمنة.
5. تأكد من أن الصور ذات الصلة بالمستخدمين على الاتصالات السريعة (سطح المكتب) لا يتم تنزيلها بواسطة المستخدمين على اتصالات أبطأ (أجهزة الجوال).

كيفية تحسين CLS:

1. قم بتعيين أبعاد ثابتة للصور في CSS والإعلانات والتضمينات (العرض والارتفاع).
2. اجعل الشريحة الإعلانية بحجم أكبر إعلان ممكن يمكن عرضه هناك.

كيفية تحسين FID:

إذا كنت تستخدم خطوطًا مخصصة، فتأكد من استخدام خطوط النسخ الاحتياطي التي تطابق خطك الأصلي قدر الإمكان. قد تؤدي الخطوط المخصصة أحيانًا إلى كسر واجهة المستخدم في المرة الأولى التي يدخل فيها المستخدم إلى موقعك؛ على سبيل المثال، يمكن أن يظهر النص غير مرئي.

تقليل وقت تنفيذ JS عن طريق تأجيل (تأجيل) JS غير المستخدمة وتقليل polyfills غير المستخدمة (جزء من كود JS على الويب). كقاعدة عامة، يجب تنزيل أي شيء ليس بالغ الأهمية لأول 100 مللي ثانية من لحظة بدء تحميل الصفحة في وقت لاحق.

لاحظ أن كل موقع ويب مختلف ولا يوجد حل واحد يناسب الجميع. ومع ذلك، بناءً على تجربة Setupad، هناك بعض نقاط الشائعة بين معظم الناشرين. لتجنبها:

1. تقليل عدد طلبات HTTP (البرامج النصية والصور والمكونات الإضافية غير المستخدمة)؛
2. تقليل CSS وJS؛
3. تحسين إعدادات التخزين المؤقت؛
4. تنفيذ تأخير تحميل الإعلانات والمحتوى أسفل الشاشة الأولى؛
5. إضافة عناوين URL سابقة التوصيل.

تذكر، لا داعي للقلق إذا لم يحصل موقع الويب الخاص بك على %100 أثناء اختبار السرعة. يجب أن تبذل قصارى جهدك لتحسين موقع الويب الخاص بك مع الحفاظ على الوظائف الأساسية.

ماذا لو اجتاز موقع الويب الخاص بي عناصر Core Web الحيوية؟

تهاني! ومع ذلك، لا يعني التمرير بالضرورة أن صفحتك ستتفوق في الأداء على الصفحات الأخرى.

اعتبر هذه ميزة وقم بتحويل وقتك وطاقتك لتحديث المحتوى الخاص بك، وتحسين تجربة المستخدم، والعثور على الكلمات الرئيسية التي يفوقك فيها منافسوك.

كيف تؤثر الإعلانات على سرعة تحميل الموقع "حيوية الويب الأساسية"؟

تستخدم الإعلانات أكواد جافا سكريبت الثقيلة وتعمل بأحجام مختلفة في موضع إعلان واحد، مما قد يؤثر على سرعة تحميل موقع الويب والاستقرار البصري (CLS). لذلك يوصى بحجز مساحة للشريحة الإعلانية بشكل ثابت، أي باستخدام مواضع إعلانات ثابتة.

ستعمل أيضًا على تخفيف مشكلات الأداء عن طريق استخدام ميزة التحميل البطيء للإعلانات في مواضع الجزء السفلي غير المرئي من الصفحة (BTF) لأنه لن يتم عرضها إلا عندما يقوم المستخدمون بالتمرير إلى إطار العرض حيث يجب أن يظهر الإعلان. سيتمكن شريك تحقيق الدخل الموثوق به {الشبكة الاعلانية} من تنفيذ أحجام ثابتة لمواضع الإعلانات والتحميل البطيء نيابة عنك.

ستلاحظ أيضًا انخفاضًا طفيفًا في الأداء بسبب تشغيل 15 تبادلًا إعلانيًا بدلاً من 1. ولكن الإيرادات الإضافية الناتجة بفضل تقنية عروض التسعير الرئيسية تفوق الانخفاضات الطفيفة المحتملة. ومع ذلك، فإن تجاهل Core Web Vitals تمامًا ليس استراتيجية موصى بها. تتسبب الصفحة ذات الأداء الضعيف في عيوب أخرى مثل انخفاض أرباح الإعلانات وانخفاض عدد الزيارات. يجب أن تحافظ على توازن سليم بين تجربة مستخدم جيدة وإعداد الإعلان الأمثل.

كما ذكرنا سابقًا، يمكن للناشرين إجراء تحسينات أخرى ممكنة على الصفحة لزيادة درجات الأداء. المهندسين التقنيين في Setupad موجودون هنا للمساعدة من خلال توفير تدقيق مجاني لسرعة التحميل لموقعك على الويب.

نأمل أن تكون قد استمتعت بهذا المنشور ووجدته مفيدًا. إذا كانت لديك أي أسئلة أو تعليقات، فلا تتردد في التواصل معنا عبر Twitter أو Facebook. يسعدنا أن نسمع منك!