Jquery/Javascript - 如何在视觉上优化我的网站加载?

RGB*_*GBK 0 javascript optimization jquery positioning loading

我正在对我的网站进行最后的修改,并且正在努力使页面的负载看起来不那么紧张.最好的方式向您展示我的意思是显示该网站:http: //marckremers.com/2011(仍未完成,处于alpha阶段)

正如您所看到的,内容粘在左侧,将大量的jquery和图像加载到页面中,然后单击到位(中心).

我想知道是否有一种方法可以让它先点击到位然后加载元素?

我尝试将重新定位脚本放在后面,甚至没有用.

有任何想法吗?谢谢

The*_*Man 6

使用您拥有的所有图像,您的页面为1.5mb,再加上70个 http请求.难怪您的网站的行为方式如此.

您应该在较小的图像上使用精灵来减少http请求,并且就大图像而言,您将一次加载所有图片.即使是那些没有立即显示的.在页面加载后,应立即通过AJAX拉入未立即显示的图像.

如果你想进一步优化我还会:

  • 使用一个外部JavaScript文件.是的,它增加了大小,但我赞成通过http请求.
  • 缩小你的html/javascript/css.
  • 不要在您的网站上托管jQuery,使用Google APIS等CDN .
  • 查看与Amazon S3类似的服务.

我可以在这里重新发明网站最佳实践轮,或者我可以将您发送到雅虎网站优化的最佳实践.那里有大量非常重要的信息,请阅读并参考它.