idoubi
3个月前
MCP so 秒开优化经验总结👇 1. 底层框架升级 新版本升级到了 ShipAny v2,对应组件是 nextjs15 + react19 + tailwindcss4。底层框架升级带来了更好的 SSR 渲染性能,构建效率更高,构建产物体积更小,配合 cloudflare 的 CDN 分发,让静态资源加载速度更快了。 2. 部署方案升级 新版本使用 OpenNext 包裹,部署到了 cloudflare workers,跟之前部署在 cloudflare pages 的方案相比,支持 Node.js 运行时,可以使用更加完整的 nextjs 特性,配合 cloudflare 的 KV,R2 等组件,在动态读取数据时效率更高了。 3. 数据索引 之前的版本,数据库用的是 supabase, 用户每次访问都需要实时读取数据,数据量在增长、公网调用延时高,因为用的是 SSR(服务端渲染,需要读到数据再显示页面),最终表现就是用户打开页面很慢。 新版本优化,给数据表建索引,根据数据查询语句创建复合索引,比如 idx_featured_project (type,is_featured,created_at),让读取推荐的 server 或client 数据时速度更快。 4. 数据缓存 给数据表建索引只是让从数据库读数据更快了,但是导航站大部分情况是没必要实时读数据的,因此需要加一个数据缓存,减少对数据库的访问。 因为部署在 cloudflare,直接使用 cloudflare 的 KV 组件做缓存是最方便的,只需要在 worker 的配置绑定一下 KV,然后通过 set,get 方法存,取数据就行了。比如把从数据库读到的 featured servers 缓存到 KV,设置 1 小时后自动过期,这样 1 小时内这部分数据的读取就只会走 KV,速度更快了。 5. 增量静态再生 新版本使用 ISR(增量静态再生)代替原来的 SSR(服务端渲染),主要是在访问页面 page.tsx 里面加上这两行: export const dynamic = "force-static" export const revalidate = 600 dynamic = "force-static" 指示 nextjs 在构建阶段生成静态页面,cloudflare worker 自动把静态资源发到 CDN,用户访问页面走 CDN,速度飞快。 revalidate = 600 指示 nextjs 距离上一次生成静态页面超过 10 分钟就重新生成,这样新产生的数据最多等十分钟就能被用户访问到。 ISR 是秒开的关键。 6. 图片懒加载 新版本使用了 react-lazy-load-image-component 这个 npm 包来实现图片懒加载,让图片加载不影响页面渲染,用户打开页面更快。 因为没有部署在 vercel,next/image 的很多优化特性用不了,所以选择一个轻量的图片懒加载库,而不是用 next/image。 7. 链接页面预取 通过 next/link 替换带链接的 a 标签,自动预取页面,当用户点击链接时,目标页面已经加载好了,就会快速打开新的页面,体验很好。 总结: MCP so 通过升级底层框架,配合 ISR,充分利用了 cloudflare 上的 KV,R2 等组件实现数据和静态资源缓存,配合 cloudflare CDN 分发优势,从而实现了秒开。 经验可复制性: 1. 如果你的项目是基于 ShipAny 开发的,记得更新 cloudflare 分支的最新代码 2. 如果你的项目是基于 nextjs 的,可以参考 OpenNext 文档包一层,部署到 cloudflare workers 3. 如果你的项目需要频繁读取数据,记得合理添加数据库索引,同时设置数据缓存(Redis 或者 cloudflare KV 之类) 4. 如果你的项目不需要实时展示数据(比如导航站),记得设置 ISR,通过静态构建加速访问,配置 revalidate 时间,增量生成新内容 5. 如果你的项目涉及大量图片/视频等资源,记得压缩资源体积,上传文件存储,通过 CDN 做分发
ginobefun
3个月前
#BestBlogs 5 个毫不费力的小技巧,让你效率爆表 | L先生说 文章提出了 5 个简单的微习惯,帮助读者克服拖延、信息过载等问题,显著提升效率。 摘要: 本文针对读者常见的效率困境,如时间黑洞、信息囤积和行动 inertia,分享了五项“毫不费力的小技巧”。这些微习惯包括:构建“动力充电站”甜点清单,用轻松小任务启动状态;对收集的信息进行“笔记预处理”,提升信息利用率;创建“问题小清单”,系统化解决日常流程中的微小障碍;维护“日常生活备忘录”,防止有价值想法和经验遗失;以及培养“下意识行动”的习惯,对抗遗忘和拖延,将行动设为默认模式。文章强调这些技巧的低门槛和易操作性,旨在通过微小改变带来累积的效率提升和积极反馈,帮助读者建立更高效的工作和生活方式。 主要内容: 1. 建立“甜点清单”可快速充电,克服行动阻力。 -- 通过做无需思考、耗时极少的小事,能帮助快速进入行动状态,获得成就感并刺激多巴胺分泌,有效对抗拖延和惰性。 2. 对信息进行“预处理”能变废为宝,提升利用效率。 -- 在收集信息时,花费少量时间提炼要点、场景或添加描述,能有效建立信息上下文,便于日后快速查找、理解和应用。 3. 创建“问题小清单”并解决能显著降低行动摩擦。 -- 主动观察和记录日常流程中的微小不便,并着手优化,能移除障碍,让原本觉得麻烦的事情变得更易于执行。 4. 维持“日常生活备忘录”是捕捉和复用信息的关键。 -- 随时记录有趣的概念、行动细节或思考过程,以外化大脑记忆,确保有价值的信息不丢失,方便后续复盘和再利用。 5. 将“下意识行动”设为默认模式能有效对抗遗忘。 -- 趁着兴趣和动力最高时立即开始行动和试错,能巩固学习效果,建立行动偏好,避免长时间准备导致动力消退。 文章链接:
ginobefun
3个月前
#BestBlogs 探秘 TaoAvatar:淘宝 3D 真人数字人技术解析 | 大淘宝技术 淘宝 TaoAvatar 技术实现 3D 真人数字人工业级量产与端侧智能交互。 摘要: 文章详细介绍了淘宝的 TaoAvatar 3D 真人数字人技术体系。该技术融合了多目视觉绑定、动态高斯重建、语音驱动及端侧 AI 推理引擎(MNN-LLM),突破了传统数字人制作成本高、周期长、实时交互难的瓶颈。通过自研算法和硬件方案,TaoAvatar 实现了 2K 级拟真视觉、90FPS 流畅动效和自然的语音表情联动,并将制作成本降至传统 CG 的 1/30,周期缩短至一周。文章还阐述了各核心技术模块的技术细节与创新点,并展示了其在 AWE 虚拟家居体验舱和淘宝 Vision 未来旗舰店等商业场景的应用落地,强调了技术在电商和 XR 领域的实用价值及普惠性趋势。 主要内容: 1. 实现高拟真度 3D 真人数字人复刻,突破视觉极限。 -- 通过多目拍摄、动态高斯重建等技术,达到 2K 分辨率、高精度建模和逼真光影效果,提供近乎真人的视觉体验。 2. 大幅降低数字人制作成本与周期,实现工业级量产。 -- 自研低成本拍摄系统和 AI 算法,将制作周期从数月缩短至一周,成本降至传统 CG 的 1-2 万元,实现规模化生产。 3. 构建端侧多模态智能交互,提供自然流畅的真人对话。 -- 结合端侧大模型和高效推理引擎,实现低延迟、音画同步的语音问答及自然的表情动作联动。 文章链接: