Web 在我的网站上滚动时减少延迟的方法？

我目前正在我的网站上工作：

[删除]

我注意到滚动时有一些延迟。 我的猜测是，这可能是由于背景图像，所以我已经将格式从.png更改为.jpg

---

还有其他方法可以减少滞后吗？

第一步是分析您的站点，并确定滞后的确切原因。你可以使用Chrome的开发工具来实现这一点，但我更喜欢。您站点的结果如下所示：

查看这些结果，查看您可以控制哪些因素（取决于您的主机），调整它们，然后再次运行测试。Chrome还有YSlow扩展。这些项目中的每一项都在网上有完整的文档记录，因为这是web开发的一个重要领域

根据您的结果，我将尝试以下方法：

• 减少HTTP请求的数量：
  • 缩小并压缩javascript和CSS（签出并/）。这可能是你需要的，也可能不是。您仍然可以通过编写脚本连接所有文件来限制请求的数量。一定要确保你按正确的顺序做，否则你会得到意想不到的结果
• 像

  optipng

  这样的程序可以为web优化图像。TL；DR：图像中有很多额外的信息，您并不总是需要超高分辨率。请确保图像大小适当（例如，不要将大图像缩小到128x128，请使用imagemagick或其他工具来调整大小）。使用可以提供更快加载的外观，但图像下载仍然需要相同的时间

• 设置缓存。缓存的主题可能会填满卷，而且它有点特定于您正在做的事情。以下是一些资源：
• 根据我的经验，将CDN用于静态资产通常不值得分发代码库。有些东西，如HTML背景视频、通用javascript库（jQuery）和web字体很容易集成，并且通常提供了合理的好处。这在很大程度上是由于CDN实现的缓存，以及比您的站点（可能）更接近您的客户端

• 最后，分析您的后端代码。查看可以在何处静态或从缓存提供内容。最大限度地减少数据库访问、服务器访问等。这完全取决于您的站点在后台的工作方式

---

希望这能让你开始

滚动滞后是客户端的问题。页面加载滞后是服务器端的问题。