我在一个将3.js内容用于3d的网站上工作,我使其与相对路径一起工作,加载速度比从unpkg或其他第三方更快。但是,当我尝试使用Google PageSpeed Insight来衡量PageSpeed时,它会失败,并显示NO_FCP错误代码。我已经读到,多数民众赞成在慢网站无法在15秒内加载的情况下做出的响应,但是由于任何人都可以检查它(至少在欧洲如此),因此页面加载速度非常快:https://adambernath.com/lotto/lotto。 html
我在这里使用的唯一与通常构建的其他页面不同的东西是three.js,我不知道是什么原因导致了这个问题。
可能是由于它在尝试检测库时的Lighthouse中的错误引起的。
如果查看服务器日志,应该会看到“ https://adambernath.com/asset-manifest.json”请求,该请求会在服务器上返回500错误。
如果您将其修复为返回404,则可能会解决此问题。
众所周知,Chromium和Lighthouse在使用完整的WebGL渲染页面时会遇到问题。
给它一些时间,它可能会解决。现在,我将使用“性能”选项卡使用性能跟踪,将“网络”设置为“快速3g”,将CPU设置为“ 4倍速降”。
这将为您提供灯塔使用的原始数据,并让您发现瓶颈等。显然,不利的一面是,它很难理解,因此您可能需要进行一些谷歌搜索!
即使那样,您可能也无法获得FCP和LCP,因为当我为您测试时,我得到的结果参差不齐,但是这些只是任意测量,“性能”选项卡将告诉您您需要从屏幕快照时间轴和CPU使用情况中了解的所有信息(漫长的任务)。
明智的性能-我的第一反应是使用gzip
或br
在您的“ fgoly.gltf”文件上-它目前看起来根本不被压缩,目前占页面重量的70%。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句