这些年来，我们只能多实现其中的一个，或者放弃表演而不考虑美学，反正。作为一个有多年经验的网站设计师，我很清楚这一点。比如，正如大家都知道大图片会减慢加载时间一样，为了美观，尽量放大图片。但是，在现代网络上，如果这意味着显著的性能损失，是否值得实施任何视觉增强？鉴于正确的方法，你不应该这样做。

　　首先，用户不会倾向于停留在缓慢的网站加载上。他们只会在其他地方找到他们想要的东西。再说了，互联网也不是什么新鲜事。认为用户会等你花里胡哨的介绍是不现实的。人们访问你的网站是为了特定的目的。因此，任何阻碍它们的事情都可能不值得实施。

　　作为设计师，很容易养成使用巨大媒体文件来提升网站外观的习惯。几十年来，这一直是做事的方式。无论是全屏图片还是视频背景，这些项目都是革命性的。但是，它们也会影响性能。幸运的是，现代CSS和JavaScript可以提供更好的替代方案。每个都有替换媒体或使浏览器更容易消化这些文件的功能。

　　CSS渐变、混合模式等视觉效果就是很好的例子。它们看起来和你在Photoshop中制作的任何东西一样好，但是它们没有额外的肿胀。如果要添加运动，CSS动画和JavaScript库(比如GSAP)都可以满足要求。它们不仅能产生令人惊艳的外观，而且这些技术也非常快。此外，延迟加载提供了一个很好的折衷方案——至少对于不在页面初始视口中的媒体。包括图像和iframe在内的元素只有在需要时才会被加载。这可以节省加载时间，同时仍然使用这些资产。本机浏览器支持使实现比以往任何时候都更容易。巧妙利用这些技术可以帮助您避免外观性能下降。相反，你将实现更可持续的平衡。

　　网站不仅仅是它的外观、内容或功能。这是一种有凝聚力的用户体验。这意味着必须将这些方面结合起来，才能为用户提供服务。为了有效地做到这一点，网站必须优先考虑性能。多年前，一个外观漂亮但加载缓慢的网站可能更容易逃脱。在强大的设备和快速的互联网出现之前，速度不一定是用户的期望。

　　现在我们生活在一个随需应变的世界，我们所需要的一切只需一键点击。如果你的网站不遵守这个承诺，就很难与访问者建立持久的关系。网页设计师需要随着这些期望而改变。在实践中，它要求我们仔细思考我们创造的视觉元素以及我们如何实现它们。做我们一直在做的事情可能不再可行。相反，一切都必须集中在很好的表现上。当然，这是一个挑战。好消息是我们有合适的工具和技术来实现这个目标。