1. التحميل
قم أولاً بتحميل ملف JS المرجعي للصفحة الثابتة ، ثم ابحث عما إذا كان الملف المرجعي يحتوي على وظيفة ONLOAD ، مثل وظيفة ONLOAD في main.js ، والعثور على ما إذا كانت هناك إشارات إلى ملفات JS الأخرى في Main.js ، والأولوية هي تحميل ملف JS المرجعي. ترتيب التحميل للملفات المشار إليها هو نفس ترتيب Main.js.
بعد التحميل ، ابدأ في تنفيذ وظيفة Onload. نظرًا لأن ترتيب تنفيذ JS يتم تنفيذه بالتتابع ، من أجل تحسين السرعة المقابلة للصفحة ، فإنه يمكن تأخيره بشكل عام فقط في رسم الصفحة في Onload ، ويمكن تأخير بعض وظائف ربط الأحداث ، وطرق Ajax ، وما إلى ذلك.
2. تحليل سرعة الاستجابة
1. استخدم الأدوات للتحليل
يمكن لأدوات المطورين للمتصفحات الرئيسية (مثل Firefox أكثر) عرض وقت التحميل والتنفيذ لكل ملف JS وملف HTML وملف CSS والصور.
2. التحليل الصلب
في الخطوة الأولى ، يمكننا تحديد موقع ملف Bottleneck JS. في Bottlenect JS ، يمكنك استخدام عبارات Console.time ('test') و console.endtime ('test') لحساب وقت تنفيذ وظيفة JS وكتلة الرمز. ومع ذلك ، فإن عبارة وحدة التحكم صالحة فقط في المتصفحات غير IE ، وسيتم الإبلاغ عن خطأ بموجب IE. إذا كنت تفضل استخدام IE ، فاستخدم الطابع الزمني. عند التعلق ، تتمثل الطريقة الأكثر ملاءمة في قرصة ملف JS بأكمله مباشرة ، ثم استخدام متصفح Firefox ، اضغط على F12 لمشاهدة الوقت المستهلك لجميع الوظائف وكتل التعليمات البرمجية في JS الهدف في وحدة التحكم ، ويمكنك تحديد موقعه على رمز الفجوات.