前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 使用了 CDN 之后,为什么图片不显示或部分没有被替换成 CDN 域名

WordPress 使用了 CDN 之后,为什么图片不显示或部分没有被替换成 CDN 域名

作者头像
Denis
发布2023-04-13 12:00:12
1.6K0
发布2023-04-13 12:00:12
举报
文章被收录于专栏:WordPress果酱WordPress果酱

我们继续来解答 WPJAM Basic 插件「CDN 加速」功能的常见问题,今天是图片不能正常显示和没有替换为 CDN 域名这两个问题:

  1. 我感觉什么都设置好了,但是图片还是不显示,这是为什么?
  2. Revolution slider 插件的幻灯片不走 CDN,还是本地域名,怎么处理?

我感觉什么都设置好了,但是图片还是不显示?

首先要不要你感觉,要我感觉。😄

因为感觉的事情很多时候总是不对的,碰到这类问题,第一步还是对着文档,认真的再次操作一遍,据我的经验:99%都是因为在云存储没有设置镜像回源的站点,这一点特别检查一下。

如果你确保你都按照文档操作了,并且也在云存储设置了镜像回源,那么看看下面这些和插件没关系但是可能影响图片显示的问题:

  1. 网站是 https 了,但是 CDN 还是 http,大哥,在 https 页面下,http 的资源是不加载的,这是浏览器的安全要求,去对象存储设置一下 ssl 证书吧。
  2. 你的服务器是不是阻止了对象存储通过镜像回源功能来你站点的抓取资源的爬虫,去你的服务器防火墙设置看看,特别是使用宝塔的用户,是不是宝塔的防火墙设置了。
  3. 有用户报告:部分对象存储不支持带 SNI 的 https 方式回源,那么你的站点静态资源是否支持 http 访问,支持,那就去回源地址改成 http 的域名,如果不支持,那只能更新一下你的 ssl 证书了。

Revolution slider 的幻灯片不走 CDN,还是本地域名?

这个问题可以归类为为什么部分图片没有被替换成 CDN 域名,还是本地域名,拿 Revolution slider 插件出来说,因为因为这个插件用户比较多,碰到的人比较多。

因为前面也说了 在 https 页面下,http 的资源是不加载的,所以部分插件或者主题的做法就是,输出的图片没有 http: 或者 https:,直接以 // 开始,这样浏览器就会根据当前网页 http 协议自动处理图片的协议,这个是一个比较讨巧的解决方法,防止在 https 页面下,出现图片的链接是 http 而不加载

其实对于 WordPress 正确的做法是使用 set_url_scheme 函数来处理,它会自动根据页面 http 协议给图片加上对应的协议,不过这个要修改插件和主题的源代码,对于很多人来说并不合适。

所以我在「CDN 加速」功能中增加了「将无**http://**或**https://**的静态资源也进行镜像处理」的选项,你只要勾选一下,这些图片也会被替换成 CDN 域名,所以去勾选一下,再看看是不是否都替换成 CDN 域名了:

为了效率考虑,该选项默认是没有开启的,如果没有这个问题,也不建议开启

另外部分用户通过浏览器开发者工具看到个别的 JS 没有部分替换成 CDN 域名:

简单看了一下,这几个 JS 不是 PHP 直接加载的,是通过其他 JS 加载的,所以无法替换,只能通过更改你的主题代码来实现。


最后老是老规矩,贴一下 WPJAM Basic 支持的云存储服务,记得点我的链接,这三家土豪会给佣金的,我有钱赚了,就能够更加专注更新和优化插件了。🤩

云服务

链接

阿里云OSS

腾讯云COS

火山引擎veImageX

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 我感觉什么都设置好了,但是图片还是不显示?
  • Revolution slider 的幻灯片不走 CDN,还是本地域名?
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档