Zinn Hub
0
Seu Carrinho
0

At a Glance

Detalhes principais sobre este serviço para ajudá-lo a decidir. Gerado por Zinn Hub, não pelo vendedor.

Measurement Approach

Dados de Laboratório + Campo
Core runs use throttled-connection lab measurements (Lighthouse + React Profiler). Field data from real users available as an add-on for $40.

Estruturas Abrangidas

React, Next.js & more
Works with Next.js, Vite, CRA, Remix and plain SPAs. Framework-specific fixes (e.g. route-level splitting, caching modes) are tailored to your stack.

Metrics Reported

LCP, CLS, INP, Bundle
Every report covers all four Core Web Vitals plus bundle size per route, measured before and after on the same throttled connection in a single comparison table.

Método de Entrega

Branch + Relatório Escrito
Fixes land as individual commits on a branch in your repo, each with a reason. Nothing is deployed without your request. No calls - everything in writing.

O Que Você Receberá

Formatos:
Relatório Escrito
Código personalizado
Método de Entrega:
Gerente de Pedidos
Notas: Todos os pacotes incluem um relatório escrito com LCP, CLS, INP e tamanho do pacote para cada rota, medidos em uma conexão limitada, além das economias estimadas ao lado de cada descoberta. Nos pacotes Standard e Advanced, as correções vão para uma branch em seu repositório, um commit por alteração, e uma única tabela mostra os números antes e depois. Nada é implantado a menos que você peça.

Descrição Completa

Peça isso se você acha que páginas lentas estão custando inscrições ou tráfego de busca e você quer manter o aplicativo que tem. React e Next.js já oferecem a maior parte do que um aplicativo rápido precisa, então os ganhos vêm de usar bem essas ferramentas, em vez de mudar de pilha.

Você obtém números, não adjetivos: LCP, CLS, INP e tamanho do pacote por rota, medidos antes e depois na mesma conexão limitada, em uma tabela.

O Starter é a auditoria de uma página: as execuções, as descobertas classificadas por retorno, sem alteração de código. O Standard começa com essa auditoria e gasta o resto do tempo nas correções que movem esses números. O Advanced cobre até 5 rotas, ajusta a renderização e o cache, e deixa um orçamento de pacote em CI para que o próximo lançamento não possa desfazer silenciosamente o trabalho.

O trabalho acontece em uma branch em seu repositório, commit por commit, cada um com sua razão. Nada é implantado por mim, a menos que você peça.

Sem chamadas. Tudo por escrito, incluindo as medições que discordam de mim.

Etapas para concluir seu projeto
1. Meça o que seus usuários realmente obtêm - Lighthouse em suas páginas ativas e uma sessão de perfil do React nas lentas, em uma conexão limitada. LCP, CLS, INP e tamanho do pacote por rota, anotados antes de qualquer alteração.
2. Encontre o que custa mais - O pacote e o "waterfall" da rede: o que é enviado que ninguém usa, o que bloqueia a primeira renderização, quais componentes são renderizados novamente e por quê. Cada descoberta traz uma economia estimada em milissegundos ou kilobytes.
3. Corrija, o maior ganho primeiro - Divisão de código, tratamento de imagens e fontes, trabalho de bloqueio de renderização, memoização onde o profiler pede, busca de dados movida para fora do caminho crítico. Um commit por alteração, cada um com sua razão.
4. Meça novamente, lado a lado - As mesmas execuções na compilação alterada: antes e depois em uma tabela, por rota e por métrica. Se uma alteração piorou algo, a tabela indica e a alteração é revertida.
5. Entrega em seu repositório - Uma ramificação ou patch em seu repositório, o relatório e uma lista honesta do que não fiz e do que valeria a pena. A implantação permanece em suas mãos.

Garantia de Qualidade Zinner

✓
Profissional Verificado
Cada Zinner é revisado e aprovado antes de ingressar na plataforma.
✓
Qualidade Garantida
Todos os serviços são respaldados pelo nosso compromisso de garantia de qualidade.
✓
Pagamento Seguro
Seu pagamento está protegido até você aprovar o trabalho entregue.

Comparar Pacotes

FunçãoIniciantePadrãoAvançado
Tempo de Entrega2 dias4 dias8 dias
Revisões023
EscopoUma página com perfil, classificadaAuditoria mais as principais correçõesPassagem profunda, até 5 rotas
Código-fonte✕✓✓

Portfólio

Exemplos do trabalho do vendedor relacionados a este Zinn.

Formline: loja Next.js com Stripe

Uma loja virtual que você pode navegar: 16 pôsteres em 4 coleções, filtros e pesquisa que permanecem na URL, um carrinho, temas claros e escuros, e um checkout que termina em um pedido de demonstração ou uma sessão real do Stripe Checkout em modo de teste. Eu a construí como uma exportação estática do Next.js em TypeScript com Tailwind CSS. Os pagamentos com cartão passam por um Cloudflare Worker que recalcula o preço do carrinho no servidor e verifica a assinatura do webhook do Stripe.

Site pessoal bilíngue em Next.js

Um site pessoal de uma página em inglês e russo, com uma seção de serviços e links para meus projetos de demonstração. Eu o projetei e construí com Next.js, React e TypeScript como uma exportação estática, estilizado com CSS Modules puro e sem framework de UI. Ele tem temas claros e escuros, e uma imagem de pré-visualização social para cada idioma é gerada no momento da construção. O GitHub Actions o constrói e implanta no Bunny CDN, que adiciona cabeçalhos de segurança e redireciona www e HTTP simples para o endereço HTTPS principal.

Detalhes do Serviço

Tipo de Serviço
Padrão
Tipo Zinner
Freelancer
Disponibilidade
Dias da semana
País do Vendedor
Cazaquistão
Idiomas Aceitos
Inglês
Russo
NDA disponível
Sim
Tamanhos de Projeto Tratados
Pequeno a Médio
Tempo de resposta
Dentro de 12 horas
Anos de Experiência
10+

Perguntas Frequentes

Não, e tenha cuidado com quem promete isso antes de ver seu código. Um widget de checkout ou um script de anúncio pode limitar a pontuação, não importa o que eu faça. A auditoria informa seu limite e o custo para alcançá-lo.

Não. Vite, CRA, Remix ou um SPA simples, todos são perfilados da mesma forma. Apenas as correções específicas do framework diferem: divisão e cache em nível de rota em vez de modos de renderização do Next.js.

Sim. O Standard começa com a mesma auditoria e gasta o tempo restante corrigindo o que encontrou. O Starter existe para equipes que farão o trabalho sozinhas e só precisam saber onde procurar.

A auditoria verifica que: o tempo de resposta do servidor aparece separadamente do custo de renderização e script. A criação de perfil da API ou das consultas é o complemento, em Node, Express, NestJS ou Rust.

Acesso de leitura ao repositório, ou um arquivo da fonte, mais a URL da página. Nos planos Standard e Advanced, eu envio as correções para uma branch, então preciso de permissão para criar uma. Se você preferir não conceder, eu envio um patch. Nunca preciso de acesso de implantação.

Nas suas páginas de produção ativas por padrão, para que os números correspondam ao que seus usuários obtêm. Se a página estiver atrás de um login ou ainda não tiver sido implantada, um link de "staging", uma conta de teste ou etapas para executá-la localmente funcionam, e o relatório indica de onde os números vêm.

Avaliações de Clientes

Veja o que nossos clientes dizem sobre este Zinn

Categorias

Políticas do Zinner

Vou Fazer o Perfil do Seu Aplicativo React ou Next.js e Torná-lo Mais Rápido, Com Números 2 &Raquo; Zinn Hub

Apenas clientes logados que compraram este produto podem deixar uma avaliação.

Opções e Pedido

Obtenha o Aplicativo Zinn Hub

Notificações · Acesso mais rápido · Tela cheia

Toque Compartilhar no seu navegador

➜ Então toque em "Adicionar à Tela Inicial"