Lightpanda: 64MB का ब्राउज़र जो Chrome से 60 गुना तेज़ है
BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00यह LightPanda है, एक हेडलेस ब्राउज़र जिसे विशेष रूप से AI एजेंटों के लिए Zig में शुरू से बनाया गया है, इसलिए इसमें WebKit या Chromium का उपयोग नहीं किया गया है, जो इसे हेडलेस Chrome की तुलना में नौ गुना तक तेज़ बनाता है और 16 गुना कम मेमोरी का उपयोग करता है।
00:00:12यह Chrome डेवलपर प्रोटोकॉल को भी उजागर करता है ताकि इसे Puppeteer या Playwright के साथ इस्तेमाल किया जा सके, लेकिन यह कोई पिक्सेल रेंडर नहीं करता है और service workers, IndexedDB और CORS जैसे सामान्य वेब API का समर्थन नहीं करता है।
00:00:22तो इसे OpenClaw और सेल्स एजेंट ब्राउज़र में क्यों इस्तेमाल किया जाता है? सब्सक्राइब बटन दबाएं और आइए पता लगाते हैं।
00:00:30LightPanda को 2024 के आसपास पियरे, फ्रांसिस और केट द्वारा रिलीज़ किया गया था, इससे बहुत पहले कि Clawed कोड जैसी कोई चीज़ मौजूद थी और उस समय के आसपास जब ChatGPT लोकप्रिय होने लगा था।
00:00:41यह वेब स्क्रैपिंग और ऑटोमेशन टूल के रूप में शुरू हुआ, लेकिन एजेंटों की लोकप्रियता बढ़ने के तुरंत बाद, उन्होंने AI एजेंटों पर ध्यान केंद्रित किया और इससे फंडिंग का एक दौर हासिल करने में सफल रहे।
00:00:51लेकिन क्या यह सिर्फ AI की लोकप्रियता के कारण एक त्वरित रीब्रांड था या यह वास्तव में एजेंटों के लिए अच्छा है?
00:00:56हम अपना खुद का एजेंट बनाकर इसका परीक्षण करने जा रहे हैं, जिसमें एक कस्टम WebFetch टूल के साथ Clawed SDK का उपयोग किया जाएगा, और हम Chrome और LightPanda को वेब ब्राउजिंग इंजन के रूप में उपयोग करेंगे और यह देखने के लिए अंतर की तुलना करेंगे कि कौन सा बेहतर है और क्यों।
00:01:09हालांकि LightPanda के पास एक MCP सर्वर है और इसकी अपनी क्लाउड सेवा भी है, हम चीजों को यथासंभव स्थानीय स्तर पर करने का प्रयास करेंगे।
00:01:16और हम WebFetch टूल बनाने का विस्तार करने से पहले LightPanda का उपयोग करने के एक बुनियादी उदाहरण के माध्यम से जाएंगे।
00:01:22तो यहाँ एक स्क्रिप्ट है जो मेरे पास है जो अनिवार्य रूप से Wikipedia से लिंक का एक गुच्छा लाती है।
00:01:27और यह काम इस तरह करता है कि यह पहले एक LightPanda सर्वर बनाएगा, फिर Puppeteer का उपयोग करके उस सर्वर से जुड़ेगा।
00:01:32हमारे पास यह जांचने के लिए कुछ कोड है कि प्रक्रिया में कितना समय लगेगा, और यह Wikipedia पर जाएगा और संदर्भ अनुभाग में सभी लिंक के माध्यम से जाएगा और उन्हें प्रिंट करेगा।
00:01:40यदि आप इसकी कल्पना करना चाहते हैं, तो संदर्भ अनुभाग वेब ब्राउज़र पृष्ठ के लिए यहाँ नीचे है।
00:01:44और जैसा कि आप देख सकते हैं, पहला संदर्भ लिंक यह डिवाइस एटलस वाला है, जो यहाँ नीचे वाले से मेल खाता है।
00:01:50तो LightPanda ने 344 मिलीसेकंड में सभी लिंक ढूंढ लिए।
00:01:53और अगर हम Chrome के साथ ऐसा ही करने की कोशिश करते हैं, तो इसमें 392 मिलीसेकंड लगते हैं।
00:01:58तो बहुत अधिक अंतर नहीं है, लेकिन जब आपके पास कई पेज होते हैं जिन्हें आप स्क्रैप करना चाहते हैं तो चीजें नाटकीय रूप से बदल जाती हैं।
00:02:04तो यहाँ एक प्रमुख अंतर के साथ एक समान स्क्रिप्ट है।
00:02:07एक Wikipedia पृष्ठ से लिंक प्राप्त करने के बजाय, हम 100 कर रहे हैं।
00:02:11इसलिए यदि हम परिभाषा पर जाएं, तो हम देख सकते हैं कि यह वेब ब्राउज़र से HTTPS, JavaScript, Mongo, Python, और बहुत कुछ के लिए सभी पेज लाने वाला है।
00:02:19इसलिए यदि हम इसे LightPanda के साथ आज़माते हैं, तो पूरी चीज़ 18 सेकंड में हो जाती है।
00:02:23और यदि हम Chrome के लिए भी ऐसा ही करने की कोशिश करते हैं, तो इसमें लगभग 30 सेकंड लगते हैं।
00:02:26और कुछ मामलों में, जब मैंने इसे चलाया, तो इसमें 60 सेकंड लगे।
00:02:29लेकिन आइए देखें कि अगर यह किसी एजेंट के माध्यम से चल रहा है तो प्रदर्शन कैसे अलग होता है।
00:02:32तो यहाँ मेरे पास Claude SDK का उपयोग करने वाला एक बहुत ही बुनियादी एजेंट है और यहाँ एक webfetch टूल है जो इस प्रॉम्प्ट को चलाता है।
00:02:39तो यह JavaScript में ArrayMap, Filter और Reduce के बीच के अंतर का सारांश देता है और उनके बारे में जानकारी खोजने के लिए MDN में इन विशिष्ट लिंक पर जाता है।
00:02:48नीचे हमारे पास हमारा एजेंटिक लूप है और यहाँ, क्योंकि केवल एक टूल है, इसलिए यह जांचने के लिए if स्टेटमेंट है कि क्या उस विशिष्ट टूल का उपयोग किया जा रहा है।
00:02:54लेकिन अगर हमारे पास और टूल होते, तो ऐसा होता।
00:02:56और यहाँ webfetch फ़ंक्शन है जिसका उपयोग जब भी कोई टूल कॉल होता है तब किया जाता है।
00:03:00अब, उसके नीचे, हमारे पास कुछ मेट्रिक्स और ब्राउज़र मेमोरी की गणना करने के लिए यहाँ एक फ़ंक्शन है।
00:03:04यह प्रोजेक्ट Chrome DevTools प्रोटोकॉल का उपयोग करके LightPanda और Chrome का उपयोग करने जा रहा है।
00:03:09तो हम इसे एक पोर्ट पर चलाएंगे और Puppeteer एजेंट को चलाने से पहले उस पोर्ट से जुड़ जाएगा।
00:03:14हम LightPanda serve का उपयोग करके सर्वर शुरू कर सकते हैं और फिर हम अपना एजेंट चला सकते हैं, जो MDN से तीन URL लाता है, Claude को जानकारी देता है।
00:03:22और यहाँ यह हमें एक प्रतिक्रिया देता है जो हमें Map, Filter और Reduce के बीच का अंतर बताता है, साथ ही मेट्रिक्स भी लौटाता है।
00:03:29अब आइए इसे Chrome के साथ आज़माएं, इसके डिफ़ॉल्ट कैशिंग से छुटकारा पाना सुनिश्चित करें क्योंकि LightPanda एक पूर्ण ब्राउज़र नहीं है और इसमें Chrome जैसी कैशिंग का स्तर नहीं है।
00:03:38तो इसे Chrome से हटाना ही उचित है।
00:03:40और फिर हम Chrome में वही चीज़ चलाएंगे, जो MDN से URL भी लाता है और हमें Claude से जवाब भी देता है।
00:03:46लेकिन यहाँ चीजें काफी अलग हैं।
00:03:48तो अगर हम परिणामों को साथ-साथ रखें, तो LightPanda यहाँ और Chrome यहाँ, दोनों ही तीन फेच करते हैं।
00:03:54लेकिन हम देख सकते हैं कि LightPanda के लिए फेच का समय बहुत तेज़ था, Chrome से लगभग दोगुना तेज़।
00:03:59वॉल टाइम समान है।
00:04:01लेकिन यहाँ देखिए, LightPanda के लिए ब्राउज़र मेमोरी केवल 66 मेगाबाइट है, जबकि Chrome के लिए यह 829 है।
00:04:07तो LightPanda से 10 गुना से अधिक और साथ ही एजेंट मेमोरी LightPanda के लिए थोड़ी कम है, लेकिन ब्राउज़र इंजन वास्तव में इस मान को बहुत अधिक नहीं बदलेगा।
00:04:17ईमानदारी से, आपको हेडलेस ब्राउज़िंग के लिए कभी भी दोबारा Chrome का उपयोग नहीं करना चाहिए।
00:04:20मेरा मतलब है, आप ऐसा क्यों करेंगे? LightPanda, Chrome से 21 गुना तक छोटा है, तेज़ है और बहुत कम मेमोरी का उपयोग करता है।
00:04:28लेकिन एक स्थिति ऐसी है जहाँ आप LightPanda के बजाय Chrome का उपयोग करना चाह सकते हैं।
00:04:33तो अगर हम JavaScript प्रश्न वाले प्रॉम्प्ट को बदलकर Tokyo में Airbnb से पाँच संपत्तियाँ लाने के लिए कहें, तो Chrome के साथ उसे चलाने से हमें अपेक्षित परिणाम मिलते हैं।
00:04:42लेकिन अगर आप LightPanda के साथ भी ऐसा ही करते हैं, तो हम देखते हैं कि यह Airbnb से लिस्टिंग प्राप्त करने में सक्षम नहीं है।
00:04:47और इसका कारण यह है कि Airbnb एक सिंगल पेज एप्लिकेशन है, जबकि LightPanda के पास JavaScript निष्पादित करने के लिए V8 इंजन है।
00:04:54यह सिर्फ भाषा-स्तरीय निष्पादन के लिए है।
00:04:57जैसे async await, closures, promises और ऐसी चीजें।
00:05:00लेकिन Airbnb के लिए इस एकल पृष्ठ एप्लिकेशन जैसी अधिक जटिल चीज़ के लिए, LightPanda इसे रेंडर करने और सभी प्रासंगिक जानकारी प्राप्त करने के लिए संघर्ष करता है।
00:05:07तो SPA को सही ढंग से रेंडर करने में सक्षम न होने के अलावा, जिसे वे भविष्य में बदल सकते हैं, मुझे नहीं पता।
00:05:13LightPanda एक कस्टम एजेंट में जोड़ने के लिए एक बेहतरीन टूल या अतिरिक्त चीज़ है जिसे किसी भी वेब सर्च या किसी भी वेब फेचिंग को करने की आवश्यकता है।
00:05:20और जब हम एजेंट के साथ वेब ब्राउज़िंग के विषय पर हैं, यदि आप कभी चाहते हैं कि Clawed कोड आपके वास्तविक चल रहे Chrome सत्र को सुरक्षित रूप से नियंत्रित करे।
00:05:27तो अपने लॉग इन विवरण और सब कुछ के साथ, Chrome MCP सर्वर का उपयोग करके रिमोट डिबगिंग पर यह वीडियो देखें।