तुमचे React किंवा Next.js ॲप प्रत्येक रिलीझमध्ये हळू होत गेले. बंडल वाढले, प्रतिमा पूर्ण आकारात पाठवल्या जातात, तृतीय-पक्ष स्क्रिप्ट पहिल्या पेंटला अवरोधित करते, प्रत्येक कीस्ट्रोकवर सूची पुन्हा रेंडर होते. यापैकी कोणत्या गोष्टींमुळे तुमच्या वापरकर्त्यांचा वेळ वाया जातो हे मी मोजतो, त्यानंतर दुरुस्त करण्यासारख्या गोष्टी दुरुस्त करतो.
मी तुमच्या React किंवा Next.js ॲपचे प्रोफाइल तयार करेन आणि ते अधिक वेगवान बनवेन, संख्यांसह
तुमच्या ॲपच्या एका पानावर लाइटहाऊस आणि प्रोफाइलर, निष्कर्षांची क्रमवारी फायद्यानुसार.
- एक पृष्ठ प्रोफाइल केलेले, रँक केलेले
ऑडिट, नंतर संख्या बदलणारे निराकरण, आधी आणि नंतर मोजले जाते.
- ऑडिट आणि मुख्य दुरुस्त्या
- स्रोत कोड
5 पर्यंत मार्ग, रेंडरिंग आणि कॅशिंग, CI मध्ये बंडल बजेट, पूर्ण तुलना.
- डीप पास, 5 मार्गांपर्यंत
- स्रोत कोड
सानुकूल ऑफरची विनंती करा
सानुकूल ऑफरची विनंती करण्यासाठी लॉग इन करा
या Zinner कडून वैयक्तिकृत ऑफरची विनंती करण्यासाठी एक विनामूल्य खाते तयार करा किंवा लॉग इन करा.
लॉग इन / नोंदणी कराविक्रीपूर्व प्रश्न विचारा
प्रश्न विचारण्यासाठी लॉग इन करा
प्लॅटफॉर्मवरील स्पॅम कमी करण्यासाठी, प्री-सेल मेसेजेस फक्त लॉग-इन केलेल्या युजर्सनाच पाठवता येतील.
या Zinner ला थेट संदेश पाठवण्यासाठी एक विनामूल्य खाते तयार करा किंवा लॉग इन करा.
लॉग इन / नोंदणी करालॉगिन आवश्यक आहे
या Zinner ला संदेश पाठवण्यासाठी एक विनामूल्य खाते तयार करा किंवा लॉग इन करा.
लॉग इन / नोंदणी करालॉगिन आवश्यक आहे
वैयक्तिकृत ऑफरची विनंती करण्यासाठी एक विनामूल्य खाते तयार करा किंवा लॉग इन करा.
लॉग इन / नोंदणी कराएका दृष्टीक्षेपात
तुम्हाला निर्णय घेण्यास मदत करण्यासाठी या सेवेबद्दलची प्रमुख माहिती. Zinn Hub द्वारे व्युत्पन्न, विक्रेत्याद्वारे नाही.
मूल्य स्थिती
Measurement Approach
कव्हर केलेली फ्रेमवर्क
Metrics Reported
वितरण पद्धत
तुम्हाला काय मिळेल
पूर्ण वर्णन
जर तुम्हाला वाटत असेल की धीमे पृष्ठे तुम्हाला साइनअप किंवा शोध रहदारीसाठी खर्च करत आहेत आणि तुम्हाला तुमच्याकडे असलेले ॲप ठेवायचे असेल तर हे ऑर्डर करा. React आणि Next.js मध्ये आधीच वेगवान ॲपला आवश्यक असलेल्या बहुतेक गोष्टी असतात, त्यामुळे स्टॅक बदलण्याऐवजी ती साधने चांगल्या प्रकारे वापरल्याने फायदे मिळतात.
तुम्हाला संख्या मिळतात, विशेषण नाहीत: LCP, CLS, INP आणि प्रत्येक मार्गासाठी बंडल आकार, एकाच थ्रॉटल केलेल्या कनेक्शनवर आधी आणि नंतर मोजले जातात, एका टेबलमध्ये.
स्टार्टर हे एका पृष्ठाचे ऑडिट आहे: रन, फायद्यानुसार क्रमवारी लावलेले निष्कर्ष, कोणताही कोड बदललेला नाही. स्टँडर्ड त्या ऑडिटपासून सुरू होते आणि उर्वरित वेळ त्या संख्या बदलणाऱ्या निराकरणांवर खर्च करते. ॲडव्हान्समध्ये 5 पर्यंत मार्ग समाविष्ट आहेत, रेंडरिंग आणि कॅशिंग ट्यून करते आणि CI मध्ये बंडल बजेट सोडते जेणेकरून पुढील रिलीझ शांतपणे काम रद्द करू शकत नाही.
तुमच्या रेपॉजिटरीमधील एका शाखेत, कमिट बाय कमिट, प्रत्येक त्याच्या कारणासह काम होते. तुम्ही विचारल्याशिवाय माझ्याद्वारे काहीही तैनात केले जात नाही.
कोणतेही कॉल नाहीत. माझ्याशी असहमत असलेल्या मापनांसह सर्व काही लेखी.
तुमचा प्रकल्प पूर्ण करण्यासाठीची पाऊले
1. तुमच्या वापरकर्त्यांना प्रत्यक्षात काय मिळते ते मोजा - तुमच्या लाइव्ह पेजेसवरील लाईटहाऊस आणि धीम्या कनेक्शनवर, धीम्या पेजेसवरील रिॲक्ट प्रोफाइलर सेशन. LCP, CLS, INP आणि प्रत्येक मार्गासाठी बंडलचा आकार, काहीही करण्यापूर्वी लिहून ठेवा.
2. सर्वात जास्त खर्च कशाचा होतो ते शोधा - बंडल आणि नेटवर्क वॉटरफॉल: कोणीही वापरत नसताना काय पाठवले जाते, पहिले पेंट कशामुळे थांबते, कोणते घटक पुन्हा रेंडर होतात आणि का. प्रत्येक शोधातून मिलीसेकंद किंवा किलोबाइट्समध्ये अंदाजित बचत होते.
3. ते दुरुस्त करा, सर्वात मोठा फायदा आधी - कोड स्प्लिटिंग, इमेज आणि फॉन्ट हाताळणी, रेंडर-ब्लॉकिंग काम, प्रोफाइलरने विचारल्यास मेमोरायझेशन, गंभीर मार्गावरून डेटा फेचिंग हलवणे. प्रत्येक बदलासाठी एक कमिट, प्रत्येक त्याच्या कारणासह.
4. पुन्हा मोजा, बाजूला बाजूला - बदललेल्या बिल्डवर तेच रन: एका टेबलमध्ये आधी आणि नंतर, प्रत्येक मार्ग आणि प्रत्येक मेट्रिकनुसार. जर एखाद्या बदलामुळे काहीतरी वाईट झाले असेल, तर टेबल ते दर्शवते आणि तो बदल परत घेतला जातो.
5. तुमच्या रिपॉझिटरीमध्ये हस्तांतरण - तुमच्या रिपोमध्ये एक शाखा किंवा पॅच, अहवाल आणि मी काय केले नाही आणि त्याची किंमत किती असेल याची प्रामाणिक यादी. डिप्लॉयमेंट तुमच्या हातात राहते.
Zinner गुणवत्ता हमी
प्रत्येक Zinner ला प्लॅटफॉर्ममध्ये सामील होण्यापूर्वी पुनरावलोकन केले जाते आणि मंजूर केले जाते.
सर्व सेवा आमच्या गुणवत्ता हमी वचनबद्धतेने समर्थित आहेत.
तुम्ही वितरित केलेल्या कामाला मंजुरी देईपर्यंत तुमचे पेमेंट सुरक्षित आहे.
पॅकेजेसची तुलना करा
| कार्य | स्टार्टर | मानक | प्रगत |
|---|---|---|---|
| वितरण वेळ | 2 दिवस | 4 दिवस | 8 दिवस |
| पुनरावृत्ती | 0 | 2 | 3 |
| व्याप्ती | एक पृष्ठ प्रोफाइल केलेले, क्रमवारी लावलेले | ऑडिट अधिक मुख्य दुरुस्त्या | डीप पास, 5 मार्गांपर्यंत |
| सोर्स कोड | ✕ | ✓ | ✓ |
पोर्टफोलिओ
या Zinn शी संबंधित विक्रेत्याच्या कामाची उदाहरणे.
फॉर्मलाइन: स्ट्राइपसह नेक्स्ट.जेएस स्टोअर
तुम्ही क्लिक करू शकणारे स्टोअरफ्रंट: 16 संग्रहांमध्ये 4 पोस्टर्स, URL मध्ये राहणारे फिल्टर आणि शोध, एक कार्ट, हलक्या आणि गडद थीम्स, आणि एक चेकआउट जो डेमो ऑर्डरमध्ये किंवा चाचणी मोडमध्ये वास्तविक स्ट्राइप चेकआउट सत्रात संपतो. मी ते नेक्स्ट.जेएस स्टॅटिक एक्सपोर्ट म्हणून टाइपस्क्रिप्टमध्ये टेलविंड सीएसएससह तयार केले. कार्ड पेमेंट्स क्लाउडफ्लेअर वर्करद्वारे जातात जो सर्व्हरवर कार्टची किंमत पुन्हा ठरवतो आणि स्ट्राइपच्या वेबहुक स्वाक्षरीची पडताळणी करतो.
नेक्स्ट.जेएस मध्ये द्विभाषिक वैयक्तिक साइट
इंग्रजी आणि रशियनमध्ये एक-पानांची वैयक्तिक साइट, सेवा विभाग आणि माझ्या डेमो प्रकल्पांच्या लिंक्ससह. मी ती नेक्स्ट.जेएस, रिॲक्ट आणि टाइपस्क्रिप्टसह स्टॅटिक एक्सपोर्ट म्हणून डिझाइन आणि तयार केली, साध्या सीएसएस मॉड्यूल्ससह स्टाइल केली आणि कोणतेही यूआय फ्रेमवर्क नाही. यात हलक्या आणि गडद थीम्स आहेत, आणि प्रत्येक भाषेसाठी एक सामाजिक पूर्वावलोकन प्रतिमा बिल्ड वेळेस तयार केली जाते. गिटहब ॲक्शन्स ती तयार करते आणि बनी सीडीएनवर तैनात करते, जे सुरक्षा हेडर जोडते आणि www आणि साध्या HTTP ला मुख्य HTTPS पत्त्यावर पुनर्निर्देशित करते.
सेवेचे तपशील
वारंवार विचारले जाणारे प्रश्न
नाही, आणि तुमचा कोड पाहण्यापूर्वी असे वचन देणाऱ्या कोणाशीही सावध रहा. चेकआउट विजेट किंवा जाहिरात स्क्रिप्ट मी काहीही केले तरी स्कोअर मर्यादित करू शकते. ऑडिट तुम्हाला तुमची मर्यादा आणि ती गाठण्यासाठी किती खर्च येतो हे सांगते.
नाही. Vite, CRA, Remix किंवा एक साधा SPA सर्व समान प्रकारे प्रोफाइल करतात. फक्त फ्रेमवर्क-विशिष्ट दुरुस्त्या वेगळ्या असतात: Next.js रेंडरिंग मोड्सऐवजी रूट-लेव्हल स्प्लिटिंग आणि कॅशिंग.
होय. स्टँडर्ड त्याच ऑडिटने सुरू होते आणि सापडलेल्या गोष्टी दुरुस्त करण्यासाठी उर्वरित वेळ घालवते. स्टार्टर अशा टीम्ससाठी आहे ज्या स्वतः काम करतील आणि फक्त कुठे खोदायचे हे जाणून घेण्याची गरज आहे.
ऑडिट ते पाहते: सर्व्हर प्रतिसाद वेळ रेंडर आणि स्क्रिप्ट खर्चापासून वेगळा दिसतो. API किंवा क्वेरी प्रोफाइल करणे हे ॲड-ऑन आहे, Node, Express, NestJS किंवा Rust मध्ये.
रिपॉझिटरीमध्ये वाचण्याचा प्रवेश, किंवा स्त्रोताचा संग्रह, तसेच पृष्ठाचा URL. स्टँडर्ड आणि ॲडव्हान्स्डवर मी दुरुस्त्या एका शाखेत ढकलतो, त्यामुळे मला एक तयार करण्याची परवानगी आवश्यक आहे. जर तुम्हाला ती द्यायची नसेल, तर मी त्याऐवजी एक पॅच पाठवतो. मला कधीही डिप्लॉय प्रवेशाची आवश्यकता नसते.
तुमच्या लाइव्ह उत्पादन पृष्ठांवर डीफॉल्टनुसार, त्यामुळे संख्या तुमच्या वापरकर्त्यांना काय मिळते याशी जुळतात. जर पृष्ठ लॉगिनच्या मागे असेल किंवा अद्याप डिप्लॉय केले नसेल, तर एक स्टेजिंग लिंक, एक चाचणी खाते किंवा ते स्थानिकरित्या चालवण्यासाठीच्या पायऱ्या सर्व काम करतात, आणि अहवाल सांगतो की संख्या कोणत्या स्त्रोतावरून आल्या आहेत.
ग्राहक पुनरावलोकने
आमचे ग्राहक या Zinn बद्दल काय म्हणतात ते पहा
श्रेणी
Zinner धोरणे
संबंधित Zinns
