在我的网站上滚动时如何减少延迟？

而且我注意到，有一定的滞后性，同时滚动。我的猜测是，这可能是由于背景图片，所以我已经将格式从.png更改为.jpg

是否有其他方法可以减少延迟？

滚动滞后是客户端。页面加载滞后是服务器端。 – Sobrique 2014-11-08 14:17:21

第一步是分析您的网站并确定究竟究竟是什么滞后。您可以使用Chrome的开发者工具，但我更喜欢WebPageTest。为您的网站，结果在这里：

审查这些结果，看看哪些因子（S），你可以控制（取决于你的主机上），调整它们，并再次运行测试。还有Chrome的YSlow扩展。这些项目中的每一项都在网上进行了彻底的记录，因为这是Web开发的一个重要领域。

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

减少HTTP请求的数量：
- 缩减大小和压缩JavaScript和CSS（查看YUICompressor和SASS/Compass）。这可能也可能不是你需要的。您仍然可以通过编写脚本来连接所有文件来限制请求数量。一定要确保以正确的顺序进行，否则会得到意想不到的结果。
像optipng这样的程序可以优化您的网站图片。 TL; DR：图像中有很多额外信息，并且您并不总是需要超高分辨率。确保图像的大小适当（例如，不要将大图像缩小为128x128，使用imagemagick或其他东西来调整大小）。使用progressive JPEGs可以使的外观加载速度更快，但图像仍然需要同时下载。
设置缓存。缓存的话题可能会占用大量的空间，这与你正在做的事情有关。下面的几个资源：
使用CDN静态资产，以我的经验，通常是不值得发布你的代码的麻烦。有些东西，比如HTML背景视频，常用的JavaScript库（jQuery）和网页字体很容易整合，并且通常会提供合理的好处。这很大程度上是由于CDN实施的缓存，以及与您的网站（可能）更接近您的客户。
最后，剖析你的后端代码。查看您可以静态提供内容或从缓存中提供内容的位置。最大限度地减少数据库点击次数，访问服务器等。这完全取决于您的网站如何工作。

希望能让你开始！

2014-11-08 14:38:18

回答