Zinn Hub
0
Tu Carrito
0

At a Glance

Detalles clave sobre este servicio para ayudarte a decidir. Generado por Zinn Hub, no por el vendedor.

Measurement Approach

Datos de laboratorio + campo
Core runs use throttled-connection lab measurements (Lighthouse + React Profiler). Field data from real users available as an add-on for $40.

Marcos tratados

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

Rama + Informe 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.

Lo que recibirás

Formatos:
Informe Escrito
Código Personalizado
Método de entrega:
Gerente de pedidos
Notas: Todos los paquetes incluyen un informe escrito con LCP, CLS, INP y tamaño del paquete para cada ruta, medidos en una conexión limitada, además de los ahorros estimados junto a cada hallazgo. En Standard y Advanced, las correcciones van a una rama en tu repositorio, un commit por cambio, y una sola tabla muestra los números antes y después. Nada se despliega a menos que lo solicites.

Descripción completa

Pide esto si crees que las páginas lentas te están costando registros o tráfico de búsqueda y quieres mantener la aplicación que tienes. React y Next.js ya incluyen la mayoría de lo que necesita una aplicación rápida, por lo que las ganancias provienen de usar bien esas herramientas en lugar de cambiar de pila.

Obtienes números, no adjetivos: LCP, CLS, INP y tamaño del paquete por ruta, medidos antes y después en la misma conexión limitada, en una tabla.

Starter es la auditoría de una página: las ejecuciones, los hallazgos clasificados por rentabilidad, sin cambios de código. Standard comienza con esa auditoría y dedica el resto del tiempo a las correcciones que mueven esos números. Advanced cubre hasta 5 rutas, ajusta el renderizado y el almacenamiento en caché, y deja un presupuesto de paquete en CI para que la próxima versión no pueda deshacer el trabajo silenciosamente.

El trabajo se realiza en una rama de tu repositorio, commit por commit, cada uno con su razón. Nada es desplegado por mí a menos que lo solicites.

Sin llamadas. Todo por escrito, incluidas las mediciones que no estén de acuerdo conmigo.

Pasos para completar tu proyecto
1. Mide lo que tus usuarios realmente obtienen - Lighthouse en tus páginas en vivo y una sesión de perfilador de React en las lentas, en una conexión limitada. LCP, CLS, INP y tamaño del paquete por ruta, anotados antes de tocar nada.
2. Encuentra lo que cuesta más - El paquete y la cascada de red: qué se envía que nadie usa, qué bloquea la primera pintura, qué componentes se vuelven a renderizar y por qué. Cada hallazgo conlleva un ahorro estimado en milisegundos o kilobytes.
3. Arréglalo, la mayor ganancia primero - División de código, manejo de imágenes y fuentes, trabajo que bloquea el renderizado, memorización donde el perfilador lo solicite, obtención de datos movida fuera de la ruta crítica. Un commit por cambio, cada uno con su razón.
4. Mide de nuevo, lado a lado - Las mismas ejecuciones en la compilación modificada: antes y después en una tabla, por ruta y por métrica. Si un cambio empeoró algo, la tabla lo indica y el cambio se revierte.
5. Entrega en tu repositorio - Una rama o parche en tu repositorio, el informe y una lista honesta de lo que no hice y lo que valdría la pena. La implementación queda en tus manos.

Garantía de Calidad Zinner

✓
Profesional Verificado
Cada Zinner es revisado y aprobado antes de unirse a la plataforma.
✓
Trabajo de Calidad Garantizado
Todos los servicios están respaldados por nuestro compromiso de garantía de calidad.
✓
Pago Seguro
Tu pago está protegido hasta que apruebes el trabajo entregado.

Comparar Paquetes

FunciónIniciadorEstándarAvanzado
Tiempo de Entrega2 días4 días8 días
Revisiones023
AlcanceUna página perfilada, clasificadaAuditoría más las principales correccionesPase profundo, hasta 5 rutas
Código fuente✕✓✓

Portafolio

Ejemplos del trabajo del vendedor relacionados con este Zinn.

Formline: tienda Next.js con Stripe

Una tienda en línea en la que puedes navegar: 16 pósteres en 4 colecciones, filtros y búsqueda que permanecen en la URL, un carrito, temas claros y oscuros, y un proceso de pago que termina en un pedido de demostración o una sesión real de Stripe Checkout en modo de prueba. Lo construí como una exportación estática de Next.js en TypeScript con Tailwind CSS. Los pagos con tarjeta pasan por un Cloudflare Worker que recalcula el precio del carrito en el servidor y verifica la firma del webhook de Stripe.

Sitio personal bilingüe en Next.js

Un sitio personal de una página en inglés y ruso, con una sección de servicios y enlaces a mis proyectos de demostración. Lo diseñé y construí con Next.js, React y TypeScript como una exportación estática, con estilos CSS Modules planos y sin framework de UI. Tiene temas claros y oscuros, y se genera una imagen de vista previa social para cada idioma en el momento de la compilación. GitHub Actions lo construye y lo despliega en Bunny CDN, que añade encabezados de seguridad y redirige www y HTTP plano a la dirección HTTPS principal.

Detalles del Servicio

Tipo de Servicio
Estándar
Tipo Zinner
Freelancer
Disponibilidad
Días laborables
País del vendedor
Kazajistán
Idiomas Aceptados
Inglés
ruso
NDA disponible
Sí
Tamaños de Proyecto Manejados
Pequeño a Mediano
Tiempo de respuesta
En 12 horas
Años de Experiencia
10+

Preguntas Frecuentes

No, y ten cuidado con cualquiera que lo prometa antes de ver tu código. Un widget de pago o un script de anuncios pueden limitar la puntuación haga lo que haga. La auditoría te indica tu límite y lo que cuesta alcanzarlo.

No. Vite, CRA, Remix o una SPA simple se perfilan de la misma manera. Solo difieren las correcciones específicas del framework: división y almacenamiento en caché a nivel de ruta en lugar de los modos de renderizado de Next.js.

Sí. Standard comienza con la misma auditoría y dedica el tiempo restante a corregir lo que encontró. Starter existe para equipos que harán el trabajo ellos mismos y solo necesitan saber dónde buscar.

La auditoría observa que: el tiempo de respuesta del servidor se muestra por separado del costo de renderizado y script. La creación de perfiles de la API o las consultas es el complemento, en Node, Express, NestJS o Rust.

Acceso de lectura al repositorio, o un archivo de la fuente, más la URL de la página. En Estándar y Avanzado, subo las correcciones a una rama, por lo que necesito permiso para crear una. Si prefieres no darlo, envío un parche en su lugar. Nunca necesito acceso de despliegue.

En tus páginas de producción en vivo por defecto, para que los números coincidan con lo que obtienen tus usuarios. Si la página está detrás de un inicio de sesión o aún no está desplegada, un enlace de staging, una cuenta de prueba o los pasos para ejecutarla localmente funcionan, y el informe indica de dónde provienen los números.

Reseñas de Clientes

Mira lo que nuestros clientes dicen sobre este Zinn

Categorías

Políticas de Zinner

Haré un perfil de tu aplicación React o Next.js y la haré más rápida, con números 2 &Raquo; Zinn Hub

Solo los clientes registrados que han comprado este producto pueden dejar una reseña.

Opciones y Pedido

Obtén la App Zinn Hub

Notificaciones · Acceso más rápido · Pantalla completa

Toca Compartir en tu navegador

➜ Luego toca "Añadir a la pantalla de inicio"