我的 Webflow 网站面临严重的性能问题，尤其是在移动设备上。该网站在移动设备上加载需要很长时间，我需要在短时间内对其进行优化，以获得更好的速度和性能。这是一个服务网站，因此速度对于用户体验和 SEO 排名至关重要。
这是我迄今为止尝试过的：
压缩图像以减小尺寸。 有限的动画以避免大量渲染。 向脚本添加了 defer 属性，以便在页面内容之后加载它们。 尽管做出了这些努力，该网站的表现仍然很差。有几个第三方集成（例如分析、小部件）和一个包含 CSS 样式的大型 CDN，我怀疑这可能是问题的一部分。我不确定如何优化这些或者它们是否是主要原因。
如果有任何建议，我将不胜感激：
确定是否是自定义代码或第三方脚本导致性能缓慢。 在 Webflow 上处理大型 CDN CSS 文件的最佳实践。 我可以使用其他技术或工具来调试和提高移动设备的性能。 我的截止日期很紧，所以任何建议将不胜感激。预先感谢！
我用来处理远程 CSS 样式的一个技巧是使用这种格式：
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@your-cdn.css"
media="print"
onload="this.media='all'">
这会异步加载 CSS，有时可以提高性能。
此外，我不会太陷入性能优化的困境——如果您的网站需要某些库，那么有时您必须承受性能损失，因为这样做对于改善用户体验来说是值得的。此外，这些性能审核工具仅用于根据平均互联网速度提供建议。您的客户群通常拥有更快的互联网，因此审核并不能真正反映真实的用户体验。因此，我会根据建议改进我能做的事情，同时又不丧失用户体验。
如果您想获得更多技术知识，我强烈建议使用Finsweet dev starter，因为它可以让您在本地编译代码，这样您只需导入您实际需要的库部分，从而提高性能。
我希望你还没有发现得太晚！祝您的项目一切顺利