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

php performance .htaccess cache-control

2022-08-30 06:31:15

问题A部分▉（100个赏金，授予）
主要问题是如何使这个网站加载得更快。首先，我们需要阅读这些瀑布。感谢您对瀑布读出分析的建议。从这里显示的各种瀑布图中可以明显看出主要的瓶颈：PHP生成的缩略图。David建议的来自CDN的无协议jquery加载得到了我的赏金，尽管使我的网站总体上只快了3%，同时没有解决网站的主要瓶颈。是时候澄清我的问题了，还有另一个赏金：

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

问题 C 部分 ▉ （我最后的赏金：250 分）
不幸的是，即使修复了 REdbot.org 标头错误，PHP 生成的图像造成的延迟也保持不变。这些微小的3~5Kb缩略图到底在想什么？所有这些标题信息都可以将火箭发送到月球并返回。任何关于这个瓶颈的建议都非常感谢，并被视为可能的答案，因为我已经在这个瓶颈问题上停留了七个月。

[我网站上的一些背景信息：CSS在顶部。底部的JS（Jquery，JQuery UI，购买的菜单awm/菜单.js引擎，选项卡js引擎，视频swfobject.js）第二张图像上的黑线显示了启动加载内容的内容。愤怒的机器人是我的宠物“ZAM”。他是无害的，而且往往更快乐。

加载瀑布：按时间顺序|http://webpagetest.org enter image description here

分组|并行域http://webpagetest.org enter image description here

赛特-珀夫瀑布|http://site-perf.com enter image description here

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

enter image description here

GTmetrix 瀑布|http://gtmetrix.com

enter image description here

答案 1

首先，使用这些多个域需要多个 DNS 查找。您最好将其中许多图像组合成一个精灵，而不是传播请求。

其次，当我加载您的页面时，我看到大部分阻止（~1.25s）在所有.js。我看到这从（旧版本的）jQuery开始。您应该从Google CDN中引用它，不仅可以减少加载时间，还可以完全避免对它的HTTP请求。

具体来说，最新的jQuery和jQuery UI库可以在这些URL上引用（如果您有兴趣，请参阅这篇文章，为什么我省略了）：http:

//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主题之一，则还可以将其CSS和图像从Google CDN中提取出来。

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

如果你解决了这些事情，你应该会看到一个显着的改进。

答案 2

几天前我遇到了类似的问题，我发现头.js。这是一个Javascript插件，允许您加载所有JS文件。希望有所帮助。