Votre application React ou Next.js est devenue plus lente à chaque nouvelle version. Le bundle a grossi, les images sont livrées en taille réelle, un script tiers bloque le premier affichage, une liste se re-rend à chaque frappe. Je mesure lesquels de ces éléments coûtent réellement du temps à vos utilisateurs, puis je corrige ceux qui en valent la peine.
Je vais profiler votre application React ou Next.js et la rendre plus rapide, avec des chiffres
Lighthouse et profileur sur une page de votre application, les résultats classés par rentabilité.
- Une page profilée, classée
L'audit, puis les correctifs qui font bouger les chiffres, mesurés avant et après.
- Audit et corrections principales
- Code source
Jusqu'à 5 routes, rendu et mise en cache, un budget de bundle en CI, comparaison complète.
- Passe profonde, jusqu'à 5 routes
- Code source
Demander une offre personnalisée
Se connecter pour demander une offre personnalisée
Créez un compte gratuit ou connectez-vous pour demander une offre personnalisée à ce Zinner.
Connexion / InscriptionPoser une question avant achat
Se connecter pour poser une question
Pour réduire le spam sur la plateforme, les messages avant vente ne peuvent être envoyés que par les utilisateurs connectés.
Créez un compte gratuit ou connectez-vous pour envoyer un message directement à ce Zinner.
Connexion / InscriptionConnexion requise
Créez un compte gratuit ou connectez-vous pour envoyer un message à ce Zinner.
Connexion / InscriptionConnexion requise
Créez un compte gratuit ou connectez-vous pour demander une offre personnalisée.
Connexion / InscriptionAperçu
Détails clés sur ce service pour vous aider à décider. Généré par Zinn Hub, pas par le vendeur.
Valeur Position
Measurement Approach
Frameworks couverts
Metrics Reported
Méthode de livraison
Ce que vous recevrez
Description complète
Commandez ceci si vous pensez que les pages lentes vous coûtent des inscriptions ou du trafic de recherche et que vous souhaitez conserver l'application que vous avez. React et Next.js fournissent déjà la plupart de ce dont une application rapide a besoin, donc les gains proviennent d'une bonne utilisation de ces outils plutôt que d'un changement de pile.
Vous obtenez des chiffres, pas des adjectifs: LCP, CLS, INP et taille du bundle par route, mesurés avant et après sur la même connexion bridée, dans un seul tableau.
Le forfait Starter est l'audit d'une page: les exécutions, les résultats classés par rentabilité, aucun code modifié. Le forfait Standard commence par cet audit et consacre le reste du temps aux correctifs qui font bouger ces chiffres. Le forfait Avancé couvre jusqu'à 5 routes, optimise le rendu et la mise en cache, et laisse un budget de bundle en CI afin que la prochaine version ne puisse pas annuler discrètement le travail.
Le travail se fait sur une branche de votre dépôt, commit par commit, chacun avec sa raison. Rien n'est déployé par moi sauf si vous le demandez.
Pas d'appels. Tout par écrit, y compris les mesures qui ne sont pas d'accord avec moi.
Étapes pour la réalisation de votre projet
1. Mesurez ce que vos utilisateurs obtiennent réellement - Lighthouse sur vos pages en direct et une session de profilage React sur les pages lentes, sur une connexion bridée. LCP, CLS, INP et taille du bundle par route, écrits avant toute modification.
2. Trouvez ce qui coûte le plus cher - Le bundle et la cascade réseau: ce qui est livré et que personne n'utilise, ce qui bloque le premier rendu, quels composants se re-rendent et pourquoi. Chaque constatation est accompagnée d'une économie estimée en millisecondes ou en kilooctets.
3. Corrigez-le, le plus gros gain en premier - Division du code, gestion des images et des polices, travail bloquant le rendu, mémoïsation là où le profileur le demande, récupération de données déplacée hors du chemin critique. Un commit par modification, chacun avec sa raison.
4. Mesurez à nouveau, côte à côte - Les mêmes exécutions sur la version modifiée: avant et après dans un seul tableau, par route et par métrique. Si une modification a empiré quelque chose, le tableau le dit et la modification est annulée.
5. Transfert dans votre dépôt - Une branche ou un patch dans votre dépôt, le rapport, et une liste honnête de ce que je n'ai pas fait et de ce que cela vaudrait. Le déploiement reste entre vos mains.
Garantie de Qualité Zinner
Chaque Zinner est examiné et approuvé avant de rejoindre la plateforme.
Tous les services sont soutenus par notre engagement en matière d'assurance qualité.
Votre paiement est protégé jusqu'à ce que vous approuviez le travail livré.
Comparer les forfaits
| Fonction | Démarrage | Standard | Avancé |
|---|---|---|---|
| Délai de livraison | 2 jours | 4 jours | 8 jours |
| Révisions | 0 | 2 | 3 |
| Portée | Une page profilée, classée | Audit plus les correctifs principaux | Passe approfondie, jusqu'à 5 routes |
| Code source | ✕ | ✓ | ✓ |
Portfolio
Exemples du travail du vendeur relatifs à ce Zinn.
Formline: boutique Next.js avec Stripe
Une vitrine sur laquelle vous pouvez naviguer: 16 affiches dans 4 collections, des filtres et une recherche qui restent dans l'URL, un panier, des thèmes clair et sombre, et un processus de paiement qui se termine par une commande de démonstration ou une véritable session Stripe Checkout en mode test. Je l'ai construite comme une exportation statique Next.js en TypeScript avec Tailwind CSS. Les paiements par carte passent par un Cloudflare Worker qui recalcule le prix du panier sur le serveur et vérifie la signature du webhook de Stripe.
Site personnel bilingue en Next.js
Un site personnel d'une page en anglais et en russe, avec une section services et des liens vers mes projets de démonstration. Je l'ai conçu et construit avec Next.js, React et TypeScript comme une exportation statique, stylisé avec des modules CSS simples et sans framework d'interface utilisateur. Il a des thèmes clair et sombre, et une image d'aperçu social pour chaque langue est générée au moment de la construction. GitHub Actions le construit et le déploie sur Bunny CDN, qui ajoute des en-têtes de sécurité et redirige www et HTTP simple vers l'adresse HTTPS principale.
Détails du service
Questions fréquemment posées
Non, et soyez prudent avec quiconque le promet avant de voir votre code. Un widget de paiement ou un script publicitaire peut plafonner le score quoi que je fasse. L'audit vous indique votre plafond et ce que coûte son atteinte.
Non. Vite, CRA, Remix ou une SPA simple se profilent tous de la même manière. Seuls les correctifs spécifiques au framework diffèrent: division au niveau de la route et mise en cache au lieu des modes de rendu de Next.js.
Oui. Le forfait Standard commence par le même audit et consacre le temps restant à corriger ce qu'il a trouvé. Le forfait Starter existe pour les équipes qui feront le travail elles-mêmes et ont juste besoin de savoir où creuser.
L'audit constate que: le temps de réponse du serveur s'affiche séparément du coût de rendu et de script. Le profilage de l'API ou des requêtes est l'add-on, en Node, Express, NestJS ou Rust.
Accès en lecture au dépôt, ou une archive de la source, plus l'URL de la page. Sur Standard et Avancé, je pousse les correctifs vers une branche, j'ai donc besoin de la permission d'en créer une. Si vous préférez ne pas la donner, j'envoie un patch à la place. Je n'ai jamais besoin d'accès au déploiement.
Sur vos pages de production en direct par défaut, afin que les chiffres correspondent à ce que vos utilisateurs obtiennent. Si la page est derrière une connexion ou n'est pas encore déployée, un lien de staging, un compte de test ou des étapes pour l'exécuter localement fonctionnent tous, et le rapport indique d'où proviennent les chiffres.
Avis clients
Découvrez ce que nos clients disent de ce Zinn
Catégories
Politiques Zinner
Zinns connexes
Développer des applications web professionnelles en utilisant Next.js, React, Firebase & Node.js
Je vais créer des applications web et mobiles IoT personnalisées pour automatiser et surveiller vos opérations
Développer des applications Web React.js en utilisant Node.js, Express, MongoDB et MySQL
