🧘🏻 📊 🖕 Android ब्राउज़र प्रदर्शन। भाग 1: शुद्ध जावास्क्रिप्ट गणना 🚟 🏗️ 👨🏼‍🎓

हेलो हस्बर्स। अब मैं html5 + फोनगैप में एक खेल लिखने की कोशिश कर रहा हूं, निश्चित रूप से, प्रदर्शन बहुत अच्छा नहीं है। इसलिए मैंने प्रदर्शन के लिए फोनगैप सहित एंड्रॉइड के लिए उपलब्ध सभी ब्राउज़रों का परीक्षण करने का फैसला किया, इस श्रृंखला में लेख पर विचार किया जाएगा:

1. शुद्ध जावास्क्रिप्ट में गणना।
2. DOM का उपयोग करके रेंडरिंग।
3. कैनवस का उपयोग करके प्रतिपादन।
4. WebGL का उपयोग करके प्रतिपादन।

दरअसल, इस हिस्से में हम जावास्क्रिप्ट में गणनाओं को मापेंगे, हालांकि यह इतना महत्वपूर्ण संकेतक नहीं है, लेकिन चूंकि आधुनिक खिलौनों के भौतिकी में बड़ी गणनाओं की आवश्यकता होती है, यहां जेएस प्रदर्शन को हैक कर सकते हैं।
और इसलिए हम गुणा करेंगे, रूट प्राप्त करेंगे और एक लाख बार विभाजित करेंगे, यहां इस तरह का एक सरल कोड है:

for (i = 1; i <= 1000000; i++) { tmp1 = Math.random() * Number.MAX_VALUE; tmp2 = Math.sqrt(tmp1); tmp3 = tmp1 / tmp2; }

पूर्ण स्रोत:

 <html> <style type="text/css"> #mean { color: #8b0000; } </style> <body> </body> <script> var iteration = 0; var sumTime = 0; var init = function () { document.addEventListener('click', onClick); }; var onClick = function (e) { var i, tmp1, tmp2, tmp3, t1, t2, currentTime; t1 = new Date(); for (i = 1; i <= 1000000; i++) { tmp1 = Math.random() * Number.MAX_VALUE; tmp2 = Math.sqrt(tmp1); tmp3 = tmp1 / tmp2; } t2 = new Date(); currentTime = t2.getTime() - t1.getTime(); document.body.innerHTML += 'Time: ' + currentTime.toString() + ' ms <br>'; iteration++; sumTime += currentTime; if (iteration == 10) { document.body.innerHTML += '<div id="mean">Mean:' + (sumTime / iteration).toString() + 'ms </div><br>'; iteration = 0; sumTime = 0; } }; document.addEventListener("DOMContentLoaded", init, false); </script> </html>

परीक्षण सैमसंग गैलेक्सी टैब 2 पी 5100 डिवाइस पर आयोजित किया गया था।
परीक्षण में एंड्रॉइड के लिए लोकप्रिय ब्राउज़रों के नए संस्करणों के साथ-साथ PhoneGap और Adobe AIR जैसे लोकप्रिय प्लेटफॉर्म शामिल थे।

हम देखते हैं कि क्या हुआ:

ब्राउज़र	संस्करण	मिलीसेकंड
ओपेरा	12.1.3	896
फ़ायरफ़ॉक्स	17.0	176
क्रोम	18.0	76
Android borwser		161
PhoneGap	2.2.0	157
एडोब हवा	3.5.0.60	158
डॉल्फिन	9.0.3	157

अब और अधिक स्पष्ट रूप से:
Android ब्राउज़र प्रदर्शन चार्ट

निष्कर्ष:

जैसा कि आप देख सकते हैं, ओपेरा ने js के प्रदर्शन को जड़ से काट दिया। इसके बाद एफएफ आता है, फिर मानक एंड्रॉइड ब्राउज़र, फोनगैप और एडोब आकाशवाणी में लगभग समान प्रदर्शन, जो आश्चर्य की बात नहीं है क्योंकि वे एक ही WebKit का उपयोग करते हैं।
जो भी पहले में क्रोम पर संदेह करता था, वह एक मानक ब्राउज़र की तुलना में दोगुना तेज़ हो गया, जो मेरे सिर में फिट नहीं होता है, क्योंकि वे दोनों WebKit का उपयोग करते हैं।
मैं मानता हूं कि इस तरह का एक सरल संकेतक बहुत जानकारीपूर्ण नहीं है, और इन ब्राउज़रों में वास्तविक गेम कैसे व्यवहार करेंगे, यह पूरी तरह से प्रतिबिंबित करने में असमर्थ है, लेकिन पहला कदम उठाया गया है, और फिर सब कुछ केवल अधिक दिलचस्प होगा।

अपडेट:

श्रमिकों के अनुरोध पर, डॉल्फिन को जोड़ा गया था, जैसा कि हम देख सकते हैं कि WebKit के सभी लोग लगभग समान प्रदर्शन देते हैं।

Android ब्राउज़र प्रदर्शन। भाग 1: शुद्ध जावास्क्रिप्ट गणना

निष्कर्ष:

अपडेट:

More articles: