الأربعاء، 4 مايو، 2016

ضغط أكواد CSS و Html لتسريع مدونة بلوجر

بسم الله الرحمان الرحيم :

كلنا نعلم ان اكواد القالب تتكون من CSS و HTML و JAVASCRIPT و هذه الاكواد اثناء تحميلها تأخذ الكثير من الوقت و خاصة اذا كانت ذو حجم كبير، فضغط هذه الاكواد يقلل من حجمها مما يؤدي الى زيادة سرعة التحميل و بهذا زيادة سرعة المدونة و هذا الامر يعطي دفعة قوية لسرعة مدونتك .



قبل البدا خذ نسخة احتياطية من القالب الخاص بمدونتك لاسترجاعه عند حدوث الخطأ

قياس سرعة مدونة بلوجر

نقوم بالولوج الى موقع Page Speed insights ندخل رابط المدونة و نقوم بقياس سرعتها فاذ جاء اللون الأخضر فمدونتك سريعة بما فيه الكفاية اما اللون البرتقالي فلربما مدونتك تحتاج الى تسريع طفيف اما باللون الاحمر فيجب عليك تسريع مدونتك عاجلا .

كيفية ضغط اكواد CSS 

نبدا مع اكواد CSS هناك مواقع كثيرة تتيح لك ضغط اكواد CSS و لكن كن حذرا فكل موقع له ايجابياته و له سلبياته و سبق لي و نشر موضوع بعنوان 5 موقع ضغط اكواد CSS .
سأختار الموقع الاول من التدوينة السابقة موقع css drive .

1- نذهب الى المدونة / نختار قالب / ثم تحرير html
2- ctrl + f و نقوم بالبحث عن الوسم <b:skin> سنجد بجانبه وسم النهاية </b:skin> 


3- نقوم بفتح ما بينهما فنجد اكواد كثيرة تلك هي اكواد الـCSS
4- ننسخ تلك الاكواد بداية من ]]></b:skin> حتى <b:skin><![CDATA[
5- و نذهب الى موقع ضغط اكواد css من هنا .

6- نقوم بترك الاعدادات كما هي و نضغط الاكواد
7- ثم نرجع الى المدونة مكان الاكواد السابقة التي نسخناها نضع الاكواد المضغوطة
8- نحفظ القالب الى هنا انتهينا من عملية ضغط اكواد الـCSS

كيفية ضغط اكواد HTML

و الان الى ضغط اكواد HTML
1- نذهب الى المدونة / القالب / تحرير HTML
2- نقوم بنسخ جميع اكواد القالب CTRL+A من لوحة المفاتيح
3- نذهب الى موقع htmlcompressor من هنا نلصق الاكواد في المربع الكبير، من الاعدادات الجانبية نختار Blogger كما هو موضح في الصورة .



4- ونضغط على Compress بعد الانتهاء ارجع اكواد المضغودة الى القالب و قم بحفظه

تنبيه : اذا لم تنجح هذه العملية جرب نسخ ما بين الوسيمين <body> و </body> و قم بضغطهما

الأن ارجع الى موقع PageSpeed Insights و اعد قياس سرعة المدونة فستلاحظ زيادة في سرعة مدونتك .