वेब पेज लोड आँकड़ों का संग्रह

मैं मुख्य रूप से फ्रंट डेवलपर्स के लिए एक उपयोगी उपकरण समुदाय के साथ साझा करना चाहूंगा। उपकरण बल्कि नम है, विकास की जरूरत है। सीधे शब्दों में कहें, यह एक सामान्य शिट कोड है जो समस्या को हल करता है। रिफैक्टरिंग के लिए मुझमें काबिलियत नहीं है।

हम किस समस्या का समाधान कर रहे हैं?

स्क्रिप्ट आपको ब्राउज़र की तरफ "पूर्ण" पृष्ठ लोड पर आंकड़े एकत्र करने की अनुमति देती है। यह सर्वर द्वारा पृष्ठ वितरण समय के बराबर नहीं है, जाहिर है। पूर्ण लोडिंग से मेरा मतलब है कि सभी पृष्ठ संसाधनों (चित्र, शैली, स्क्रिप्ट) को लोड करना और ऑनलोड ब्राउज़र घटना को निष्पादित करना। जैसा कि सभी जानते हैं, इस समय को फायरबग में देखा जा सकता है। लेकिन यह स्पष्ट है कि पर्याप्त मूल्यांकन के लिए आंकड़े इकट्ठा करना आवश्यक है, अर्थात्। पृष्ठ खोलें और एक या दो बार से अधिक इसके पूर्ण लोडिंग का समय याद रखें। सैकड़ों शुरुआत के आधार पर, आप पहले से ही एक पूर्ण भार के औसत समय के बारे में बात कर सकते हैं, और यह मेरी समझ में एक अच्छा मीट्रिक होगा।

एक समय में, फ़ायरबग फ़ायरफ़ॉक्स v.3.6 के लिए एक एक्सटेंशन लिखा गया था, जिसने इस तरह के आंकड़े एकत्र करने की अनुमति दी थी, और ब्राउज़र कैश - हैमरहेड ( stevesouders.com/hammerhead ) को बंद करना संभव था। दुर्भाग्य से, यह नए संस्करणों के साथ संगत नहीं है।

मुझे जावास्क्रिप्ट फ़ाइलों के अनुकूलित डाउनलोड की प्रभावशीलता का आकलन करने के लिए ऐसे आंकड़ों की आवश्यकता थी। नतीजतन, कुछ भी उपयुक्त नहीं पाकर, मैंने अपनी बाइक बनाई। आधार के रूप में, वेब इंटरफेस के स्वत: परीक्षण के लिए सेलेनियम वेबड्राइवर प्रणाली को चुना गया था। मैंने अजगर संस्करण का उपयोग किया। समय को मापने के लिए, अपेक्षाकृत नई HTML5 window.performance ऑब्जेक्ट का उपयोग किया जाता है (अधिक विवरण के लिए www.html5rocks.com/en/tutorials/webperformance/basics ) देखें।

स्क्रिप्ट रन

यह सेलेनियम के लिए मेरा पहला (और अब तक का आखिरी!) टेस्ट था, इसलिए मैं स्थापित करने और चलाने में कुछ कठिनाइयों में भाग गया। सामान्य तौर पर, मैं आपको मिखाइल पोलारश के मास्टर वर्ग पर ध्यान केंद्रित करने की सलाह देता हूं "अपना पहला सेलेनियम टेस्ट कैसे लिखें?" ( Youtu.be/IPraAY78jGY?t=22m22s )
स्क्रिप्ट को सफलतापूर्वक चलाने के लिए, कई शर्तों को पूरा करना होगा:
a) टाइपराइटर पर अजगर की उपस्थिति
बी) स्वचालित परीक्षण के उत्पाद को सीधे स्थापित करना:

pip install selenium 

ग) परीक्षणों के लिए अजगर दुभाषिया स्थापित करना, जुनिट का एक एनालॉग:

 pip install pytest 

परीक्षण, उदाहरण के लिए, फ़ाइल test.py में चलाने की आज्ञा:

 py.test test.py 

लॉन्च कैसा दिखता है, स्क्रीनशॉट:

कोड विवरण

(जैसा कि पहले से ही सहमत है, सभी कोड एक एकल टेस्टोस्टेरोन फ़ाइल में है)

 # author: ivn_cote # MIT license from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import Select from selenium.common.exceptions import NoSuchElementException import unittest, time class Test3(unittest.TestCase): def setUp(self): #      self.driver = webdriver.Firefox() #   ,    webdriver.Chrome('./chromedriver') self.driver.implicitly_wait(10) # 10         self.base_url = "http://www.amazon.de" #   self.verificationErrors = [] self.driver.get(self.base_url + "/gp/yourstore/home?ie=UTF8&ref_=topnav_ys") #    def test_stat(self): #     loops = 2 #    driver = self.driver total = 0 #  ,     ,   , # ., : #self.driver.execute_script( "document.cookie='name=value'" ) #     ,      : #self.driver.add_cookie({'name':'value'}) for j in range(loops): driver.refresh() #time.sleep(3) #  3   ,   Chrome! #       onload stext = self.driver.execute_script( "return ( window.performance.timing.loadEventEnd - window.performance.timing.navigationStart )") total = total + int(stext) print "Value is: %s" % stext print "TOTAL is: %s" % (total / loops ) self.assertEqual("0", total) #    ,    (  ),        def tearDown(self): #      self.driver.quit() self.assertEqual([], self.verificationErrors) if __name__ == "__main__": unittest.main() 

विशेषताएं:

तो, फिर से टूल आपको क्या करने की अनुमति देता है:

• किसी भी पृष्ठ के पूर्ण लोड होने पर आंकड़ों का स्वचालित संग्रह।
• क्रोम या फ़ायरफ़ॉक्स में चलाएं (आप ब्राउज़र प्रोफाइल को कस्टमाइज़ कर सकते हैं, जैसा कि मैं इसे समझता हूं)।

मुझे खुशी होगी अगर यह उपकरण किसी और के लिए उपयोगी है!
मैं निश्चित रूप से इसमें सुधार करना चाहूंगा। सबसे पहले, आंकड़ों के साथ जानकारी के आउटपुट से निपटें - इसे एक फ़ाइल में रखें। दूसरे, window.performance से बड़ी संख्या में पैरामीटर एकत्र करें। तीसरा, संख्याओं के बजाय रेखांकन देखना बहुत अच्छा होगा।