كيفية ازالة 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. سيكون البرنامج النصي مشابهًا أو يبدو تقريبًا كالتالى .


render blocking CSS


الخطوة رقم 5: أخيرًا ، اضغط على زر حفظ.


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