加载网页的时间

时间:2011-11-17 09:17:02

标签: time load minify

我在加载网页时遇到了很多问题:

www.alvaromillan.es。

我试图缩小js和图像,但问题是,正如你所看到的那样,我的网站只是这个页面所以每个图像和js都在这个文件上...... 加载时间非常长,即使是平滑的滚动运动也会持续很多,第一次使用它时效果不理想......

请你们任何人帮助我吗?

3 个答案:

答案 0 :(得分:1)

我只是使用chrome开发人员工具快速查看了该页面,虽然YSlow可能会提供一些你可以做的事情,但我认为最大的收获来自于优化和精简你的图像。您页面上156个请求中的131个用于图像。那是很多图像而且很多都很小。对于它们的大小,很多图像看起来都非常大。这就是我要做的事情:

  1. 使用几张精灵表每张约50k-100k组合图像。
  2. 使用PNG格式。
  3. 将精灵表量化为8位PNG。我的猜测是,通过这样做,你不会体验到可察觉的质量损失。您可以使用像pngquant这样的spmething来执行此操作。
  4. 使用optipng之类的内容对量化图像应用无损压缩。
  5. 我认为这会带来巨大的改善。

    正如skaffman建议的那样,请运行yslow和/或google page speed test以获取更全面的建议。我也喜欢使用webpagetest.org,它为优化页面提供了很好的指标。

答案 1 :(得分:0)

尝试使用YSlow Firefox插件。它将分析您网站的加载时间,并建议您采取最佳措施来解决问题。

答案 2 :(得分:0)

好的,这里有一些快速的初步想法......

刷新页面后面的页面,以便浏览器可以更快地开始下载这些资源。

删除iframe

jquery似乎被加载了两次 - 一次直接加载,一次加载google.load

你可以推迟加载javascript直到更晚把它放在页面底部或异步加载?

而不是预先加载幻灯片图片 - 为什么不在点击时按需加载它们,或者在页面加载完成后延迟加载它们?

你真的希望IE模仿IE6 ???