问题:我网站中的图像需要一些时间才能开始加载......就像有什么东西被阻塞了,但无法查明可能是什么原因。
PHP 8 / 最新的 WHM
现场示例:https ://www.stubfeed.com/crypto
我尝试了什么[.0A.]:更改网络托管公司=>没有变化,我的网络代码中有一些东西......
我尝试了什么 [.0B.] :我使用 centos 7 并更改为 centos 8 => 仍然相同
我尝试了什么 [.0C.] :禁用 php-fpm => 它有很大帮助,但仍然需要等待图像。
我尝试了什么 [.0D.]:输出缓冲区打开或关闭 => 仍然相同
我尝试了什么 [.1.] :将我所有的 .css 和 .js 合并到更少的文件中(2.css 2.js 而不是多个)//还添加了 font-display:swap;
我尝试了什么 [.2.]:用于 apache 的 nginx 反向代理(打开或关闭 => 没有变化,因为 cloudflare 充当 CDN ...)
我尝试了什么 [3]:apache 配置
Header set X-XSS-Protection "1; mode=block"
Header set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload"
Header always set X-Content-Type-Options "nosniff"
Header always set Referrer-Policy "no-referrer"
Header always set Permissions-Policy "geolocation=(self),midi=(self),sync-xhr=(self),magnetometer=(self),gyroscope=(self),fullscreen=(self)"
我尝试了什么 [4]:.htaccess 缓存控制标头
<IfModule mod_headers.c>
ExpiresActive On
<FilesMatch “\.(webp|webm|flv|ico|pdf|avi|mov|mp4|m4v|m4a|ppt|doc|mp3|wmv|wav|gif|jpg|jpeg|png|apng|swf|css|js|otf|ttf|woff)$">
Header set Cache-Control "max-age=31536000, public"
</FilesMatch>
</IfModule>
我尝试了什么[5]:将我的所有图像转换为 webp -quality 60(使用 iMageMagick)=> 它大大减小了尺寸;)==>> 但仍然没有解决问题。
我尝试了什么[6]:在谷歌浏览器控制台中=>“空缓存硬重新加载”=>似乎更快地正常加载???
我尝试了什么 [7]:在 google chrome 控制台 => 网络选项卡 => 我看到从缓存中加载,但不知何故,我看到菜单非常快,但所有其他图像,它等待 1 或 2 秒才显示
我尝试了什么 [8]:在 cloudflare https://www.stubfeed.com/media/中添加页面规则* 浏览器缓存 TTL:一年,缓存级别:缓存所有内容,边缘缓存 TTL:14 天,缓存欺骗装甲:开,源缓存控制:开
我尝试了什么 [9]:加载 4、6、9、23 张图像 => 都一样,仍然:我用眼睛看到的内容(等待 1 秒,然后出现图像..)[速度测试人员说.. .]
我尝试了什么 [10]:缓存所有 fecth 的服务工作者... => 我将其关闭,因为之前从缓存中检查非常慢... :( 你可以在那里看到它:https ://www.stubfeed.com /ws.js?v=202108000021(在可缓存数组中我添加了 wepb,但我删除了它......)
所有这些尝试的结果:菜单、.css、.js ==>> 非常快速和瞬时......但在 1(有时 2)秒后仍然图像......
你可以在这里看到一份报告:https ://gtmetrix.com/reports/www.stubfeed.com/4MGVqAFv/
curl -I https://www.stubfeed.com/media/feed/2021/08/02/14463960829226.webp
HTTP/2 200
date: Mon, 02 Aug 2021 02:13:44 GMT
content-type: image/webp
content-length: 78296
x-content-type-options: nosniff
referrer-policy: no-referrer
permissions-policy: geolocation=(self),midi=(self),sync-xhr=(self),magnetometer=(self),gyroscope=(self),fullscreen=(self)
last-modified: Mon, 02 Aug 2021 01:40:11 GMT
vary: Accept-Encoding
x-xss-protection: 1; mode=block
strict-transport-security: max-age=15552000; includeSubDomains; preload
cache-control: public, max-age=31536000
cf-cache-status: HIT
age: 1483
accept-ranges: bytes
expect-ct: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=QawI6BH%2FlcrvvsUxJ6VgTJzwNqvb%2BVqBRo1gbxng6JRggJe9MgZbkWhLtMjmwvwC8yB3SLaoJXT%2BvNZDuLCzya1g8HlxGFbpFMzXB%2F4p%2B9GcIGIZANk%2FjfvIx0Lu2t07QIsr"}],"group":"cf-nel","max_age":604800}
nel: {"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 6783c9ea7f3c4bd1-YUL
alt-svc: h3-27=":443"; ma=86400, h3-28=":443"; ma=86400, h3-29=":443"; ma=86400, h3=":443"; ma=86400