તમારી 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 સંબંધિત વિક્રેતાના કાર્યના ઉદાહરણો.
ફોર્મલાઇન: સ્ટ્રાઇપ સાથે Next.js સ્ટોર
એક સ્ટોરફ્રન્ટ જેના પર તમે ક્લિક કરી શકો છો: 16 પોસ્ટરો 4 સંગ્રહોમાં, ફિલ્ટર્સ અને શોધ જે URL માં રહે છે, એક કાર્ટ, લાઇટ અને ડાર્ક થીમ્સ, અને એક ચેકઆઉટ જે ડેમો ઓર્ડર અથવા ટેસ્ટ મોડમાં વાસ્તવિક સ્ટ્રાઇપ ચેકઆઉટ સત્રમાં સમાપ્ત થાય છે. મેં તેને Next.js સ્ટેટિક એક્સપોર્ટ તરીકે TypeScript માં Tailwind CSS સાથે બનાવ્યું છે. કાર્ડ પેમેન્ટ્સ Cloudflare Worker દ્વારા થાય છે જે સર્વર પર કાર્ટની કિંમત ફરીથી નક્કી કરે છે અને સ્ટ્રાઇપની વેબહુક સહીને ચકાસે છે.
Next.js માં દ્વિભાષી વ્યક્તિગત સાઇટ
અંગ્રેજી અને રશિયનમાં એક-પૃષ્ઠની વ્યક્તિગત સાઇટ, સેવાઓ વિભાગ અને મારા ડેમો પ્રોજેક્ટ્સની લિંક્સ સાથે. મેં તેને Next.js, React અને TypeScript સાથે સ્ટેટિક એક્સપોર્ટ તરીકે ડિઝાઇન અને બનાવ્યું છે, જે સાદા CSS મોડ્યુલ્સ અને કોઈ UI ફ્રેમવર્ક વિના સ્ટાઇલ કરવામાં આવ્યું છે. તેમાં લાઇટ અને ડાર્ક થીમ્સ છે, અને દરેક ભાષા માટે બિલ્ડ સમયે એક સામાજિક પૂર્વાવલોકન છબી જનરેટ થાય છે. GitHub Actions તેને Bunny CDN પર બનાવે છે અને જમાવે છે, જે સુરક્ષા હેડર ઉમેરે છે અને www અને સાદા HTTP ને મુખ્ય HTTPS સરનામાં પર રીડાયરેક્ટ કરે છે.
સેવા વિગતો
વારંવાર પૂછાતા પ્રશ્નો
ના, અને તમારા કોડને જોયા વિના તેનું વચન આપનાર કોઈપણથી સાવચેત રહો. એક ચેકઆઉટ વિજેટ અથવા જાહેરાત સ્ક્રિપ્ટ હું ગમે તે કરું તે સ્કોરને મર્યાદિત કરી શકે છે. ઓડિટ તમને તમારી મર્યાદા અને તેને પ્રાપ્ત કરવાનો ખર્ચ શું છે તે જણાવે છે.
ના. Vite, CRA, Remix અથવા સાદી SPA બધી સમાન રીતે પ્રોફાઇલ કરે છે. ફક્ત ફ્રેમવર્ક-વિશિષ્ટ સુધારાઓ અલગ પડે છે: Next.js રેન્ડરિંગ મોડ્સને બદલે રૂટ-લેવલ સ્પ્લિટિંગ અને કેશીંગ.
હા. સ્ટાન્ડર્ડ સમાન ઓડિટથી શરૂ થાય છે અને બાકીનો સમય તેને મળેલા સુધારાઓમાં વિતાવે છે. સ્ટાર્ટર એવી ટીમો માટે અસ્તિત્વમાં છે જેઓ પોતાનું કામ કરશે અને ફક્ત ક્યાં ખોદવું તે જાણવાની જરૂર છે.
ઓડિટ તે જુએ છે: સર્વર પ્રતિભાવ સમય રેન્ડર અને સ્ક્રિપ્ટ ખર્ચથી અલગથી દેખાય છે. API અથવા ક્વેરીઝનું પ્રોફાઇલિંગ એ એડ-ઓન છે, Node, Express, NestJS અથવા Rust માં.
રિપોઝીટરીમાં વાંચવાની ઍક્સેસ, અથવા સ્રોતનું આર્કાઇવ, વત્તા પૃષ્ઠનું URL. સ્ટાન્ડર્ડ અને એડવાન્સ્ડ પર હું સુધારાઓને એક શાખામાં પુશ કરું છું, તેથી મને એક બનાવવાની પરવાનગીની જરૂર છે. જો તમે તે આપવા માંગતા ન હોવ, તો હું તેના બદલે એક પેચ મોકલું છું. મને ક્યારેય ડિપ્લોય ઍક્સેસની જરૂર નથી.
ડિફૉલ્ટ રૂપે તમારા લાઇવ પ્રોડક્શન પૃષ્ઠો પર, જેથી સંખ્યાઓ તમારા વપરાશકર્તાઓને જે મળે છે તેની સાથે મેળ ખાય. જો પૃષ્ઠ લૉગિન પાછળ હોય અથવા હજી સુધી ડિપ્લોય ન થયું હોય, તો સ્ટેજીંગ લિંક, એક પરીક્ષણ ખાતું અથવા તેને સ્થાનિક રીતે ચલાવવાના પગલાં બધા કામ કરે છે, અને રિપોર્ટ કહે છે કે સંખ્યાઓ ક્યાંથી આવે છે.
ગ્રાહક સમીક્ષાઓ
અમારા ગ્રાહકો આ Zinn વિશે શું કહે છે તે જુઓ
શ્રેણીઓ
ઝિનર નીતિઓ
સંબંધિત Zinns
હું તમને JavaScript, React, Node.js, HTML, CSS, Firebase અને વધુમાં ટ્યુટર કરીશ
હું React JS અને Tailwind CSS નો ઉપયોગ કરીને રિસ્પોન્સિવ ફ્રન્ટએન્ડ વેબ એપ્સ વિકસાવીશ
