ضغط وتصغير CSS و JavaScript في قالب بلوجر

 

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

يمكن لأي شخص تصغير CSS و JavaScript بسهولة عن طريق إجراء بعض التغييرات على قالب المدونة ويمكنه زيادة سرعة تحميل الصفحة. بالنسبة لمنصة WordPress ، فهي تقدم العديد من المكونات الإضافية والإضافات المجانية التي يمكنك استخدامها لتقليل CSS و JavaScript بسهولة. ولكن في Blogger ، ستقوم يدويًا بتقليل CSS و JavaScript. لهذا ، سأساعدك على تصغير CSS و JavaScript في قالب المدونة ، وأعلمك أيضًا كيفية ضغط كود HTML عبر الإنترنت لزيادة سرعة التحميل.

كيف يتم تصغير CSS و JavaScript

يتم إنشاء قوالب Blogger أو تصميمها بثلاث لغات: HTML و CSS و JavaScript لمنح المدونة مظهرًا قيمًا. ولكن من الضروري للغاية تحسين سرعة المدونة ، عن طريق إزالة حظر عرض JavaScript و CSS من جانبك. إنها طريقة لتقليل حجم صفحة الويب عن طريق ضغط ترميز HTML في القالب مما يؤدي إلى زيادة سرعة التحميل. عندما تقوم بتقليل ترميز محتوى CSS و JavaScript و HTML ، فسيؤدي ذلك تلقائيًا إلى زيادة سرعة تحميل مدونتك.

توصي جميع محركات البحث بتقليل عدد الطلبات من صفحات الويب ، ودمج JavaScript خارجي في ملف واحد ، وتقليل حجم CSS.

لماذا يجب عليك تصغير CSS و JavaScript

توصي Google وجميع محركات البحث الأخرى بشدة بتقليل CSS و JavaScript لمدونتك. السبب الرئيسي هو تسريع سرعة تحميل صفحات الويب  تسريع سرعة تحميل صفحات الويب للحصول على تصنيفات عالية. يعد تقليل CSS و JavaScript أيضًا جزءًا مهمًا من تحسين محركات البحث ، وستحصل على تجربة مستخدم أفضل. يمكنك القيام بذلك عن طريق تقليل حجم ملفات ترميز CSS و JavaScript لمدونتك.

تصغير (Minify ) VS الضغط ( Compress )

Minify أو Minify هو مصطلح برمجة نموذجي يعني إزالة الأحرف غير المرغوب فيها وغير المفيدة وغير الضرورية. يؤدي تصغير CSS و JavaScript إلى تسريع تحميل صفحاتك ، عن طريق إزالة (المسافات ، والأحرف ، وكتل عناوين URL ، والمحددات) وجعلها صديقة لمحركات البحث.
يختلف تصغير الكود تمامًا عن ضغط البيانات ، لكن كلاهما يقلل من حجم كود HTML ، مما يجعله فعالًا بين الخادم والمتصفح. تتطلب البيانات المضغوطة فك الضغط ، ويمكن القيام بذلك مباشرة عبر الخادم الخاص بك. يقوم الخادم بضغط كود HTML وإرساله عبر الشبكة ، ويقبل المتصفح هذا الضغط ويفك ضغطه قبل الاستخدام.

كيفية ضغط كود HTML في قالب بلوجر

سنقوم هنا بضغط HTML في قالب بلوجر ، ولكن قبل البدء يوصى بحفظ نسخة من قالب بلوجر الخاص بك في حال احتجت إلى تغيير القالب الخاص بك أو في حالة حدوث أخطاء. هناك أداة على الإنترنت تسمى HTML Compressor تسمح لك بتقليل حجم كود HTML الخاص بقالب المدون الخاص بك بأمان. يمكنه أيضًا ضغط JavaScript ويمكن أن يقلل من تشفير CSS. باستخدام هذه الأداة عبر الإنترنت ، يمكنك تحديد مستوى ضغط HTML وتمكين أو تعطيل تحسين JavaScript وتقليل CSS.

 
ما عليك سوى اتباع الخطوات أدناه وتعلم كيفية ضغط حجم HTML لقالب المدون الخاص بك وتسريع موقعك.
افتح حساب blogger الخاص بك وافتح القالب ثم انقر فوق تحرير HTML.

1. اضغط على CTRL + A في نفس الوقت على لوحة المفاتيح لتحديد الكل.

1. افتح الآن موقع HTML  في علامة تبويب أخرى.

1. تخطي التعليمات البرمجية بأكملها في مربع الضغط.

1. حدد "Blogger" من القائمة المنسدلة على اليسار.

1. انقر فوق الزر "ضغط" في أسفل الصفحة.

1. انتظر حتى تكتمل العملية ، اعتمادًا على حجم HTML الخاص بك.

1. بمجرد الانتهاء من ذلك ، انسخ ملف zip بأكمله والصقه في قالب مدونة HTML.

1. انقر فوق حفظ واستمتع بسرعة تحميل الصفحة بسرعة.