حل مشكلة CLS وزيادة سرعة موقعك | أسباب مشكلة CLS وطرق حلها - اطلس للتقنية

حل مشكلة CLS وزيادة سرعة موقعك | أسباب مشكلة CLS وطرق حلها - اطلس للتقنية

حل مشكلة CLS وزيادة سرعة موقعك | أسباب مشكلة CLS وطرق حلها - اطلس للتقنية


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


شرح مشكلة cls

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

سبب مشكلة cls

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

وفي نفس الإتجاه لابد أن نشير إلى أهمية الروابط الداخلية فما هى الروابط الداخلية ؟ وما اهمية الروابط الداخلية في تحسين السيو لموقعك، ولمعرفة دلك اقترح عليك قراءة هدا المقال : رابط المقال من هنا.


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

  1. كل الأشياء التي تتحمل بعد عرض المحتوى في الصفحة تسبب مشكلة CLS.
  2. وكما هو معروف فإن كل بلاجين الكاش وسرعة الموقع تؤثر سلبا على الـ CLS.
  3. مع مرور الوقت سيتراجع موقعك في الترتيب، كما عودتنا جوجل لا ترفع حاجة مسيئة.
  4. ومن بين أسباب تصدر نتائج البحث في محركات البحث بصفة عامة، هي تجربة المستخدم.


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



كيفية تحسين cls على موقعك

حتى نختصر الموضوع ونتحدث عن مشكلة CLS، على مستوى منصة بلوجر أو على مستوى ووردبريس أو أي برمجة خاصة لأي موقع، يجب عليك الإنتباه لهده الأشياء التي لو ركزت على ضبطها غي موقعك، ستجعل الـ CLS مضبوط جداً.

تحسين cls على موقعك بالنسبة لبلوجر

  • انتبه جيدا لأي قالب ترغب في شرائه حتى لا يحتوي على ملفات لحظر المحتوى، وتأكد أيضا على خلوه من ملفات راندر بلوكينج نهائي.
  • طيب لو افترضنا أنك اشتريت قالب لموقعك سابقا، انصحك بعدم محاولة إلغاء ملفات حظر المحتوى للجافا سكريبت بأي شكل من الأشكال.
  • بمعنى أصح إياك أن تعمل sync او defer لأي ملف جافا سكريبت يتم تحميله في الصفحة.
  • قد تقوم بضبط هده الملفات في الـ css لكن للـ java scripts لا تحاول تغيير أي شيء نهائيا.

تحسين cls على موقعك بالنسبة للوردبريس

  • عند شرائك للقالب ( تمبلت ) ركز جيدا على أن لا يحتوي على ملفات راندر بلوكينج.
  • ولو قمت بالشراء سلفا انتبه جيدا ولا تفكر تستخدم أي بلاجين وتفعل فيها خاصية load javascript deferd or load java scripts deferd.
  • بمعنى أصح ستعمل مينفايد لملفات الجافا سكريبت فقط، ولا تعدل عليها مرة ثانية.

تحسين cls على موقعك بالنسبة للبرمجة الخاصة

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


author-img
الأستاد الباحث

تعليقات

تعليق واحد
إرسال تعليق
  • غير معرف17 يونيو 2021 في 10:14 ص

    لا اعلم الحقيقة لماذا تقوم بعض المدونات بعرض طريقة لحل مشكلة ما ونفس الموقع الذي يقدم النصيحة لم يتبع الشرح ولديه نفس المشكلة ��������

    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.arbaa7tech.com%2F2021%2F01%2FCLS.html%3Fm%3D1

    لديك مشكلة CLS في لوجو وصور موقعك يا الأستاذ الباحث ✅✅✅

    تنصح الناس ولا تنصح نفسك ازاي اتبع نصيحتك وانت لا تفعل

    هل اتبعت انت شرحك علي مدونتك ؟ هل تعرف سرعة هذا المقال كم علي الهاتف والحاسوب ��������

    حذف التعليق
    google-playkhamsatmostaqltradent