كيفية الكشف عن سرعة الاتصال بجافا سكريبت

أضف علامات البرنامج النصي البداية والنهاية في منطقة الرأس بصفحة الويب (بعد علامة البداية ولكن قبل علامة النهاية) ، على سبيل المثال:

أضف الكود التالي بين علامتي البرنامج النصي للبداية والنهاية ، مع استبدال "myimage.jpg" باسم ملف الصورة التي تريد استخدامها لاختبار السرعة. الجزء "؟ n =" + Math.random () من العنوان الذي تم إنشاؤه وتعيينه إلى imageAddr يخدع متصفح الويب لجلب الصورة في كل مرة بدلاً من استخدام نسخة مخبأة محليًا. استخدم صورة بحجم ملف حوالي 200 كيلو بايت.

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

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

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

دالة showResults () {var duration = Math.round ((endTime - startTime) / 1000) ؛ var bitsLoaded = تنزيل الحجم * 8 GO var speedBps = Math.round (بت تحميل / المدة) GO var speedKbps = (speedBps / 1024) .toFixed (2) GO var speedMbps = (speedKbps / 1024). toFixed (2) GO تنبيه ("سرعة اتصالك هي: \ n" + speedBps + "bps \ n" + speedKbps + "kbps \ n" + speedMbps + " ميغابت في الثانية \ n ") GO}

افتح الصفحة في المستعرض الخاص بك ، واختبرها للتأكد من أن البرنامج النصي يعمل بشكل صحيح. قد يستغرق ظهور مربع الرسالة بنتائج الاختبار بضع ثوانٍ.

نصيحة

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