2

تجربة بسيطة لتصغير حجم الصفحة وتسريع تحميلها

لا نحتاج ملفات الـcss والـjs ذاتها في جميع صفحات موقعنا فبعضها لا يكون فيها إلا بعض التأثيرات وبعضها يكون خالي من الجافا سكريبت لكن كما اعتاد اغلبنا تحميل جميع ملفات الـcss في الـheader وجميع ملفات الـjs في الـfooter مما يجبر المتصفح لتحميل جميع الملفات في جميع الصفحات

الطريقة كالآتي وهي جعل ملف اسمه مثلا style.css وملف script.js نكتب فيهما الاعدادت الافتراضية والتي نظمن وجودها في جميع الصفحات او اغلبها ثم نجعل لكل صفحة منفصلة في الموقع ملفين خاصين بها ملف js وآخر css انظر للصور لفهم الية العمل لتحميل لكل صفحة ملفاتها فقط في php ويمكنك تحويلها بطريقتك للغة البرمجة التي تعمل بها.

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

التعليقات

2
mr_student أضف ردا

الأسلوب نفسه مُتسخدم مع SPA في هذه الأيام، إطار العمل يقوم بإنشاء Bundle كامل فيه ملف js يشمل كلّ المشروع و هناك أيضاً ملف css يحتوي على القواعد التي تريد تطبيقها globally على كافة عناصر المشروع.

1
hasen أضف ردا

هل هذا يعتبر تكنيك خاص؟ هذا هو الوضع الطبيعي و اللذي يفترض ان يتبع دائماً.

1
khaled3afan أضف ردا

ربما لديك يكون طبيعي لكن اغلب المبتدأين وبعض المتقدمين ايضاً يضعون جميع ملفات ال css وال js في الصفحات جميعها حتى وإن لم يكونو بحاجتها مما يثقل تحميل الموقع، المهم اتركني فرحان بحالي يا رجل D;