أفضل 7 طرق لتحسين النقاط الأساسي على الويب

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

قبل الانتقال إلى طرق تحسين حيوية الويب الأساسية ، دعنا نفهم ما هي أساسيات الويب الأساسية.

ما هي “حيوية الويب الأساسية”؟

طورت Google إشارات تجربة الصفحة التي تقيم تجربة المستخدم على المواقع. تعد “حيوية الويب الأساسية” من بين العديد من الإشارات التي توجه مالكي مواقع الويب لتحسين جودة تجربة المستخدم لتحقيق نجاح طويل المدى على الويب.

[ads_1]

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

ال تتكون “أساسيات الويب الأساسية” من ثلاثة مقاييس تقيس صفحاتك وفقًا لمعلماتها وتساعدك في معرفة ما إذا كانت الصفحة توفر تجربة مستخدم أفضل:

  • أكبر طلاء محتوى (LCP): يقيس الوقت الذي تستغرقه صفحتك للتحميل بالكامل. بكلمات بسيطة ، هو الوقت المستغرق من النقر على الرابط حتى تظهر الصفحة بالكامل على الشاشة. للحصول على تجربة مستخدم رائعة ، يجب تحميل كل عنصر صفحة بما في ذلك الصور أو مقاطع الفيديو أو الرسوم المتحركة بما في ذلك النص في غضون 2.5 ثانية.
  • أول تأخير في الإدخال (FID): وهي تحدد الوقت الذي يستغرقه المستخدمون قبل أن يتمكنوا من التفاعل مع الصفحة. يعني التفاعل هنا الإجراءات التي يمكن للمستخدمين تنفيذها على الصفحة مثل الانتقال إلى صفحات أخرى واختيار الخيارات. الاستثمار الأجنبي المباشر المقبول هو 100 مللي ثانية.
  • التحول في التخطيط التراكمي (CLS): يقيس ثبات عناصر الصفحة بعد تحميل الصفحة. إذا تحركت العناصر عبر الصفحة أثناء التحميل ، فسيؤدي ذلك إلى إزعاج المستخدمين من استهلاك المحتوى. يعني ارتفاع مستوى CLS أن صفحتك بها استقرار مرئي ضعيف. CLS المقبول هو 0.1.

طرق لتحسين نقاطك الأساسية على الويب

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

1. تنفيذ التحميل الكسول (تحسين LCP و FID)

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

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

يوصى بشدة بالتحميل البطيء إذا كان موقعك يحتوي على الكثير من الصور وخاصة عندما لا يؤدي ضغط حجم الصورة إلى تحسين درجة LCP للموقع.

[ads_2]

هناك طرق مختلفة لـ تنفيذ التحميل الكسول – على سبيل المثال الربط المتأخر ، باستخدام Lazy Class ، وتمكينه في إطار عمل الكيان ، والتحميل الجاد. اختر أيهما يناسب كود موقعك.

2. إزالة تنفيذ JavaScript غير ضروري (تحسين درجة FID)

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

قم بإزالة JavaScript غير الضرورية التابعة لجهات خارجية أو المكونات غير المستخدمة من مكتبات .js. إدارة المكونات التي سيتم تضمينها في حزمة المكتبة الخاصة بك وإزالة أي قصاصات لم تعد قيد الاستخدام.

قم بتأجيل أو عدم تزامن العلامات وفكر في مقتطفات JavaScript الضرورية وتلك التي يمكن تأجيلها لاحقًا في عملية التحميل. فائدة النصوص البرمجية التي تحتوي على “تأجيل” هي أنها لا تحجب الصفحة أبدًا. في الواقع ، أخبر المتصفح ألا ينتظر البرنامج النصي. نتيجة لذلك ، سيستمر المتصفح في معالجة HTML لبناء DOM.

تعمل البرامج النصية غير المتزامنة بنفس طريقة “تأجيل” ولكن مع اختلافات طفيفة. يتم تحميلها في الخلفية وتشغيلها عندما تكون جاهزة دون حظر البرامج النصية الأخرى أو حظرها بواسطة البرامج النصية الأخرى.

هناك أيضًا طرق أخرى لتحسين JavaScript لجعل تحميل موقع الويب الخاص بك أسرع وتقديم تجربة أفضل للزائرين.

3. استخدم CDN (تحسين نقاط LCP)

تعد شبكة توزيع المحتوى (CDN) طريقة رائعة للتعامل مع مشكلات زمن الانتقال التي تقاطع المعاملات عبر الإنترنت لمسافات طويلة وتتسبب في بطء التحميل. من المفيد بشكل خاص تعزيز درجة LCP إذا كان لموقعك جمهور عالمي.

[ads_3]

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

تأكد أيضًا من أن CDN الخاص بك يخدم أصولك الثابتة لجعل تحميل الصفحة أسرع. تخزين الأصول التي تم الوصول إليها من جانب العميل في متصفحك مؤقتًا لتحسين تحميل المرة الثانية. علاوة على ذلك ، يمكنك أيضًا تخزين صفحاتك الديناميكية مؤقتًا في CDN الخاص بك. عليك فقط تعيين قيمة TTL الصحيحة من خلال مراقبة سلوك التطبيق الخاص بك.

4. تعيين حجم السمات (تحسين درجة CLS)

يمكن أن يحتوي الموقع على العديد من السمات التي تعزز مظهره وتثير إعجاب الزائرين ، ولكنها أيضًا سبب لضعف درجات CLS. هنا هو ما يمكنك القيام به:

  • اختر الخطوط بحكمة: تتسبب الأنواع المختلفة من الخطوط الموجودة على صفحة واحدة في حدوث إزاحة تراكمية في التخطيط. هذا بدوره يضر بنتيجة CLS الخاصة بك. التزم بالحد الأدنى من أنواع وأحجام الخطوط الممكنة. اختر خطين كحد أقصى ، نوع واحد غامق للعناوين وخط عالي قابلية القراءة لبقية المحتوى. كلما زاد عدد أنواع الخطوط التي تختارها ، كلما استغرق تحميلها وقتًا أطول.
  • ضبط أحجام الوسائط: قم بتضمين سمات الحجم في علامة HTML للصور ومقاطع الفيديو. سيعرف متصفح المستخدم بعد ذلك مقدار المساحة التي سيحتفظ بها الملف أثناء تحميل الصفحة.

على سبيل المثال ، إذا كانت الصورة الأصلية هي 640 × 960 ، فيمكنك تغيير حجمها بارتفاع 500 بكسل وعرض 400 بكسل باستخدام .

  • حجز مساحة للإعلانات: إذا كان موقع الويب الخاص بك يعرض إعلانات بانر عبر JavaScript لجهة خارجية من خلال شبكات مثل Google AdSense ، فاحجز كتلة افتراضية يتم تحميلها أولاً. لهذا ، حدد نمط العنصر قبل بدء تحميل مكتبة العلامات الإعلانية.

إذا كنت ترغب في وضع الإعلانات في تدفق المحتوى ، فاحفظ حجم الفتحة. لن تتسبب الإعلانات بعد ذلك في حدوث تغييرات في التخطيط عند تحميلها خارج الشاشة.

5. تحسين موقعك للجوال

حسب statista ، هناك أكثر 6 مليارات مستخدم للهواتف الذكية في جميع أنحاء العالم اليوم ومن المتوقع أن يزداد هذا الرقم كل عام. لذلك ، من الواضح لماذا يجب عليك تحسين موقعك للهواتف المحمولة.

[ads_4]

إذا كنت لا تزال تستخدم موقعًا موجهًا لأجهزة سطح المكتب ، فيجب عليك الانتقال سريعًا إلى موقع ويب للجوال أولاً. هناك أدوات مثل Zyro mobile site builder يمكن أن تساعدك في إنشاء موقع للجوال يعمل بشكل مثالي على كل جهاز.

يجب أن يكون موقع الجوال الخاص بك أسرع في التحميل. أثقل أسباب تصميم الموقع رمز سخام يؤدي إلى بطء تحميل الصفحة وضعف نقاط “أساسيات الويب الأساسية”.

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

6. قم بإجراء عرض SSR لمكونات الصفحة الخاصة بك (تحسين نقاط LCP و FID)

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

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

يوصى باستخدام SSR بشكل أساسي لمكونات صفحتك التي تظهر في الجزء المرئي من الصفحة. بالنسبة للمكونات التي تظهر أسفل الجزء المرئي من الصفحة ، قم بعرضها من جانب العميل. ستقوم بعد ذلك بتسريع عملية التحميل دون إعاقة تجربة المستخدم. يتم تنفيذ SSR باستخدام مكتبات مختلفة مثل React و Vue و Angular.

يعد أداء SSR فكرة جيدة أيضًا لأن Google تروج لها وتشجعها لتحقيق قيم تحسين محركات البحث (SEO).

7. تحسين طلبات واستجابات API (تحسين نقاط LCP و FID)

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

[ads_5]

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

ملخص

Google جاهز لتنفيذ تحديثات تجربة الصفحة لتقديم تجربة مستخدم أفضل. يجب أن تبدأ في دمج Core Web Vitals في إستراتيجية تحسين محركات البحث (SEO) الخاصة بك في أقرب وقت ممكن لتجنب حدوث انخفاض في تصنيف محرك بحث Google بسبب سوء تجربة المستخدم.

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى