مشكلة تحميل ملفات ال css و ال js

مهندس مصرى · 12-06-2009, 02:53 PM

السلام عليكم ورحمة الله وبركاته
هناك مشكلة واجهتني واعتقد انها تواجه الكثير من المواقع .. وهي حجم ملفات ال css والجافا سكربت المستخدم في الصفحة خصوصا بعد ظهور المكتبات مثل ال jquery
فعندما تستخدم تطبيق واحد لابد من ارفاق الملف بالصفحة والملف لوحده يكون تقريبا 50 كيلوبايت
غير ذلك ملفات التطبيقات نفسها فمن الممكن بكل سهولة ان يصل حجم ملفات الجافا سكربت لوحدها 150 كيلو بايت او 200 كيلو بايت ..
غير اني اعتمد اعتماد كلي على ال css في تصميم الاستيل بال div وكذلك يوجد خاصية تغيير الاستيل ب 6 الوان .. فتخيل كيف عندما يفتح الزائر الموقع !!
يقوم بتحميل ملفات الجافاسكربت وملفات ال css اولا ويسبب بطىء شديد بالموقع
هل من طريقة لمعالجة هذه المشكلة؟

ثانيا انا لاحظت انه يقوم بتحميل ملفات ال css والجافا سكربت عند فتح الموقع فقط لكن عندما تقلب بين الصفحات لا يقوم بتحميلها من جديد لكن اذا اغلقت المتصفح او عملت ريفريش يقوم باعادة التحميل مرة اخرى وهذه مشكلة كبيرة !!

واخيرا سؤال في موضوع تغيير لون الاستيل .. فلكل استيل ملف css خاص به .. هل عندما ارفقها جميعا بالصفحة يقوم بتحميلها جميعاً ام يحمل الاستيل الفعّال فقط؟ وعند الضغط على اي لون اخر يحمل الملف الخاص به؟
ما الحل؟

Milad · 12-06-2009, 05:18 PM

هناك إمكانية لضغط الملفات وتقليص حجمها بشكل كبير ..

إقتباس:

ثانيا انا لاحظت انه يقوم بتحميل ملفات ال css والجافا سكربت عند فتح الموقع فقط لكن عندما تقلب بين الصفحات لا يقوم بتحميلها من جديد لكن اذا اغلقت المتصفح او عملت ريفريش يقوم باعادة التحميل مرة اخرى وهذه مشكلة كبيرة !!

بالعكس هذا شيء جيد، لأنه الملفات تُحفظ لدى المتصفح .. وبالتالي يصبح أسرع في فتح الموقع ...
وإذا تغيرت هذه الملفات .. يقوم المتصفح بتنزيلها من جديد

مهندس مصرى · 07:23 PM

جزاك الله خيرا Milad ..
انا لا اقصد بالمشكلة الكبيرة اني اريد تحميلها في كل مرة

بل اقصد انها يتم تحميلها كل مرة يتم فتح فيها الموقع كما هو الحال في بعض التطبيقات الاخرى و انا تاكدت من هذا الامر ..يعني بالفتحة الواحدة يتم تحميلها مرة واحدة .. لكن اذا اغلقت المتصفح وفتحت الموقع من جديد يعيد تحميلها مرة اخرى
انا اريد ان يتم تحميلها مرة واحدة فقط وحفظها بملفات الانترنت المؤقتة حتى يسهل للزائر فتح الموقع بعد ذلك
هل هناك طريقة تحفظها بالملفات المؤقتة وطريقة اخرى تمنع ذلك؟

سحاب اون لاين · 12-06-2009, 08:25 PM

استخدم هذا الكود في ملف htaccess

كود:

ExpiresActive On
ExpiresByType image/gif "access 1 week"
ExpiresByType image/jpg "access 1 week"
ExpiresByType image/jpeg "access 1 week"
ExpiresByType image/png "access 1 week"
ExpiresByType text/css "access 1 week"
ExpiresByType text/js "access 1 week"
ExpiresByType application/x-shockwave-flash "access 1 week"
ExpiresByType application/x-javascript  "access 1 week"

مهندس مصرى · 13-06-2009, 12:50 AM

جزاك الله خيرا اخي سحاب اون لاين
ساقوم بتجربتها ان شاء الله وان شاء الله تنجح

almujtabaa · 22-09-2009, 10:26 PM

لو امكن شرح اكثر تفصيلي
حتى يستفيد اكثر عدد ممكن

www.al-bazar.com

www.al-bazar.net

ritcdesign · 23-09-2009, 10:36 PM

إقتباس:

المشاركة الأصلية بواسطة almujtabaa

لو امكن شرح اكثر تفصيلي
حتى يستفيد اكثر عدد ممكن

www.al-bazar.com

www.al-bazar.net

http://www.swalif.net/softs/swalif59/softs205834/

مصطفى فرغلى · 23-09-2009, 10:41 PM

كتاب O’Reilly even faster web sites