ضغط أكواد CSS و Html لتسريع مدونة بلوجر
شارك مع اصدقائك:
بسم الله الرحمان الرحيم :
كلنا نعلم ان اكواد القالب تتكون من CSS و HTML و JAVASCRIPT و هذه الاكواد اثناء تحميلها تأخذ الكثير من الوقت و خاصة اذا كانت ذو حجم كبير، فضغط هذه الاكواد يقلل من حجمها مما يؤدي الى زيادة سرعة التحميل و بهذا زيادة سرعة المدونة و هذا الامر يعطي دفعة قوية لسرعة مدونتك .
قبل البدا خذ نسخة احتياطية من القالب الخاص بمدونتك لاسترجاعه عند حدوث الخطأ
كلنا نعلم ان اكواد القالب تتكون من CSS و HTML و JAVASCRIPT و هذه الاكواد اثناء تحميلها تأخذ الكثير من الوقت و خاصة اذا كانت ذو حجم كبير، فضغط هذه الاكواد يقلل من حجمها مما يؤدي الى زيادة سرعة التحميل و بهذا زيادة سرعة المدونة و هذا الامر يعطي دفعة قوية لسرعة مدونتك .
قبل البدا خذ نسخة احتياطية من القالب الخاص بمدونتك لاسترجاعه عند حدوث الخطأ
قياس سرعة مدونة بلوجر
نقوم بالولوج الى موقع Page Speed insights ندخل رابط المدونة و نقوم بقياس سرعتها فاذ جاء اللون الأخضر فمدونتك سريعة بما فيه الكفاية اما اللون البرتقالي فلربما مدونتك تحتاج الى تسريع طفيف اما باللون الاحمر فيجب عليك تسريع مدونتك عاجلا .
كيفية ضغط اكواد CSS
نبدا مع اكواد CSS هناك مواقع كثيرة تتيح لك ضغط اكواد CSS و لكن كن حذرا فكل موقع له ايجابياته و له سلبياته و سبق لي و نشر موضوع بعنوان 5 موقع ضغط اكواد CSS .
سأختار الموقع الاول من التدوينة السابقة موقع css drive .
1- نذهب الى المدونة / نختار قالب / ثم تحرير html
2- ctrl + f و نقوم بالبحث عن الوسم <b:skin> سنجد بجانبه وسم النهاية </b:skin>
سأختار الموقع الاول من التدوينة السابقة موقع css drive .
1- نذهب الى المدونة / نختار قالب / ثم تحرير html
2- ctrl + f و نقوم بالبحث عن الوسم <b:skin> سنجد بجانبه وسم النهاية </b:skin>
3- نقوم بفتح ما بينهما فنجد اكواد كثيرة تلك هي اكواد الـCSS
4- ننسخ تلك الاكواد بداية من ]]></b:skin> حتى <b:skin><
4- ونضغط على Compress بعد الانتهاء ارجع اكواد المضغودة الى القالب و قم بحفظه
تنبيه : اذا لم تنجح هذه العملية جرب نسخ ما بين الوسيمين <body> و </body> و قم بضغطهما
الأن ارجع الى موقع PageSpeed Insights و اعد قياس سرعة المدونة فستلاحظ زيادة في سرعة مدونتك .
1- نذهب الى المدونة / القالب / تحرير HTML
2- نقوم بنسخ جميع اكواد القالب CTRL+A من لوحة المفاتيح
3- نذهب الى موقع htmlcompressor من هنا نلصق الاكواد في المربع الكبير، من الاعدادات الجانبية نختار Blogger كما هو موضح في الصورة .
4- ونضغط على Compress بعد الانتهاء ارجع اكواد المضغودة الى القالب و قم بحفظه
تنبيه : اذا لم تنجح هذه العملية جرب نسخ ما بين الوسيمين <body> و </body> و قم بضغطهما
الأن ارجع الى موقع PageSpeed Insights و اعد قياس سرعة المدونة فستلاحظ زيادة في سرعة مدونتك .
