时加载网页

我想用我的网页的加载时间很多问题：时加载网页

www.alvaromillan.es。

我试图缩小js和图像，但问题是，正如你所看到的，我的网站只是这个网页，所以每个图像和js都在这个文件上... 加载时间是真的很高，甚至平滑的滚动运动持续很多，并在你第一次使用它不会很好...

请你可以任何人帮助我？

来源

2011-11-17 user1051400

给YSlow Firefox插件试一试。它会分析你的网站的加载时间，并告诉你采取最好的行动来解决它。

来源

2011-11-17 09:31:37 skaffman

你好，我做了你告诉我的结果是好的，但它还不够...网络仍然非常慢，我认为问题可能是有许多图像不能在精灵表（它们是来自每个专家的图像，这些图像被加载到fancybox中......）。你认为可以有另一个好的提示，以减少我的网络的时间加载？顺便说一句，这里是网站：www.alvaromillan。es – user1051400

我简单地看了一下使用Chrome开发者工具的页面，虽然YSlow可能会提供几个你可以做的事情，但我认为最大的收获来自优化和创建你的图片。您的网页上的156个请求中有131个用于图片。这是很多的图像，而且很多都很小。还有很多图像的大小在字节上看起来相当大。这是我会做的：

结合图像使用几个精灵表约50k-100k每张。
使用PNG格式。
量化精灵表为8位PNG。我的猜测是你不会因为这样做而感受到明显的质量损失。你可以使用像pngquant这样的spmething来做到这一点。
使用类似optipng的东西在量化图像上应用无损压缩。

我认为这会产生戏剧性的改善。

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

来源

2011-11-17 12:27:08

非常感谢！我会试试看！你会推荐多少张图片放入每张精灵图表中？ – user1051400

我会尽量使每张纸不超过50k。这只是我使用的一个数字，似乎是合理的。由于大多数浏览器无法利用parralelzation，因此单个sprite太大是一个糟糕的想法。 –

非常感谢你马特，我会试试看，我会告诉你！ – user1051400

OK，这里的一些快速的初步想法......

刷新页面头后，这样浏览器就可以开始下载这些资源越快。

删除了iframe

jQuery的似乎加载两次 - 一次直接通过一次的google.load

你能推迟的JavaScript加载，直到后来例如把它放在页面底部还是异步加载？

而不是预加载幻灯片显示图像 - 为什么不点击时加载它们，或者在页面加载完成后延迟加载它们？

你也真的想IE浏览器模拟IE6？

来源

2011-11-28 17:42:11

嗯，我已经证明几乎所有的东西，但加载仍然需要太长时间...我认为这个问题可能是加载所有图像的JavaScript ...我想这个JavaScript被加载只是当用户点击一个缩略图（这个JavaScript是一个灯箱），但我不知道该怎么做。我已阅读了关于延迟加载和按需阅读，但我无法得到它... 但我想做懒惰或需求的东西...你能帮我吗？ – user1051400

现在我有这个js： – user1051400

看着瀑布，我很确定iframe是个问题 - 在Chrome浏览器中它阻止了大约3.5秒的页面。您是否真的需要将联系表单放在iframe中？您是否可以将其包含在页面中？ –

回答

相关问题