您的 React 或 Next.js 应用程序在每次发布时都变得越来越慢。捆绑包越来越大,图片以完整尺寸传输,第三方脚本阻止了首次渲染,列表在每次击键时都会重新渲染。我将衡量其中哪些实际上浪费了用户的时间,然后修复那些值得修复的问题。
我将分析您的 React 或 Next.js 应用程序,并通过数据使其运行更快
您应用程序的单个页面上的 Lighthouse 和分析器,发现结果按回报率排名。
- 一页分析,排名
审计,然后是能改变数字的修复,前后都经过测量。
- 审计加主要修复
- 源代码
最多 5 条路由,渲染和缓存,CI 中的捆绑包预算,全面比较。
- 深度通过,最多5条路线
- 源代码
请求定制报价
一览
关于此服务的关键详情,帮助您做出决定。由 Zinn Hub 生成,非卖家生成。
价值定位
Measurement Approach
涵盖的框架
Metrics Reported
交付方式
您将收到
完整描述
如果您认为缓慢的页面正在让您损失注册或搜索流量,并且您想保留现有应用程序,请订购此服务。React 和 Next.js 已经提供了快速应用程序所需的大部分功能,因此收益来自于充分利用这些工具,而不是切换技术栈。
您得到的是数字,而不是形容词:每条路由的 LCP、CLS、INP 和捆绑包大小,在相同的节流连接上前后测量,在一个表格中呈现。
入门版是对一个页面的审计:运行、按回报率排名的发现,不更改任何代码。标准版从该审计开始,并将剩余时间用于修复那些能改变数字的问题。高级版涵盖最多 5 条路由,调整渲染和缓存,并在 CI 中留下捆绑包预算,这样下一次发布就不会悄悄地撤销工作。
工作将在您存储库的一个分支上进行,逐个提交,每个提交都有其原因。除非您要求,否则我不会部署任何内容。
不打电话。所有内容都以书面形式提供,包括与我意见不符的测量结果。
完成项目的步骤
1. 衡量用户实际获得的内容 - 在您的实时页面上使用Lighthouse,并在慢速页面上使用React分析器会话,在受限连接下进行。在未触及任何内容之前,记录下每条路线的LCP、CLS、INP和捆绑包大小。
2. 找出成本最高的部分 - 捆绑包和网络瀑布:哪些内容是没人使用的,哪些内容阻碍了首次绘制,哪些组件重新渲染以及原因。每个发现都附带了以毫秒或千字节估算的节省量。
3. 修复它,先从最大的收益开始 - 代码分割、图像和字体处理、渲染阻塞工作、分析器要求时的记忆化、将数据获取移出关键路径。每次更改一个提交,每个提交都有其原因。
4. 再次测量,并排比较 - 在更改后的构建上进行相同的运行:在同一张表中,按路线和按指标显示更改前和更改后的数据。如果某个更改使情况变得更糟,表格会显示出来,并且该更改将被撤销。
5. 在您的存储库中进行交接 - 在您的存储库中创建一个分支或补丁、报告以及一份诚实的清单,说明我没有做什么以及它的价值。部署仍由您负责。
查看选项并购买 — 起价 $40.00
每位 Zinner 在加入平台前都会经过审查和批准。
所有服务均有我们的质量保证承诺支持。
您的付款受保护,直到您批准交付的工作。
比较套餐
| 功能 | 入门 | 标准 | 高级 |
|---|---|---|---|
| 交付时间 | 2 天 | 4 天 | 8 天 |
| 修订 | 0 | 2 | 3 |
| 范围 | 一个页面已分析,已排名 | 审计加主要修复 | 深度通过,最多 5 条路由 |
| 源代码 | ✕ | ✓ | ✓ |
作品集
卖家与此 Zinn 相关的工作示例。

Formline:带 Stripe 的 Next.js 商店
一个您可以点击浏览的店面:16 个海报,分为 4 个系列,过滤器和搜索功能保留在 URL 中,一个购物车,浅色和深色主题,以及一个以演示订单或测试模式下的真实 Stripe Checkout 会话结束的结账流程。我使用 TypeScript 和 Tailwind CSS 将其构建为 Next.js 静态导出。信用卡支付通过 Cloudflare Worker 进行,该 Worker 在服务器上重新定价购物车并验证 Stripe 的 webhook 签名。




Next.js 双语个人网站
一个英文和俄文的单页个人网站,包含服务部分和我的演示项目链接。我使用 Next.js、React 和 TypeScript 将其设计和构建为静态导出,使用纯 CSS Modules 样式,没有 UI 框架。它具有浅色和深色主题,并且在构建时为每种语言生成社交预览图像。GitHub Actions 构建并将其部署到 Bunny CDN,后者添加了安全标头并将 www 和纯 HTTP 重定向到主 HTTPS 地址。
服务详情
常见问题
不能,并且在看到您的代码之前,请警惕任何做出这种承诺的人。无论我做什么,结账小部件或广告脚本都可能限制分数。审计会告诉您您的上限以及达到它所需的成本。
没有。Vite、CRA、Remix 或普通的 SPA 都以相同的方式进行分析。只有框架特定的修复不同:路由级别的拆分和缓存,而不是 Next.js 渲染模式。
是的。标准版从相同的审计开始,并将剩余时间用于修复发现的问题。入门版适用于那些将自行完成工作,只需要知道从何处着手的团队。
审计发现:服务器响应时间与渲染和脚本成本分开显示。在 Node、Express、NestJS 或 Rust 中,API 或查询的性能分析是附加项。
对存储库的读取访问权限,或源代码存档,以及页面 URL。在标准版和高级版中,我将修复推送到分支,因此我需要创建分支的权限。如果您不想授予,我将发送补丁。我从不需要部署访问权限。
默认情况下在您的实时生产页面上,因此数字与您的用户获得的结果相符。如果页面需要登录或尚未部署,暂存链接、测试帐户或在本地运行的步骤都可以,报告会说明数字来自哪个来源。
客户评论
看看我们的客户对这个Zinn的评价







