php - 缓存，PHP 生成的缩略图加载缓慢

Question

问题 A 部分 ▉(100 个赏金，已获奖)
主要问题是如何使这个网站加载更快。首先，我们需要阅读这些瀑布。感谢大家对瀑布读数分析的建议。从这里显示的各种瀑布图中可以看出主要瓶颈:PHP 生成的缩略图。 David 建议的从 CDN 加载的无协议(protocol) jquery 得到了我的赏金，尽管它使我的网站总体上只快了 3%，而且没有解决网站的主要瓶颈。是时候澄清我的问题了，还有另一个赏金:

问题 B 部分 ▉(100 个赏金，已获奖)
现在的新重点是解决 6 张 jpg 图像所存在的问题，这些问题导致大部分加载延迟。这 6 张图片是 PHP 生成的缩略图，很小，只有 3~5 kb，但加载速度相对非常慢。请注意各种图表上的“第一个字节的时间”。问题仍未解决，但詹姆斯得到了赏金，他修复了 RedBot underlined 的标题错误。 : “一个 If-Modified-Since 条件请求返回完整内容不变。”.

问题 C 部分 ▉(我最后的赏金:250 分)
不幸的是，在修复了 REdbot.org header 错误之后，由 PHP 生成的图像引起的延迟仍然没有受到影响。这些微小的 3~5Kb 缩略图到底在想什么？所有这些标题信息都可以将火箭发送到月球并返回。非常感谢有关此瓶颈的任何建议并将其视为可能的答案，因为我已经被这个瓶颈问题困扰了七个月了。

[我网站上的一些背景信息:CSS 位于顶部。底部的 JS(Jquery、JQuery UI、购买的菜单 awm/menu.js 引擎、标签 js 引擎、视频 swfobject.js) 第二张图片上的黑线显示了启动加载的内容。愤怒的机器人是我的宠物“ZAM”。他是无害的，而且常常更快乐。]

---

加载瀑布:时间顺序 | http://webpagetest.org

---

并行域分组 | http://webpagetest.org

---

Site-Perf 瀑布 | http://site-perf.com

---

Pingdom 工具瀑布 | http://tools.pingdom.com

---

GTmetrix 瀑布 | http://gtmetrix.com

---

Answer 1

首先，使用这些多个域需要多次 DNS 查找。你会更好combining many of those images into a sprite而不是传播请求。

其次，当我加载您的页面时，我在 all.js 上看到了大部分阻塞(约 1.25 秒)。我看到它以(旧版本的)jQuery 开头。您应该从 Google CDN 引用它，而不仅仅是 decrease load time , 但是 potentially avoid an HTTP request for it完全。

具体来说，最新的 jQuery 和 jQuery UI 库可以在这些 URL 中引用(如果您对我为什么省略 http: 感兴趣，请参阅 this post):

//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js

如果您使用默认的 jQuery UI 主题之一，您还可以 pull its CSS and images off the Google CDN .

优化 jQuery 托管后，您还应该将 awmlib2.js 和 tooltiplib.js 合并到一个文件中。

如果你解决了这些问题，你应该会看到显着的改进。