بما في ذلك الكثير من ملفات css و جافا سكريبت الملف - كيف يمكنني تحسين

StackOverflow https://stackoverflow.com/questions/801581

سؤال

مكررة: متعددة جافا سكريبت/ملفات css:أفضل الممارسات ؟

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

ولكن النتيجة هي أنني لاحظت أن لدي الآن شملت 8 ملفات css خارجي وكذلك ضخم 20 الخارجية ملفات جافا سكريبت :O - لا أذكر رؤية أي موقع كبير يضم أكثر من 2 أو 3 css_ js الملفات مجتمعة لذلك أنا بالتأكيد يجب أن نفعل شيئا خطأ هنا.كيف يمكنني حل هذا - قرأت في مكان ما أن واحدة كبيرة الملف js أكثر أسرع في تحميل أكثر من 2 أو 3 الملفات التي هي حتى نصف المتراكمة الحجم.

أي مساعدة سيكون موضع تقدير كبير

هل كانت مفيدة؟

المحلول

ملف واحد كبير أفضل من مجموعة صغيرة لأنه في هذه الحالة متصفح الويب يجعل واحد طلب إلى ملقم ويب بدلا من ذلك قل 8 الطلبات.ما يهم أكثر هو اختلاف طفيف في إجمالي حجم ، ولكن مجموع الكمون من طلبات.

تخيل اثنين من السيناريوهات:يمكنك تحميل ملف واحد من 8 كيلو بايت و 8 ملفات من 1kB لكل منهما.

  1. في السيناريو الأول الزمن الكلي هو شىء مثل 80 ميللي ثانية (نقل) + 50 مللي ثانية (الكمون) = 130 مللي ثانية

  2. في السيناريو الثاني لديك شىء مثل 8x10 ميللي ثانية (نقل) + 8x50 ميللي ثانية (!) الكمون = 480 ميللي ثانية (!)

ترى الفرق.هذا لا يعني شامل سبيل المثال ، ولكن تحصل على هذه الفكرة.

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

نصائح أخرى

إذا كنت الجمع بين ملفات CSS في ملف واحد (و نفس JS) في النظام التي يتم تحميلها حاليا إلى الصفحة ثم أنها سوف تعمل بالضبط نفس كما كان من قبل ؛ عندما تبدأ في تغيير ترتيب هذه القواعد بشكل غير متوقع تجاوز تلك التي لم تستخدم.

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

في المشاريع السابقة ، كنت SmartOptimizer لضغط الملفات JS و CSS على الطاير.إنه على أساس PHP الملف minifier.

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

  1. أصغر حجم الملف (مؤكد)
  2. لا عنصر موازية تحميل تأخير لأن عدد أقل من البرامج النصية/الأنماط.
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top