Zinn Hub
0
你的购物车
0

一览

关于此服务的关键详情,帮助您做出决定。由 Zinn Hub 生成,非卖家生成。

Measurement Approach

实验室 + 现场数据
Core runs use throttled-connection lab measurements (Lighthouse + React Profiler). Field data from real users available as an add-on for $40.

涵盖的框架

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.

交付方式

分支 + 书面报告
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.

您将收到

格式:
书面报告
自定义代码
交付方式:
订单经理
注意: 所有套餐都包含一份书面报告,其中包含每条路由的 LCP、CLS、INP 和捆绑包大小,在节流连接上测量,并在每个发现旁边附有估计的节省。在标准版和高级版中,修复会提交到您存储库中的一个分支,每次更改一个提交,并且一个表格会显示前后数据。除非您要求,否则不会部署任何内容。

完整描述

如果您认为缓慢的页面正在让您损失注册或搜索流量,并且您想保留现有应用程序,请订购此服务。React 和 Next.js 已经提供了快速应用程序所需的大部分功能,因此收益来自于充分利用这些工具,而不是切换技术栈。

您得到的是数字,而不是形容词:每条路由的 LCP、CLS、INP 和捆绑包大小,在相同的节流连接上前后测量,在一个表格中呈现。

入门版是对一个页面的审计:运行、按回报率排名的发现,不更改任何代码。标准版从该审计开始,并将剩余时间用于修复那些能改变数字的问题。高级版涵盖最多 5 条路由,调整渲染和缓存,并在 CI 中留下捆绑包预算,这样下一次发布就不会悄悄地撤销工作。

工作将在您存储库的一个分支上进行,逐个提交,每个提交都有其原因。除非您要求,否则我不会部署任何内容。

不打电话。所有内容都以书面形式提供,包括与我意见不符的测量结果。

完成项目的步骤
1. 衡量用户实际获得的内容 - 在您的实时页面上使用Lighthouse,并在慢速页面上使用React分析器会话,在受限连接下进行。在未触及任何内容之前,记录下每条路线的LCP、CLS、INP和捆绑包大小。
2. 找出成本最高的部分 - 捆绑包和网络瀑布:哪些内容是没人使用的,哪些内容阻碍了首次绘制,哪些组件重新渲染以及原因。每个发现都附带了以毫秒或千字节估算的节省量。
3. 修复它,先从最大的收益开始 - 代码分割、图像和字体处理、渲染阻塞工作、分析器要求时的记忆化、将数据获取移出关键路径。每次更改一个提交,每个提交都有其原因。
4. 再次测量,并排比较 - 在更改后的构建上进行相同的运行:在同一张表中,按路线和按指标显示更改前和更改后的数据。如果某个更改使情况变得更糟,表格会显示出来,并且该更改将被撤销。
5. 在您的存储库中进行交接 - 在您的存储库中创建一个分支或补丁、报告以及一份诚实的清单,说明我没有做什么以及它的价值。部署仍由您负责。

查看选项并购买 — 起价 $40.00

✓
经过审查的专业人士
每位 Zinner 在加入平台前都会经过审查和批准。
✓
质量保证
所有服务均有我们的质量保证承诺支持。
✓
安全支付
您的付款受保护,直到您批准交付的工作。

比较套餐

功能入门标准高级
交付时间2 天4 天8 天
修订023
范围一个页面已分析,已排名审计加主要修复深度通过,最多 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 地址。

服务详情

服务类型
标准
Zinner 类型
自由职业者
卖家服务类别
工作日
Zinn 查找器
哈萨克斯坦
接受的语言
英语
俄语
保密协议可用
是
处理的项目规模
小型到中型
响应时间
在 12 小时内
工作年限
10+

常见问题

不能,并且在看到您的代码之前,请警惕任何做出这种承诺的人。无论我做什么,结账小部件或广告脚本都可能限制分数。审计会告诉您您的上限以及达到它所需的成本。

没有。Vite、CRA、Remix 或普通的 SPA 都以相同的方式进行分析。只有框架特定的修复不同:路由级别的拆分和缓存,而不是 Next.js 渲染模式。

是的。标准版从相同的审计开始,并将剩余时间用于修复发现的问题。入门版适用于那些将自行完成工作,只需要知道从何处着手的团队。

审计发现:服务器响应时间与渲染和脚本成本分开显示。在 Node、Express、NestJS 或 Rust 中,API 或查询的性能分析是附加项。

对存储库的读取访问权限,或源代码存档,以及页面 URL。在标准版和高级版中,我将修复推送到分支,因此我需要创建分支的权限。如果您不想授予,我将发送补丁。我从不需要部署访问权限。

默认情况下在您的实时生产页面上,因此数字与您的用户获得的结果相符。如果页面需要登录或尚未部署,暂存链接、测试帐户或在本地运行的步骤都可以,报告会说明数字来自哪个来源。

客户评论

看看我们的客户对这个Zinn的评价

分类

Zinner 政策

我将分析您的 React 或 Next.js 应用程序并使其更快,并提供数字 2 &Raquo; Zinn Hub

只有购买过此产品的登录客户才能发表评论。

选项和订单

获取 Zinn Hub 应用

通知 · 更快访问 · 全屏

在浏览器中点击 分享

➜ 然后点击 "添加到主屏幕"