网页设计是一个需要技术知识和风格感的领域。我们不仅要设计完美的页面，还要实现它的功能。如何平衡这两个方面是一个挑战。你如何创建一个既漂亮又性能最好的网站？

多年来，平衡似乎一直倾向于前者。我在自己的旅程中遇到过它。例如，即使我知道大图像会延迟加载时间，它看起来仍然很好。然而，在现代网络中，如果这意味着显著的性能损失，它是否值得实施任何视觉增强？你不应该用正确的方法这样做。

性能和以往一样重要

感觉有点讽刺。硬件继续以更快的方式发展，甚至手机也有多个处理器核心和大量内存。更不用说宽带了。

然而，我们仍然被告知尽量减少每毫秒的加载时间。为什么？有两个原因：注意力持续时间短和搜索引擎。首先，用户不愿意花时间在缓慢的网站加载上。他们只会在其他地方找到他们正在寻找的东西。

随着网络因素影响搜索排名，网站性能非常重要。此外，互联网不再是一件新事物。我想用户会等你花哨的介绍演示（比如FLASH动画)不现实。

出于特定目的，人们访问你的网站。因此，任何妨碍他们的事情都可能不值得实施。

现代CSS和JavaScript技术提供可靠的替代方案

作为一名设计师，很容易养成使用大量媒体文件来增强网站外观的习惯。几十年来，这一直是一种做事的方式。这些项目在全屏图像和视频背景方面都具有变化性。然而，它们也会影响性能。

幸运的是，现代CSS和JavaScript它可以提供更好的替代方案。每一个都具有替换媒体或使浏览器更容易消化这些文件的功能。

CSS视觉效果如渐变和混合模式就是一个很好的例子。它们看起来像你Photoshop一切都一样好，但没有多余的膨胀。

若要添加动画，CSS动画和JavaScript库（例如GSAP)能满足要求。它们不仅能产生惊人的外观，而且这些技术也非常快。

此外，延迟加载提供了一个很好的折衷方案——至少对于不在页面初始视角的媒体。包括图像和iframe元素只会在需要时加载。这样可以节省加载时间，同时仍然可以使用这些资产。本机浏览器支持使实现比以前更容易。

巧妙地使用这些技术可以帮助你避免为了外观而降低性能。相反，你将实现更可持续的平衡。

美与性能共存

一个网站不仅仅是它的外观、内容或功能。这是一个有凝聚力的用户体验。这意味着这些方面的每一个都必须结合起来为用户提供服务。

为了有效地做到这一点，网站还必须优先考虑性能。多年前，一个外观漂亮但加载缓慢的网站可能更容易让用户退出。在强大的设备和快速的互联网出现之前，快速加载并不一定是用户所期望的（大多数网站都很慢）。

现在已经发生了巨大的变化。我们现在生活在一个适应需求的世界里，我们只需要点击我们需要的一切。如果你的网站不能履行这一承诺，就很难与访问者建立持久的关系。

网页设计师需要改变这些期望。在实践中，它要求我们仔细思考我们创造的视觉元素以及我们如何实现它们。像我们一直这样做可能不再可行。

相反，一切都必须关注最佳性能。好消息是，我们有正确的工具和技术来实现这一目标。