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

0

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

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

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

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

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

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

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

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

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

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

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

ثم اضغط على Compress 

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

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