الأحد، 28 يونيو 2015

تسريع مدونتك عن طريق ضغط أكواد HTML و CSS - الجزء الأول

تسريع مدونتك عن طريق ضغط أكواد HTML و CSS - الجزء الأول


السلام عليكم ورحمة الله تعالى وبركاته
في هذه التدوينة انشاء الله سوف أريك طريقة تسريع مدونتك
عن طريق ضغط أكواد  HTML و CSS
مع أني سوف أقوم بتقسيم هذه التدوينة الى جزئين  
اذا نبدأ على بركة الله

من أهم المشاكل التي يقع فيها المدون هو سرعة تحميل المدونة 
فمثلا أنت تحب أن تضيف تأثيرات و اضافات الى مدونتك وهذا ما يجعل 
مدونتك تمتلأ بالأكواد وهذه الأكواد هي التي تجعل المدونة بطيئة


ضغط أكواد css في قالب المدونة

أولا قم بأخذ نسخة احتياطية من قالبك . لأنني لست المسؤول عن وقوع أي مشكل لقالبك
ثانيا اذهب الى قالب مدونتك ثم تحرير HTML
بعد ذلك قم بالبحث عن هذا الكود
                                 </b:skin>
سوف تجدها هكذا





بعد ذلك قم توسيع مابين الرمز  <b:skin> و ]]></b:skin> ثم نقوم بقص كافة الأكواد دخلهما

على الشكل التالي:
 <b:skin>
  نقوم بقص الرموز بينهم فقط
 ]]></b:skin>

 ملاحضة : لقد قلت القص وليس النسخ .
سيكون على هذا الشكل


بعد قص أكواد css نذهب الى هذا الموقع
تابع الشرح بالصور

في الخانة الأولى قم بوضع الأكواد التي قمنا بقصها من قالب المدونة ثم قم بالضغط على Compress CSS


بعد ذلك قم بنسخ كافة الأكواد الموجودة في الأسفل





بعد نسخ الاكواد كما بالصورة السابقة
نعيدها الى مكان الأكواد التي قمنا بإقتصاصها
 <b:skin>
  لصق الأكواد هنا
  ]]></b:skin>
 ثم نضغط على حفظ القالب

ملاحضة : هذا الجزء هو فقط لضغط أكواد css وأما الجزء الناني هو الأهم فهو طريقة ضغط ملفات HTML
وتخيل معي لو قمت بضغط الأكواد معا كيف سوف تصبح سرعة مدونتك .الجواب في ذهنك
اذا لا تبخلوا علينا بالتعليقات و الأعجابات لكي أنشر الجزء الثاني

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.

أرشيف المدونة الإلكترونية

جميع الحقوق محفوظة لمدونة 2013

تصميم: