معربا عن تكنولوجيا المعلومات

وتشمل لجافا سكريبت في أسفل المستند HTML

إذا لم يكن لديك document.write (أو أي جيل ديناميكي من محتويات الصفحة باستخدام جافاسكريبتس) لإدراج جزء من محتوى الصفحة في البرامج النصية، نقل سيناريو يتضمن البيان إلى أسفل الصفحة، قبل نهاية العلامة BODY.
مواصفات HTTP/1.1 تشير إلى أن برامج التصفح تحميل ما لا يزيد عن عنصرين في نفس الوقت لكل اسم المضيف. إذا كنت تستخدم الصور الخاصة بك من أسماء المضيفين متعددة، يمكنك الحصول على أكثر من عقدين من التنزيلات تحدث في نفس الوقت. في حين أن السيناريو هو تحميله، ومع ذلك، فإن المتصفح لا تبدأ أي تنزيلات أخرى، وحتى على أسماء المضيفين مختلفة.
وهناك أيضا وسائل لخلق ديناميكية العقد النصي وتحميل البرامج النصية البعيد بعد أن يتم تحميل الصفحة باستخدام أجاكس.

الخارجى كنت في جافا سكريبت

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

حقيبتك ملفات جافا سكريبت

في حالة من جافاسكريبتس، بخلاف CSS، يمكن مطحون الملفات باستخدام بعض الخوارزميات القياسية التي من شأنها أن تعطي حجم الملف المخفض من مجرد إزالة مسافات أو علامات التبويب. يمكن العثور على مثال باكر جافا سكريبت هنا http://dean.edwards.name/packer/

تخلص من أي مخطوطات مكررة

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

الحد من الوصول إلى عناصر DOM حيثما كان ذلك ممكنا

الوصول إلى عناصر DOM مع جافا سكريبت بطيء جدا من أجل الحصول على صفحة أكثر استجابة، يجب:
مراجع مخبأ لعناصر الوصول •
• العقد تحديث "حاليا"، ومن ثم إضافتها إلى شجرة
• تجنب تحديد نسق مع جافا سكريبت

منفصلة سلوك من المضمون والعرض

تماما كما عرض منفصل (CSS / XSLT) من المحتوى (XHTML / XML)، ونحن يجب أن تفصل أيضا سلوك (جافا سكريبت). وهذا ما يسمى جافا سكريبت غير مزعجة. تماما كما ربط ملفات CSS الخارجية، ينبغي أن نربط إلى ملفات جافا سكريبت خارجي.

بدلا من الصعب الترميز السلوك في محتوى (مثل onmouseover، OnClick الخاص، وما إلى ذلك)، ينبغي سلوك حيوي إضافة إلى عناصر، والطبقات، وعناصر فريدة (معرفات) باستخدام DOM. ينبغي لهذه الوثيقة التأسيسية، والمحتوى، وتحتوي على الأقسام المختلفة صالحة فقط / XML وجافا سكريبت لا.
وينبغي أن جافا سكريبت زيادة محتوى عن طريق إضافة السلوك. ينبغي للمحتوى لا تزال مفيدة وصالحة للاستعمال بدون جافا سكريبت (أو من دون دعم جافا سكريبت كامل).

أنا أنقذت هذه الأعمار المادة الى الوراء، آسف جدا! أنا لا أتذكر المصدر ... ولكن يبدو من المفيد، بالنسبة لنا الذين لديهم ليكون على بينة عن الجمهور الذي كنا تطوير الموقع لذلك أنا هنا ... هو

ويمكن استخدام الوزن صفحة لتحديد الوقت لتحميل صفحة معينة على مجموعة متنوعة من سرعات الاتصال بالإنترنت. على سبيل المثال، ويبين الجدول التالي عدد مرات التحميل لمدة ثلاث صفحات مختلفة في عدد من سرعات الاتصال شعبية.

فوائد خفض الوزن الصفحة؟

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

1. صفحات تحميل أسرع. الأثر الأكثر وضوحا لخفض الوزن هي أن الصفحة صفحات موقع الويب الخاص بك سيتم تحميل أسرع للزوار، وبغض النظر عن سرعة الاتصال الخاصة بهم.
2. انخفاض مرات تحميل الصفحة خلق المزيد من الزوار مريح. الزوار هم أقل عرضة للتصاب بالإحباط والذهاب إلى مكان آخر إذا تحميل صفحات موقعك بسرعة. من ناحية أخرى، بطء تحميل صفحات هي واحدة من أضمن السبل لانقاص والزوار والعملاء المحتملين.
3. وسوف تحميل أسرع مرات تسهم في تحويل زيادة. والمزيد من الزوار البقاء على موقع الويب الخاص بك لفترة أطول. وأكثر منهم في نهاية المطاف إجراء عمليات الشراء، الاشتراك في الرسائل الإخبارية الخاصة بك، أو كتاب وسم موقعك.
4. وسيتم تعزيز مفهوم العلامة التجارية الخاصة بك. عودة الزبائن والزوار للمرة الأولى سيكون على حد سواء أكثر ميلا لوصف موقعك (والأعمال) بأنه "مهني" إذا تحميل صفحات موقعك بسرعة.
5. في كثير من الأحيان صفحات مع رمز ونظيفة ومتينة يمكن فهرستها على نحو أكثر فعالية عن طريق محركات البحث الطبيعية.
6. يمكن صفحات الأمثل لحفظ الوزن في الواقع رسوم عرض النطاق الترددي على مواقع حركة المرور عالية. 100000 صفحات وتزن كل منها 150 كيلو بايت يتطلب عرض النطاق الترددي مرتين بقدر من ISP من 100،000 صفحات كل الوزن 75 كيلو بايت. لمزودي خدمات الإنترنت أن فرض رسوم على استخدام عرض النطاق الترددي أو الفائض، وهذا يمكن الحد من خلق وفورات كبيرة في تكاليف عرض النطاق الترددي.

النظر في البيانات التالية، التي نشرت في تقرير

وضع معدات الشكل في الأعلى

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

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

وW3 المواصفات HTML "تنص أيضا على أن لا بد لي CSS تدرج في القسم الرئيسي من صفحة HTML. at the bottom of the page, so it's best not to use it. لاحظ أيضا أنه في IE @import سلوك نفس باستخدام <link> في أسفل الصفحة، لذلك فمن الأفضل عدم استخدامه.

تجنب استخدام ميزات مستعرض معين

المرشحات: استخدام فلتر يزيد من استهلاك الذاكرة ويتم تطبيقها لكل عنصر، وليس في صورة، لذلك يتم ضرب هذه المشكلة. أيضا، فلاتر هي الملكية آي إي، وبالتالي لا تعمل على النحو المنشود في المتصفحات الأخرى. إذا كنت تريد خلفيات شفافة أو الانحدار، واستخدام 1Pixel مع الصور.
التعبيرات: تعبيرات CSS هي سمة لطيفة في المغلق، لكنه لا يزال ميزة معينة آي إي. أيضا، من المهم أن نلاحظ أن هذه التعبيرات هي تقييم تمريره عندما يتم تقديم الصفحة وتغيير حجمها، وحتى عندما يقوم المستخدم بتحريك الماوس فوق صفحة. وغني عن القول هذا يمكن أن تؤثر على أداء موقعك. وبالتالي في كلمات بسيطة، وتجنب استخدام تعبيرات CSS، إلا إذا كنت تشعر إيجابياته، يزن أكثر من سلبيات لها "

الخارجى كنت CSS

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

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

حقيبتك ملف CSS

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

لا يمكن للCSS مطحون لي عن طريق إزالة جميع التعليقات وعلى أي شخصية غير مرغوب فيها مثل المساحات البيضاء، newlines الخ

للأعمار، ولقد التفكير في توحيد جميع أفضل الممارسات، لقد قرأت بين الحين والآخر. أخيرا! لم أحصل على وصولا الى وضعه على ركلة جزاء. أدركت أنها ستكون مهمة شاقة خلق هذه الوثيقة الضخمة، لذلك قررت أن أهدي فئة كاملة لها، حتى أتمكن من إبقاء مضيفا الاشياء عن أفضل الممارسات، وعندما واجهت لهم ...

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

مشاهدة هذا الفضاء والحفاظ على رسائل الوسائط المتعددة في فئة أفضل الممارسات

بسيط الناطقة (بالنسبة لأولئك الذين لم يسمعوا قط عن DOCTYPE قبل اليوم)! DOCTYPE هو الإعلان في وثيقة HTML الذي يأتي قبل علامة <HTML>، التي تبدو شيئا من هذا القبيل (لصق من مصدر هذه الصفحة جدا)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

وكان الحل لهذه المشكلة ومن ثم إلى

• تسمح للمطورين ويب الذي كان يعرف معاييرها لاختيار أي طريقة للاستخدام.
• يستمر عرض صفحات القديمة وفقا للقواعد (المراوغات) القديمة.

ولدت DOCTYPE.

لذلك، استنادا إلى ما إذا كنت مصمم الصفحة إلى المعايير أم لا، واخترت DOCTYPE المناسبة.

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

<DOCTYPE HTML PUBLIC "! - / / W3C / / DTD HTML 4.01 الانتقالية / / EN" "http://www.w3.org/TR/html4/loose.dtd">