为什么我的画廊页面需要很长时间才能加载？

Question

当我转到我正在构建的网站的此页面时：http://test.kianistudios.com/placepigalle/gallery.php

加载需要很长时间。事实上，当我向下滚动页面（在Chrome中）时，即使背景也没有加载，并且只有透明背景：http://oi61.tinypic.com/2zqttox.jpg并且在完全加载之前它会冻结并滞后约15秒。我不知道为什么，其他网站有数百个图像更大，他们轻松加载。

这是我的代码 http://pastebin.com/raw.php?i=y6EqeFTW

非常感谢！

Answer 1

使用您的F12开发工具/ Firebug / Chrome网络标签：

1. 图片太大（未针对网络进行优化）see this post（217 MB的下载资料 - 正如其他人所说，这可能是您时间上最受欢迎的产品）
2. 您对js文件的请求太多 - 浏览器的同时请求数量有限，所以它必须等到你的js文件下载，直到图像完成。
3. 刷新后，您的PHP脚本需要9.5秒才能运行至少一次。看看PHP中的代码，看看如何优化它。
4. jQuery未加载 - 404在“js / vendor / jquery.js”

Answer 2

这需要很长时间，因为您以全分辨率加载所有图像而不是生成缩略图。

Answer 3

以下是Pingdom工具评估网站加载方式细分的链接：http://tools.pingdom.com/fpt/#!/dS6XMu/http://test.kianistudios.com/placepigalle/gallery.php

您似乎试图强制用户下载122+兆字节的图片，以便他们查看您的信息页。 那是疯了。尝试使用浏览器缓存生成缩略图，并减少请求连接超时的数量。