Vaše aplikace React nebo Next.js se s každou verzí zpomalovala. Balíček se zvětšil, obrázky se dodávají v plné velikosti, skript třetí strany blokuje první vykreslení, seznam se znovu vykresluje při každém stisknutí klávesy. Změřím, které z nich skutečně stojí vaše uživatele čas, a pak opravím ty, které stojí za to opravit.
Zprofiluji vaši aplikaci React nebo Next.js a zrychlím ji, s čísly
Lighthouse a profiler na jedné stránce vaší aplikace, zjištění seřazená podle přínosu.
- Jedna stránka profilována, hodnocena
Audit, poté opravy, které posunou čísla, měřené před a po.
- Audit plus hlavní opravy
- Zdrojový kód
Až 5 tras, vykreslování a ukládání do mezipaměti, rozpočet balíčku v CI, úplné srovnání.
- Hluboký průchod, až 5 tras
- Zdrojový kód
Požádat o vlastní nabídku
Přihlaste se a požádejte o vlastní nabídku
Vytvořte si bezplatný účet nebo se přihlaste a požádejte o personalizovanou nabídku od tohoto Zinnera.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubPoložit otázku před prodejem
Přihlaste se a položte otázku
Aby se snížil spam na platformě, zprávy před prodejem mohou posílat pouze přihlášení uživatelé.
Vytvořte si bezplatný účet nebo se přihlaste a pošlete zprávu tomuto Zinnerovi přímo.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubVyžadováno přihlášení
Vytvořte si bezplatný účet nebo se přihlaste a pošlete zprávu tomuto Zinnerovi.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubVyžadováno přihlášení
Vytvořte si bezplatný účet nebo se přihlaste a požádejte o personalizovanou nabídku.
Jak najmout freelancery pro reklamy na YouTube na Zinn HubStručný přehled
Klíčové detaily o této službě, které vám pomohou se rozhodnout. Vygenerováno Zinn Hub, nikoli prodejcem.
Hodnotová pozice
Measurement Approach
Pokryté rámce
Metrics Reported
Způsob doručení
Co obdržíte
Úplný popis
Objednejte si to, pokud si myslíte, že pomalé stránky vás stojí registrace nebo vyhledávací provoz a chcete si ponechat aplikaci, kterou máte. React a Next.js již dodávají většinu toho, co rychlá aplikace potřebuje, takže zisky pocházejí z dobrého používání těchto nástrojů, spíše než z přepínání stacků.
Získáte čísla, ne přídavná jména: LCP, CLS, INP a velikost balíčku na trasu, měřené před a po na stejném omezeném připojení, v jedné tabulce.
Starter je audit jedné stránky: spuštění, zjištění seřazená podle přínosu, žádný kód se nemění. Standard začíná tímto auditem a zbytek času věnuje opravám, které posunou tato čísla. Advanced pokrývá až 5 tras, ladí vykreslování a ukládání do mezipaměti a ponechává rozpočet balíčku v CI, aby další vydání nemohlo tiše zrušit práci.
Práce probíhá na větvi ve vašem úložišti, commit po commitu, každý s vlastním důvodem. Nic není nasazeno mnou, pokud o to nepožádáte.
Žádné hovory. Vše písemně, včetně měření, která se mnou nesouhlasí.
Kroky k dokončení vašeho projektu
1. Změřte, co vaši uživatelé skutečně získávají – Lighthouse na vašich živých stránkách a relace React profileru na pomalých stránkách, na omezeném připojení. LCP, CLS, INP a velikost balíčku na trasu, zapsané předtím, než se cokoli dotkne.
2. Zjistěte, co stojí nejvíce – Balíček a síťová kaskáda: co se dodává, co nikdo nepoužívá, co blokuje první vykreslení, které komponenty se znovu vykreslují a proč. Každé zjištění nese odhadovanou úsporu v milisekundách nebo kilobajtech.
3. Opravte to, největší výhra jako první – Rozdělení kódu, zpracování obrázků a písem, práce blokující vykreslování, memoizace tam, kde to profiler vyžaduje, načítání dat přesunuté mimo kritickou cestu. Jeden commit na změnu, každý s vlastním důvodem.
4. Změřte znovu, vedle sebe – Stejné spuštění na změněné sestavě: před a po v jedné tabulce, na trasu a na metriku. Pokud změna něco zhoršila, tabulka to uvádí a změna se vrátí zpět.
5. Předání ve vašem úložišti – Větev nebo oprava ve vašem úložišti, zpráva a upřímný seznam toho, co jsem neudělal a co by to stálo. Nasazení zůstává ve vašich rukou.
Záruka kvality Zinner
Každý Zinner je před připojením k platformě zkontrolován a schválen.
Všechny služby jsou podpořeny naším závazkem k zajištění kvality.
Vaše platba je chráněna, dokud neschválíte dodanou práci.
Porovnat balíčky
| Funkce | Starter | Standard | Pokročilé |
|---|---|---|---|
| Doba dodání | 2 dní | 4 dní | 8 dní |
| Revize | 0 | 2 | 3 |
| Rozsah | Jedna stránka profilována, seřazena | Audit plus hlavní opravy | Hluboký průchod, až 5 tras |
| Zdrojový kód | ✕ | ✓ | ✓ |
Portfolio
Příklady práce prodejce související s tímto Zinnem.
Formline: Obchod Next.js se Stripe
Obchod, kterým se můžete proklikat: 16 plakátů v 4 kolekcích, filtry a vyhledávání, které zůstávají v URL, košík, světlé a tmavé motivy a pokladna, která končí demo objednávkou nebo skutečnou Stripe Checkout relací v testovacím režimu. Postavil jsem to jako statický export Next.js v TypeScriptu s Tailwind CSS. Platby kartou procházejí Cloudflare Workerem, který přepočítává cenu košíku na serveru a ověřuje podpis webhooku Stripe.
Bilingvní osobní web v Next.js
Jednostránkový osobní web v angličtině a ruštině, se sekcí služeb a odkazy na mé demo projekty. Navrhl jsem a postavil jsem ho s Next.js, React a TypeScript jako statický export, stylovaný čistými CSS moduly a bez UI frameworku. Má světlé a tmavé motivy a obrázek sociálního náhledu pro každý jazyk je generován v době sestavení. GitHub Actions ho sestavuje a nasazuje na Bunny CDN, který přidává bezpečnostní hlavičky a přesměrovává www a čisté HTTP na hlavní HTTPS adresu.
Podrobnosti o službě
Často kladené otázky
Ne, a buďte opatrní s kýmkoli, kdo to slibuje, aniž by viděl váš kód. Widget pro pokladnu nebo reklamní skript může omezit skóre, ať dělám cokoli. Audit vám řekne váš strop a co vás dosažení stojí.
Ne. Vite, CRA, Remix nebo jednoduchá SPA se profilují stejným způsobem. Liší se pouze opravy specifické pro framework: rozdělení na úrovni tras a ukládání do mezipaměti namísto režimů vykreslování Next.js.
Ano. Standard začíná stejným auditem a zbývající čas věnuje opravám toho, co zjistil. Starter existuje pro týmy, které si práci udělají samy a potřebují jen vědět, kde kopat.
Audit vidí, že: doba odezvy serveru se zobrazuje odděleně od nákladů na vykreslování a skripty. Profilování API nebo dotazů je doplněk v Node, Express, NestJS nebo Rust.
Přístup pro čtení k repozitáři nebo archiv zdroje, plus URL stránky. Na úrovních Standard a Advanced nahrávám opravy do větve, takže potřebuji oprávnění k jejímu vytvoření. Pokud ho nechcete udělit, pošlu místo toho patch. Nikdy nepotřebuji přístup k nasazení.
Ve výchozím nastavení na vašich živých produkčních stránkách, aby se čísla shodovala s tím, co dostávají vaši uživatelé. Pokud je stránka za přihlášením nebo ještě není nasazena, funguje odkaz na staging, testovací účet nebo kroky k lokálnímu spuštění, a zpráva uvádí, odkud čísla pocházejí.
Hodnocení zákazníků
Podívejte se, co na tento Zinn říkají naši zákazníci
Kategorie
Zásady Zinner
Související Zinns
