1. ترتيب تنزيلات IE من أعلى إلى أسفل ، وترتيب التقديم هو أيضًا من أعلى إلى أسفل. يتم تنفيذ التنزيل وتقديم في وقت واحد.
2. عند تقديم جزء من الصفحة ، تم تنزيل جميع الأجزاء المذكورة أعلاه (لم يتم تنزيل جميع العناصر المرتبطة).
3. إذا واجهت ملفًا تفسيريًا للعلامة التفسيرية (JS Script ، نمط CSS) ، فإن عملية تنزيل IE ستمكّن اتصالًا منفصلًا للتنزيل.
4. بعد اكتمال تنزيل ورقة الأنماط ، سيتم تحليلها مع تنزيل جميع أوراق الأنماط مسبقًا. بعد الانتهاء من التحليل ، سيتم إعادة تقديم جميع العناصر السابقة (بما في ذلك تلك التي تم تقديمها من قبل).
5. إذا كان هناك أي إعادة تعريف في JS و CSS ، فإن وظيفة التعريف اللاحقة ستتجاوز وظيفة التعريف السابقة.
تحميل JS1. لا يمكن تنزيل وتحليل بالتوازي (حظر التنزيل).
2. عند الرجوع إلى JS ، يرسل المتصفح طلب JS وسينتظر إرجاع الطلب. نظرًا لأن المتصفح يحتاج إلى بنية DOM Tree مستقرة ، فمن المحتمل جدًا أن يكون هناك
يغير الرمز بشكل مباشر بنية شجرة DOM ، مثل استخدام المستند. الكتابة أو التمسح ، أو حتى باستخدام موقع title.href مباشرة. من أجل منع حدوث إصلاحات JS
لتعديل شجرة DOM ، من الضروري إعادة بناء شجرة DOM ، لذلك ستحظر التنزيلات والأداءات الأخرى.
كيفية تسريع تحميل صفحة HTML1. فقدان الوزن الصفحة:
أ. وزن الصفحة هو العامل الأكثر أهمية الذي يؤثر على سرعة التحميل.
ب. حذف المساحات والتعليقات غير الضرورية.
ج. انقل البرنامج النصي المضمّن و CSS إلى الملفات الخارجية.
د. يمكنك استخدام HTML Tidy لانقاص الوزن لـ HTML ، ويمكنك أيضًا استخدام بعض أدوات الضغط لفقدان الوزن لجافا سكريبت.
2. تقليل عدد الملفات:
أ. يمكن أن يؤدي تقليل عدد الملفات المشار إليها على الصفحة إلى تقليل عدد اتصالات HTTP.
ب. يمكن دمج العديد من ملفات JavaScript و CSS ومن الأفضل دمجها. وقد دمج Caibangzi JavaScript. وظائف ونموذج أولي في ملف base.js.
3. قلل من الاستعلام عن اسم المجال:
أ. تستهلك أسماء DNS الاستعلام والحالة أيضًا الوقت ، لذلك نحتاج إلى تقليل الإشارة إلى JavaScript الخارجية ، CSS ، الصور والموارد الأخرى. كلما كنت تستخدم أسماء المجال المختلفة ، كان ذلك أفضل.
4. ذاكرة التخزين المؤقت إعادة استخدام البيانات:
أ. ذاكرة التخزين المؤقت إعادة استخدام البيانات.
5. تحسين ترتيب تحميل عناصر الصفحة:
أ. قم أولاً بتحميل المحتوى الذي يتم عرضه أصلاً على الصفحة و JavaScript و CSS المتعلقة به ، ثم قم بتحميل الأشياء المتعلقة بـ HTML ، مثل تلك التي لم يتم عرضها على الصور الأصلية ، الفلاش ، مقاطع الفيديو ، وما إلى ذلك ، ثم تحميلها.
6. تقليل عدد جافا سكريبت المضمّن:
أ. سوف يفترض محلل المتصفح أن JavaScript المضمّن سيغير بنية الصفحة ، لذا فإن استخدام JavaScript المضمّن مكلف.
ب. لا تستخدم document.write () ، طريقة لإخراج المحتوى ، استخدم أساليب W3C DOM الحديثة لمعالجة محتوى الصفحة للمتصفحات الحديثة.
7. استخدم CSS الحديثة والعلامات القانونية:
أ. استخدم CSS الحديثة لتقليل الملصقات والصور. على سبيل المثال ، يمكن أن يؤدي استخدام نص CSS+ الحديثة إلى استبدال بعض الصور النصية فقط.
ب. استخدم العلامات القانونية لتجنب تصحيح الخطأ والعمليات الأخرى عندما يقوم المتصفح بتوزيع HTML. يمكنك أيضًا استخدام HTML TIDY لانقاص الوزن لـ HTML.
8. قطع المحتوى الخاص بك:
أ. لا تستخدم الجداول المتداخلة ، ولكن الجداول أو divs غير متداخلة. تحلل تخطيط الجدول استنادًا إلى أجزاء كبيرة من الجداول المتداخلة في جداول صغيرة متعددة ، لذلك لا يتعين عليك الانتظار حتى يتم تحميل محتوى الصفحة بأكمله (أو الجدول الكبير) قبل عرضه.
9. حدد حجم الصورة والجدول:
أ. إذا تمكن المتصفح من تحديد حجم الصورة أو الجدول على الفور ، فيمكنه عرض الصفحة على الفور دون إعادة توزيع بعض ترتيب التخطيط.
ب. هذا لا يسرع فقط عرض الصفحة ، ولكنه يمنع أيضًا بعض التغييرات غير السليمة في التصميم بعد تحميل الصفحة.
ج. الصورة تستخدم الارتفاع والعرض.
عملية تحميل صفحة HTML وعملية التحليل1. يدخل المستخدم عنوان URL (على افتراض أنه صفحة HTML وهي المرة الأولى التي تصل إليها) ، يصدر المتصفح طلبًا إلى الخادم ، ويعيد الخادم ملف HTML.
2. يبدأ المتصفح في تحميل رمز HTML ويجد أن هناك علامة <ink> في علامة <Head> التي تشير إلى ملف CSS الخارجي.
3. يصدر المتصفح طلبًا لملف CSS ، ويقوم الخادم بإرجاع ملف CSS.
4. يستمر المتصفح في تحميل الجزء <Body> من الكود في HTML ، وتم الحصول على ملف CSS ، بحيث يمكنك البدء في تقديم الصفحة.
5. وجد المتصفح علامة <img> في الكود الذي أشار إلى صورة وقدمت طلبًا إلى الخادم. في هذا الوقت ، لن ينتظر المتصفح حتى يتم تنزيل الصورة ، ولكن سيستمر في تقديم الكود اللاحق.
6. يقوم الخادم بإرجاع ملف الصورة. نظرًا لأن الصورة تحتل منطقة معينة ، فإنها تؤثر على ترتيب الفقرات اللاحقة ، لذلك يحتاج المتصفح إلى العودة وإعادة تقديم هذا الجزء من الرمز.
7. وجد المتصفح علامة <script> التي تحتوي على سطر من رمز JavaScript ، وقم بتشغيله بسرعة.
8. ينفذ البرنامج النصي JavaScript هذا البيان ، والذي أوامر المتصفح لإخفاء <Style> (style.display = none) في الكود. إنه لأمر مؤسف ، وفجأة يوجد مثل هذا العنصر المفقود ، ويتعين على المتصفح إعادة تقديم هذا الجزء من الكود.
9. أخيرًا ، انتظرت وصول </html> ، وينفجر المتصفح في الدموع ...
10. انتظر ، لم ينته بعد. قام المستخدم بالنقر فوق الزر Skinning في الواجهة ، وطلب JavaScript من المتصفح تغيير مسار CSS الخاص بعلامة <ink>.
11. جمع المستعرض الجميع هنا ، كل شخص قام بتعبئة أمتعتهم ، وعلينا أن نفعل ذلك مرة أخرى ... طلب المتصفح ملف CSS جديد من الخادم وإعادة تقديم الصفحة.