فوائد و أضرار ضغط وتقليل حجم أكواد و ملفات CSS و Javascript

نشر في : يناير 18, 2023 أخر تحديت : يوليو 10, 2024
  1. الرئيسية >
  2. أخبار و معلومات >
  3. فوائد و أضرار ضغط وتقليل حجم أكواد و ملفات CSS و Javascript

فوائد و أضرار ضغط وتقليل حجم أكواد و ملفات CSS و Javascript

أول شيء يجب أن نعرفه هو ما المقصود بضغط أكواد CSS , Javascript أو تقليل حجم ملفات CSS أو Javascript , بكل بساطة هو أنك ستقوم بإزالة التعليقات و الفراغات الموجودة بين الأسطر و بين جميع الأكواد داخل الملف , التي تكون لا فائدة منها داخل الكود فقط تجعل الملف كبير الحجم , أو التي لا يحتاجها كود CSS أو Javascript بالضرورة لكي يشتغل معك , و الضغط سيجعل جميع الأكواد في سطر واحد , وهدا سيجعل حجم ملف CSS أو Javascript قليل الحجم مقارنة بحجم الكود الأصلي.

فوائد ضغط و تقليل حجم أكواد و ملفات CSS و Javascript

الأهمية الرئيسية لضغط أكواد CSS و Javascript هو تسريع الموقع أو المدونة , كلما كان الملف كبيرا كان الموقع بطيئاً , لهدا من المهم ضغط أكواد CSS و جعل ملف CSS أو Javascript صغير الحجم بمقارنة بحجمه الأصلي كيف ما كان , حتى و لو كنت تعتقد أن ملف CSS الدي تستعمله صغير الحجم فجوجل توصي بضغطه , الأنك لو فحصت موقعك عن طريق جوجل نفسه أو عن طريق أي موقع أخر يقدم خدمة فحص سرعة الموقع أو من خلال أداة Lighthouse نفسها التي توجد في جميع المتصفحات و تستعملها معظم مواقع الفحص , سيظهر لك المشكل المسمى Minimize main thread work أو Minify CSS أو Minify JavaScript أو Reduce unused CSS أو Reduce unused Javascript , و أهمية أن يكون موقعك سريعا يعني أن تكون له قوة على المنافسة في الظهور في نتائج البحت الأولى أو تصدرها.

أضرار ضغط و تقليل حجم أكواد و ملفات CSS و Javascript

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

نورالدين بومدين

الكاتب : نورالدين بومدين

مهندس تصميم و تطوير التطبيقات , لدي خبرة أكتر من 5 سنوات في مجال البرمجة و التصميم الجرافيكي.

مقالات الكاتب

إبحت من خلال كلمات مفتاحية :

الصراع أو المشكلة بين WordPress و WP Engine بالتفصيل

إن عالم WordPress، أحد أكثر التقنيات شعبية لإنشاء مواقع الويب واستضافتها، يمر بصراع ساخن للغاية بين شركة Automattic و شركة WP Engine.

سبتمبر 27, 2024

نورالدين بومدين

هل مادة الرياضيات ضرورية أو مهمة من أجل البدأ بتعلم البرمجة؟

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

كيفية حل المشاكل البرمجية عندما تواجهك اثناء البرمجة؟

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

قائمة بأفضل البرامج لتحويل حاسوبك إلى سيرفر محلي localhost

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

ما هو السيرفر المحلي localhost و كيف يمكن تتبيته على الجهاز؟

يعد السيرفر المحلي localhost أداة لا غنى عنها للمطورين , خاصة في حال كان مجال عملهم إنشاء المواقع أو التطبيقات التي تتطلب اتصال بالانترنت بحيث يمكنك اختبار الموقع أو التطبيق والتحقق من صحة عمله قبل أن تقوم بتسليم المشروع أو إطلاقه على الانترنت

ماهو الفرق بين mysql و mysqli داخل لغة php و أيهما أفضل

إن MYSQL هو نظام قاعدة بيانات سريع و قوي و مجاني يستخدم على الويب , و هو نظام إفتراضي يستخدم لغة SQL

مساحة إعلانية (Ads)
مساحة إعلانية (Ads)
المواضيع الأكتر مشاهدة هدا الشهر
1 قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات
2 تحميل كود php لإنشاء جدول جديد داخل قاعدة بيانات mysql
3 تحميل خط verdana بالأوزان bold و regular برابط مباشر
4 قالب vuejs نظام تسجيل دخول / إنشاء حساب / إستعادة كلمة مرور
5 كيفية إعادة التوجيه من صفحة لصفحة أو موقع أخر بواسطة كود php
6 قائمة بأفضل البرامج لتحويل حاسوبك إلى سيرفر محلي localhost
7 ما هي أداة indexnow وكيفية إستخدامها لفهرسة الروابط بسرعة ؟
8 هل مادة الرياضيات ضرورية أو مهمة من أجل البدأ بتعلم البرمجة؟
9 تحميل كود بلغة php للإتصال بقاعدة البيانات من نوع mysql
10 كيفية إعادة توجيه الدومين من http إلى https أوتوماتيكيا
11 ما هو السيرفر المحلي localhost و كيف يمكن تتبيته على الجهاز؟
12 شرح كيفية ضغط أكواد جافا سكريبت أو تقليل حجم ملف javascript
13 كود php لعرض البيانات من داخل الجدول بقاعدة بيانات mysql
14 الصراع أو المشكلة بين WordPress و WP Engine بالتفصيل
15 كود php لإدخال البيانات إلى الجدول داخل قاعدة بيانات mysql
كلمات مفتاحية رائجة هدا الشهر