跳到正文
Laboe Studio

全部文章

网站什么时候用 WebGL,什么时候不该?

Laboe Studio

直接回答: 只在动效本身承载了文字说不清的信息时用。内容页一律留在 HTML。

当一个页面只有一件事要讲、而且要从几个角度去讲——一个空间、一个物件、一套系统——动效本身就是解释,这时 WebGL 才值。它的代价是一大包脚本、GPU 时间和更难做好的无障碍,所以它永远不该挡在访客和他们要读的文字之间。

Laboe Studio — home page, one persistent WebGL stage behind the headline

来自我们的项目

这个站本身就是例子:首页跑一个持久的 WebGL 舞台,服务页、作品页、洞察页全是普通 HTML 加一次性动效。手机根本不加载 3D 包——在我们的生产构建上,把 three.js 送到手机端实测 Lighthouse 70 分、阻塞 1.1 秒,所以手机换成 CSS 光场。Soul Youth 是一个访客来读规格的 B2B 品牌站,全站没有一处 WebGL。

看这个项目

什么时候重要: 品牌发布、或者有一个主角物件的产品故事,可以上。任何要被阅读、比较、被搜索引擎抓取的页面,不要。

相关服务: 开发

有和你的项目直接相关的问题?

告诉我们你正在决定、正在做、或者想改进什么,我们可以陪你把方向理清楚。