كيفية ازالة render blocking CSS من بلوجر
قد تكون قلقًا بشأن سرعة تحميل موقعك. في حين تستخدم قالب مدونه بسيطة جدًا مع بعض الأدوات المصغّرة ، لكن الأمر يستغرق وقتًا غير متوقع للتحميل بالكامل. لقد اتخذت العديد من الخطوات لتحسين سرعة تحميل موقعك ولكنها لا تعمل.
السبب الرئيسي وراء ذلك ، هناك العديد من عمليات تحميل ملفات JavaScript و CSS في الخلفية لقوالب الافتراضية والمخصصة وهذا يؤدي إلى تأخير تحميل موقعك. وتسمى render blocking CSS file.
يستخدم بلوجر ملفات CSS الخاصة في -
Popular Post Widget
Featured Post Widget
Label Widget
Archive Widget
Contact Form Widget
وللميزات الافتراضية مثل:
Commenting system
Post Locations
Emotion
Share buttons
بالنسبة لمستخدمي قوالب بلوجر الافتراضية ، تكون ملفات CSS على ما يرام ، لكن من الواضح أن هذا سيؤثر على سرعة تحميل الموقع ، ولكن إذا كنت تستخدم قوالب خارجية ، فإن ملفات CSS هذه ليست ضرورية. بشكل عام ، يستخدم مطور مظهر البلوجر المخصص نصًا مخصصًا لتصميم القالب .
لذلك إذا تم تحميل ملفات البرامج النصية CSS الافتراضية باستخدام برنامج CSS مخصص ، فقد تتعارض نسختك مع كلا البرنامجين نتيجة لذلك .
لذلك يجب على مستخدم بلوجر إزالة render blocking CSS من القالب. ما عليك سوى زيارة موقع بلوجر وعرض مصدر HTML لصفحتك باستخدام Mouse أو بالضغط على Ctrl + U. ويمكنك رؤية الـ render blocking CSS في نسختك.
قبل المتابعة ، تحقق فقط من سرعة تحميل قالب بلوجر من خلال زيارة الرابط التالى
سأوضح لك كيفية التخلص من الـ render blocking CSS باتباع خطوة سهلة للغاية.
الخطوة رقم 1: سجّل الدخول إلى حساب بلوجر وانتقل إلى لوحة المعلومات
الخطوة رقم 2: انقر فوق "سمة" -> تحرير HTML
الخطوة رقم 3: الآن حدد html أو HTML من أعلى القالب بالضغط على Ctrl + F (في Windows) أو CMD + F (في Mac).
الخطوة رقم 4: الآن أضف b: css = 'false' بعد html أو HTML code. سيكون البرنامج النصي مشابهًا أو يبدو تقريبًا كالتالى .
الخطوة رقم 5: أخيرًا ، اضغط على زر حفظ.
ستساعد هذه الخدعة الصغيرة في زيادة سرعة تحميل موقعك وستؤدي إلى إزالة ملفات CSS الافتراضية من بلوجر. الآن سيتمكن زوار مدونتك من تصفح صفحتك بسلاسة.
0 تعليقات