تسريع الموقع الإلكتروني عن طريق ضغط أكواد الـ CSS

مواضيع مفضلة

تسريع الموقع الإلكتروني عن طريق ضغط أكواد الـ CSS


تسريع الموقع الإلكتروني عن طريق ضغط أكواد الـ CSS

      سرعة الموقع تلعب دورا هاما في تحسين ترتيب موقعك في أليكسا و الذي سيترتب عنه تحسين معدل الإرتداد في موقعك و هذا لأنه لا أحد من زوار محركات البحث سيرغب في اطالة البقاء في موقعك إذا كان بطيئ التحميل و على العكس ستجد أن الزوار يفضلون المواقع التي تظهر المحتوى بسرعة و السريعة التحميل , و بالتالي ستحسين ظهور موقعك في نتائج محركات البحث .

      توجد طرق عديدة و متعددة لتسريع تحميل موقعك و الطرق لا يمكن حصرها , فكل تحديث تضيفه إلى موقعك من شأنه أن يسرع تحميل و ظهور صفحات موقعك يمكن إعتباره طريقة من طرق تسريع الموقع .

     الطريقة التي ستنتحدث عنها في هذه التدوينة هي ضغط أكواد الـ CSS , و لكن لماذا ضغط أكواد الـ CSS سيسرع الموقع ؟ , و كيف سنضغط ملفات الـ CSS ؟ .

لماذا ضغط أكواد الـ CSS سيسرع الموقع 

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

كيف سنضغط أكواد الـ CSS 

لتوضيح فكرة ضغط ملفات الـ CSS أكثر فأنت مثلا عندا تكتب مقالة ستضطر إلى ترك أسطر و فراغات أو عندما تكتب أكواد CSS فأنت أيضا تترك أسطر وفراغات , و هذه الأسطر و الفراغات التي تتركها هي في الحقيقة تأخذ حجما كبير من الذاكرة و التي تقاس بالـ Ko و هذا سيبطئ عملية تحميل القالب , ولذلك ستعين علينا أن نحذف الأسطر و الفراغات التي لا فائدة منها بحيث أن أكواد الـ css لن تتأثر بتاتا . 

ضغط أكواد الـ CSS

لضغط أكواد الـ CSS سنحتاج موقع CSS Compressor 
بعد أن تدخل إلى الموقع قم بنسخ أكواد الـ CSS الخاصة بموقعك بدون وسمي <style></style> و الصقه في خانة الموقع , ثم حدد خيار  High (moderate readability, smaller size) 

تسريع الموقع الإلكتروني عن طريق ضغط أكواد الـ CSS

ثم اضغط على Compress 

تسريع الموقع الإلكتروني عن طريق ضغط أكواد الـ CSS

و لاحظ صديقي تم ضغط أكواد الـ CSS بنجاح من 190bytes إلى 127bytes بحيث تم توفير 50% من جم الأكواد و هذا جيد ليسرع لك الموقع .


إرسال تعليق

المشاركة على واتساب متوفرة فقط في الهواتف