recent
أخبار ساخنة

ضغط أكواد 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 و اعد قياس سرعة المدونة فستلاحظ زيادة في سرعة مدونتك .


    google-playkhamsatmostaqltradent