أفضل الممارسات: وتشمل (أو <النصي SRC = "

Question

ولقد مصغر بلدي جافا سكريبت وبلدي المغلق.

والآن، أيهما أفضل؟

<script type="text/javascript">
<?
  $r = file_get_contents('min.js');
  if($r) echo $r;
?>
</script>

وOR

<script type="text/javascript" src="min.js"></script>

ونفس السؤال بالنسبة CSS.

إذا كان الجواب "أحيانا بسبب المتصفحات جلب الملفات في وقت واحد؟ التي المتصفحات، وما هي أمثلة من الأوقات في أي سيناريو.

Answer 1

<script type="text/javascript" src="min.js"></script>

... هو أفضل، ومتصفح المستخدم يمكن تخزين الملف.

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

<script type="text/javascript" src="min.js?version=20081007134916"></script>

Answer 2

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

ولكن هذا صحيح فقط إذا قمت بتعيين مناسبا تنتهي و / أو رأس التحكم ذاكرة التخزين المؤقت للجافا سكريبت وملفات المغلق عبر فب أو mod_expires أباتشي.

واستنادا إلى recommondation من الأداء الاستثنائي ياهو هناك استثناء واحد فقط:

<اقتباس فقرة>   

والاستثناء الوحيد حيث رمز مصدر هو الأفضل هو مع الصفحات الرئيسية، مثل صفحتها ياهو وبلدي ياهو! الصفحات الرئيسية التي لديها عرض الصفحة قليل (ربما واحد فقط) في كل دورة قد تجد أن رمز مصدر جافا سكريبت والنتائج CSS في أوقات الاستجابة للمستخدم النهائي أسرع.

وأقترح هيغلي لك تجربة الملحق "YSlow عن الحرائق". فهو يجيب على الكثير من الأسئلة حول التخزين المؤقت والمتصفح / -performance العميل.

وانظر أيضا:

أباتشي mod_expires

أفضل الممارسات لتسريع موقع الويب الخاص بك

YSlow

Answer 3

وتذكر أن متصفح يمكن تحميل ملفات AT MOST اثنين في نفس الوقت من نفس المجال (هذا هو الافتراضي على المتصفحات الحديثة - أنا واثق حول IE6 و IE7، ولست متأكدا عن الآخرين). وهذا يعني أنه إذا صفحتك يحيل الى 20 ملفات جافا سكريبت صغيرة، وكثير سوف الحصول على تحميل بالتتابع.

لإضافة إلى ما تم بالفعل وقال: تذكر أنه إذا كنت الجمع بين / تقليل جافا ملفات جافا سكريبت الخاصة بك، فمن الأفضل لدمج كل منهم في واحد - فإن ضغط تعمل على نحو أفضل. بالإضافة إلى ذلك، حتى لو كنت لا تقليل جافا الملفات الخاصة بك، وتذكر لتشغيل GZIP في حياتك التكوين خادم الويب. ثم، إذا كنت الجمع بين جميع ملفات JS الخاص بك إلى واحد وتشمل هذا الملف كما، فإن ضغط GZIP عمل أفضل (لأن ضغط اثنين JS ملفات معا يعطي نتائج أفضل من ضغط كل على حدة).

إذا كنت تبحث عن JS فائدة تصغير الحجم جيدة، حاول JS باكر ( HTTP: // عميد. edwards.name/packer/ )