我是一名摄影师，最近我将我的网站改为单页面布局以显示我的作品集。我使用HTML / CSS / Jquery来构建网站。在当前格式中，我使用页面滚动功能从一个部分导航到另一个部分。虽然这很好，但页面需要永远加载。我做了一些研究，并了解了懒惰的加载器及其喜欢，但问题是我不熟悉CSS或Jquery。我对HTML很好。我通常会根据我的要求提供一些示例并进行调整。由于这种约束，我无法实现延迟加载器。有更简单的方法吗？
此外，我真的想快速加载图像，而不是在需要时加载，因为如果用户从一个部分跳到另一个部分，我希望图像在自动滚动期间是可见的。
这是我的网站 - http://www.thekite.in
任何想法或建议都会有所帮助。
答案 0 :(得分：1)
我会删除加载动画，因为它实际上让访问者等待更长时间才能看到任何内容。
你真的需要你在页面上的所有JavaScript吗？如果是这样，您应该合并文件并移动可以移动到页面底部的脚本。
页面上有166个资源，总重量为22MB。
优化页面太大的图像（类似于jpegmini.com对此非常有用）
浏览器只能同时打开有限数量的连接（对于大多数现代浏览器而言为6），因此您应该在多个域中对图像进行分片，例如http://images1 ...，http://images2等。
你可以做的其他事情是懒得加载它们取决于可见的但是我先从上面开始。
答案 1 :(得分：0)
快速谷歌搜索让我了解到：http://www.appelsiini.net/projects/lazyload
由于你使用的是jquery，这个懒惰的加载器可能是一个选项......
您还应该考虑对图像进行客户端（浏览器）缓存。当您的Web服务器为您的图像添加正确的HTTP缓存标头时，浏览器不必多次加载它们。
要查看性能瓶颈所在，请查看YSlow：http://developer.yahoo.com/yslow/
这是一个浏览器插件，有助于提高您网站的性能。