何时是考虑网页性能的最佳时机？

网页性能至关重要，但最近我感觉这个话题只被前端开发人员提起，并且只在项目结束时才会成为讨论的焦点。因此，每当我听到关于精简大型网站的解决方案时，我都不禁觉得这些仅仅是开发人员和工程师在初始设计流程启动后应该采用的建议或技巧。

那么，哪些设计主题会影响性能呢？好吧，任何设计师可能会问自己的问题。例如：

• 我们应该使用多少种字体？
• 我们应该使用什么样的图像？
• 我们需要什么样的分析脚本？
• 用户如何滚动浏览我们的应用？
• 这个复杂的组件如何影响我们的 CSS？
• 我们应该如何编写 CSS？
• 我们应该选择哪种框架？

通常情况下，这些问题会导致设计系统中出现更多代码、更多复杂性和更多膨胀，因为……

• 我们添加的字体越多，我们就需要让用户等待的时间越长。
• 我们为项目选择的图像类型会影响我们使用的图像格式。
• 如果我们选择了大量的分析工具，那么这也会减慢整个应用的速度。
• 在 CSS 中添加一个复杂的组件，而这个组件在应用中只会使用一次，会导致代码膨胀，并且会进一步减慢首次渲染时间（即使只是微不足道地减慢）。
• 决定使用哪个框架会对关键路径产生巨大影响。

简而言之，设计团队应该根据关键网页性能指标衡量他们的成功，因为他们做出的每一个决定最终都会导致发送到最终用户的数据发生巨大变化。

我开始这样思考这个问题：关于设计的每一次对话也都是关于网页性能的对话。我努力提醒自己，这两者是密不可分的，因此，作为一个网页设计师，我应该从项目的开始就考虑到这些问题，而不仅仅是在项目结束时。