在看到了所有关于使用 Cloudflare 和大型图片网站的警告后,我决定为我正在开发的一个小型个人项目迎接这一挑战。虽然我在 Cloudflare 的使用上总体还算顺利,但我一直无法弄清楚为什么我的主题图片无法在 JavaScript 执行完成之前加载(这似乎不是 CDN 的问题)。
有没有办法让图片更早加载(与 JS/CSS 同时加载,或者至少在 JS 执行期间加载),还是说这完全不可行?这是否是一种必要的优先级设置?
以下是我的 webpagetest.org 测试结果,我关注的是从约 2.3 秒(最后一个 JS 脚本加载完成)到约 3.4 秒(图片开始下载)之间的大段空白。
主题布局:
配置
链接:https://investorcommunity.org
主题:Graceful
服务器:DO Droplet(无额外缓存或 S3)
CDN:Cloudflare(免费版,已为减少 JS 干扰而禁用“Rocket Loader")。值得注意的是,禁用 Cloudflare 似乎并未影响这一特定问题。
非常欢迎大家提供任何想法。

