كيفية إزالة ملفات jsو css الافتراضية لتسريع المدونة
مرحبًا بالجميع ، في هذا درس ، سأشارك برنامجًا تعليميًا حول كيفية إزالة Css و Js
الافتراضية لبلوجر. سرعة المدونة هي شيء مهم يؤثر على جودة تحسين محركات البحث.
هناك العديد من الطرق لتسريع تحميل المدونة لمستخدم منصة blogger دون أي متاعب.
بالإضافة إلى تحسين صورة المدونة ، فإن إزالة أدوات JS code و CSS و Blogger تستحق
النظر أيضًا.
عند استخدام منصة Blogger ، سيتضمن قالب المدونة افتراضيًا كود Javascript و CSS
و Blogger Bundle Widget. لا يظهر البرنامج النصي في إعدادات القالب ولكنه مرئي
في التعليمات البرمجية المصدر. لرؤية هذا ، حاول الكتابة view-source:example.com
في شريط العناوين او استخدام برنامج مثل html viewr app
فوائد إزالة ملفات Js و Css و Widget: -
السبب الرئيسي لإزالة هذه الملفات من مدونتك هو تسريع المدونة. لا نحتاج إلى
سكريبت blogger defalut على الإطلاق ، لكن وجوده يبطئ تحميل المدونة. إذا تم
اختبار مدونتنا في اختبارات الويب مثل Google Page Speed Insight و GTMetrix و
Pingdom وما إلى ذلك ، فهذا يكفي لتقليل درجة الصفحة.من خلال التخلص من ملفات
عناصر واجهة المستخدم الافتراضية لـ JavaScript و CSS و Blogger ، يتم تقليل حجم
الأكواد في قوالب المدونات تلقائيًا. وبالتالي ، يصبح تحميل المدونة أسرع وله
تأثير جيد على جودة تحسين محركات البحث. بعد ذلك ، حاول مقارنة سرعة صفحة المدونة
قبل حذف النص وبعده.
عيوب إزالة JS و CSS و Blogger Widgets: -
هناك مزايا لإزالة JS و CSS و Blogger Widgets ولكن هناك أيضًا بعض العيوب. يظهر
التأثير الجانبي الأكثر وضوحًا لإزالة رمز Blogger الافتراضي إذا قمت بالوصول إلى
قائمة التخطيط في لوحة تحكم Blogger. مظهر التخطيط يكون بترتيب تنازلي ، ولم يعد
تقسيم العمود الأيمن أو الأيسر. ومع ذلك ، فإن مظهر المدونة اصلي لم يتغير.تأثير
آخر هو أن أداة نموذج الاتصال في Blogger لم تعد تعمل بشكل صحيح ، لأن زر الإرسال
لا يعمل. ولكن هناك حل بسيط للمشكل تجده في ٱخر الدرس.
كيفية إزالة Blogger الافتراضية Css و Js: -
الخطوة 1: - قم بتسجيل الدخول إلى حساب Blogger الخاص بك.
الخطوة 2: - ثم اذهب إلى قائمة السمات.
الخطوة 3: - بعد الضغط على تعديل Html
الخطوة 4: - أولاً انظر إلى <head>رمز العلامة ثم استبدلها بالرمز أدناه.
<head>
الخطوة 5: - ثم ابحث عن
</head> الكود واستبدله بالرمز أدناه.
</head><!--<head/>-->
الخطوة 6: - ثم ابحث عن <b:skin><![CDATA[ الكود واستبدله بالرمز أدناه.
<style><!-- /* <b:skin><![CDATA[ //]]></b:skin> <style type='text/css>/*<![CDATA[*/
الخطوة 7: الآن ابحث عن هذا الرمز ]]></b:skin>واستبدله بالرمز أدناه.
/*]]>*/</style>
الخطوة 8: - الآن ابحث عن </body>العلامة في النهاية واستبدلها بالرمز
أدناه.
<!--</body>--></body>الى هنا نكون قد انتهينا من درس اليوم انتظرونا في دروس قادمة
akram lam
just writer and ui&ux designer and web devolper
