首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用了CDN后图片经常显示不了,需要多试几次才能显示

CDN(内容分发网络)是一种加速网络内容分发和访问的技术,可以有效地提高网站的加载速度。在使用 CDN 时,如果遇到图片无法显示的问题,可能有以下几种原因:

  1. 网络延迟:请检查与 CDN 边缘服务器的连接质量和网络延迟。如果网络质量不佳,可能需要您尝试增加 CDN 的带宽或加速节点来提升网络性能。
  2. 图片格式:确保您的图片文件格式为常用的格式(例如 JPEG、PNG、GIF 等),并遵循相关的文件规范。此外,尝试优化图片大小以提高加载速度和性能。
  3. 图片路径:请确保 CDN 上存储的图片路径正确。如果您使用多个 CDN 厂商,请确保正确的图片路径被正确指向。
  4. 防盗链策略:有时,CDN 可能会根据链接策略阻止某些防盗链。如果图片无法显示,您可以检查您的防盗链策略,以确保 CDN 能够正确处理请求。
  5. 缓存问题:设置正确的缓存策略是确保 CDN 工作的关键因素。请确保图像已正确缓存,以便 CDN 服务器可以快速提供已保存的数据。

解决 CDN 图片无法显示的问题后,以下是一些常见的 CDN 优化建议:

  • 对图片进行压缩以减小文件大小。
  • 按需分发图片,并仅在需要时加载图片。
  • 避免在同一域名上使用多个 CDN 实例,这可能会产生冲突和低效的情况。
  • 定期分析和优化 CDN 带宽使用情况,以确保获得最佳性能。

根据这些技巧,您可以提高网站性能和用户体验。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Java程序员的MacBookPro(14寸M1)配置备忘录

安装wget brew install wget 安装oh-my-zsh,用来增强原有的zsh,执行以下命令,期间可能出现网络访问超时的问题,多试几次即可 wget https://github.com...打开typora,输入command + ,打开偏好设置页面,勾选下图红框中的Typora服务使用国内服务器,这样才能注册成功 接下来是图床设置,这样在文档中直接粘贴图片就能被typora自动上传到图床中...,顶部状态栏也没有,如下图所示: 经过一番折腾,终于发现了其中端倪,外接一个显示,在外接显示器的状态栏上可以看到PicGo的图标,如下图左侧红框 右键点击,PicGo的菜单出现了...简单的说:PicGo的图标,在MacBook的刘海屏上显示不出来,外接显示能正常显示,期待PicGo官方能早日解决这个问题(实测发现,如果安装了Bartender,就能在刘海屏显示器上看到PicGo...页面按下F1键,会弹出Alfred的快捷键输入页面 在上图页面输入bf,再回车,发现markdown内容会自动增加蓝色字体的语法,如下图红框 至此,借助Alfred,可以少打几个字了,多用几次形成习惯

1.4K81
  • 使用CDN配合轻量应用服务器给网站加速

    我的域名 48zhai.cn 已经通过备案,境内外服务器都可以用,这里我选了一台闲置的广州2核2G5M的轻量机器,为了节约时间我使用了宝塔镜像,并且安装wordpress作为CMS,详细过程不再赘述。...图片首先开通CDN服务,系统每个月会赠送10GB中国境内的流量包,对于流量不大的网站来说是完全够用的。图片开通之后就需要添加加速域名了。...图片其他配置我们暂时使用默认配置就行,保存配置等待CDN生效,再次访问网站,通过devtools可以看到我们请求的域名所解析的ip地址已经不是服务器的公网ip地址了,这样就表示CDN已经生效了。...需要注意的是CDN和缓存插件都需要用户访问并命中才能生成对应的缓存,这个时候才能起到加速的效果,实际操作中可以多刷新几次网站,通过浏览器控制台显示的数据可以判断缓存是否生效。...图片图片网站加载速度进一步降低到580毫秒,控制台大小列显示文件来自内存缓存。图片另外,对于小带宽或者境外的服务器还可以使用google的bbr算法改善tcp拥堵情况。

    10.1K114

    缓存竟也能导致跨域问题?

    由于页面设计需要,页面展示图片,并可点击下载按钮进行下载(需要前端打包多个图片,所以需要使用ajax请求图片获得二进制内容,不能直接使用img或a进行下载),如图: 问题现象 图片存储再阿里云OSS,阿里云...同页面其他外站图片链接就可以正常使用,只有自己OSS的图片有问题 多次尝试发现network控制台禁用缓存情况下是没有问题的 禁用缓存下载图片,再启用缓存,此时下载又没有问题了 即使强制刷新也仍然下载不了...,network显示读取自本地缓存 基本可以猜测是缓存或者使用CDN的问题。...而此时阿里工单也回复了: 描述情况基本一样 原因分析 什么是跨域及CORS配置此处不再详述 1、图片存储使用的阿里云OSS,提供默认的域名可以访问图片,只需要OSS设置跨域配置即可 2、使用了CDN,...而CDN也同样需要跨域配置(没有配置) 3、页面直接img显示图片,而img并不会触发跨域,所以当页面打开img会请求到CDN图片并缓存到本地,而缓存不带CORS配置,然后ajax请求直接访问本地图片

    3.7K10

    加快 WordPress 打开速度,你应该打开这三个选项

    WordPress 博客,就会有加载过慢的问题,这是因为 WordPress 使用的一些静态资源在国内不能访问造成的,今天就分析下三个引起 WordPress 加载过慢的资源,以及解决方法: 屏蔽 Emoji 转码和图片显示...为了防止比较老旧的浏览器不显示 Emoji,WordPress 将 Emoji 转换成图片显示。...另外 WordPress 用于显示的 Emoji 的图片都是放在 http://s.w.org/images/core/emoji/ 资源下,但是这个域名在国内经常访问不了的,这个功能反而成为了拖慢博客显示的原因了...加速 Gravatar 头像服务  Gravatar 的 CDN 服务器(如 0.gravatar.com,1.gravatar.com)在国内访问困难,出现头像无法显示的问题,而 WordPress...WPJAM Basic 已经实现了这三个功能加速,你只需要安装一个插件,就能全部搞定。

    52920

    分享一些使用的谷歌浏览器插件

    新浪微博图床 感谢新浪微博提供的免费图床(对外链无限制),以及吊炸天的 cdn 图片加速服务,从此妈妈再也不用担心我的图床不能用了,另外还支持在网页图片右键菜单中一键上传。...Chromoji - Emoji 在某些系统中并不能显示 Emoji 表情,安装此扩展就能在浏览器中显示和输入,你也能选择显示 Apple 或 Google 风格的 Emoji。...Clear Cache 如果你是前端开发人员,调试时需要经常清空浏览器缓存,以往我们需要经过几个步骤才能完成动作,现在只需单击一下按钮即可清除缓存和浏览数据。...翻译侠 这是我用了众多翻译扩展最喜欢的一个,貌似之前的作者已经不再维护了,现在由网友接手,挺好的,从此不再需要打开谷歌翻译网站。...另外它还支持轮播展示,如果你经常逛一些你懂得网站,那它简直是老司机神器。

    4.4K30

    Win10任务管理器中不显示GPU显卡的解决方法

    Windows10任务管理器中不显示GPU的的解决方法 最近在某次系统更新我的Win10系统遇到了这个在任务管理器中找不到GPU的问题,在网上搜寻了一圈,发现可能导致这个问题的原因有很多...以上都不是的解决方案(也是我最终解决该问题的方案): 导致Win10任务管理器不显示显卡的原因可能是误删了某些系统缓存文件导致的,需要重建资源监视器缓存,其步骤如下: 4.1 右击Windows10 开始菜单...执行不成功的,记得一定要使用管理员权限的Powershell才行,第一行代码可能执行失败,失败的话多试几次。一定要执行成功再执行第二条命令。...出现错误代码的,可以多试几次,一定要确认使用管理员权限运行PowerShell,不然是肯定不会成功的。 如果还是不行,可以先重启电脑,再执行上述命令,这里感谢评论区的朋友反馈。...以下是运行上述代码成功的图示,可以看到Win10的任务管理器已经可以正常的显示GPU显卡的运行情况了。

    34.8K30

    IDEA入门级教程(文末常用快捷键)

    这里写图片描述 这个是说你使用了没有必要的装箱操作(什么是装箱和拆箱可以自行百度,也可以看我之前写的文章),对比两句add操作可以看出来,IDEA在帮我们优化代码。 第二个例子: ?...这里写图片描述 我们学java的时候学过增强的for循环,其实它的学名叫做foreach语句,上面的代码我使用了普通的for循环,IDEA告诉我,使用foreach语句更好。...这里写图片描述 在下载structsjar包的过程中,可能会失败,属于正常情况,多试几次就好了。。也可以使用自己的jar包。...这里写图片描述 这个在界面的右下角,一个老头图标(打开代码文件才能看到)。那个可以拖动的控件就是设置代码检查等级的。...这里写图片描述 可以勾选此设置,增加 Ctrl + 鼠标滚轮 快捷键来控制代码字体大小显示

    77830

    图片怎么存储到数据库里「建议收藏」

    举一反三,相互独立,分离的思想不仅在系统开发中用到,在现实生活中经常存在的。 总结:三种东西永远不要放到数据库里,图片,文件,二进制数据。...这是利用了php的页面执行速度快的一个优势。 二、数据库中保存图片路径 一般是这样子的: 按照年月日生成路径。具体是按照年月日还是按照年月去生成路径,根据自己需要(不一定是按照日期去生成)。...这是一个经验积累出来的,所以上海那个网友也对此并没有明显的概念很正常,他说他不知道cdn方面的(当然觉得存个域名进去没什么大不了的)。需要了解cdn知识,什么情况下会用到cdn知识。...所以像商品图片,随着访问量大了,租用cdn服务,只需要图片上传到他们的服务器上去。 例子:北京访问长沙服务器,距离太远。...关于淘宝的图片存储 了解到:淘宝以前使用了商用的存储。但是没法满足需求。据说,到2010年,淘宝网后端保存着286亿张图片。商用的系统系统没法满足需求的时候。

    9.8K52

    分子对接教程 | (8) PyMOL可视化对接结果

    在介绍之前,先简单介绍一下这个软件,虽然前面我们简单的使用,但没有过多介绍,这里就简单介绍一下,具体细节上的东西,需要你不断使用,才能熟悉。下面是软件界面。 ?...2.对象属性操作介绍 加载到蛋白。 ?...object中残基、原子等名称或者属性 C:Color 对Object 进行着色 知道这些,里面的内容多试几次就知道怎么回事啦。...然后是在rr中选择S里面的sticks,单独显示残基的棍状结构。 ? 我们可以给残基换一个颜色(C)。 ? 改变背景色,这里改为白色,同时我再把残基改成了蓝色。 ? 可以保存文件编辑好的图片。 ?...至于美化,这里远远不够,就得去自己好好研究这个软件怎么使用了,反正上面的教程也挺详细的,后续在介绍另外一个软件VMD。 参考: http://pymol.chenzhaoqiang.com/

    8.9K52

    我是如何将页面加载时间从6S降到2S的?

    WTF,这跟技术有毛线关系,该用的都用了,TM的页面不吸引人,用户不想来,我能怎么办?事实证明不要太自信。...在这里强烈安利一个可以检测站点 全球各个地区加载时间的网站 https://www.dotcom-tools.com/website-speed-test.aspx ,真的强烈推荐) 文章不包含压缩文件、图片...First Byte Time 表示浏览器在从服务器接收第一个字节数据之前需要等待多长时间。获取该数据所需的时间越长, 显示页面所需的时间就越长。 这部分主要能做的就是使用CDN和优化后端性能。...2.得到这个响应,H又将请求报告给 .com,.com告诉它,你去找taobao的DNS吧,我不管 3.得到这个响应,H又将请求报告给taobao,taobao告诉它,我不管,你去找我四个小弟吧。...最后被分配给了ns4,从这得到了最终ip,完成了DNS lookup 看到评论中有疑问,其实可以多试几次,会分配到不同的小弟,但是都有淘宝的A记录,所以都可以解析 也可以dig不同的ns4,ns5,ns6

    87120

    开发说做了性能优化,到底做了啥

    按需加载文件 当我们访问一个页面地址时,浏览器会按照代码所需的文件,请求文件并下载在计算机中,只有页面所需的静态文件比如css、js 正常加载回来时,页面才能正常渲染,否则可能会出现白屏,影响用户体验。...举个例子:比如我们以前经常玩的QQ农场,因为QQ农场有大量的图片,如果在进入QQ空间,在网络空闲时,“偷偷”把QQ农场需要的部分图片下载缓存下来,如果后面用户进入QQ农场时,由于很多图片已经加载好,页面整体的加载速度会提高很多...当页面首次加载时,只显示可视区域的图片(只请求可视区域的图片),当用户滚动页面,下一屏的图片即将进入可视区域时,才加载这部分图片。这么做可减少并发加载图片的个数,提升整个页面的加载速度。...使用cdn来存放html、css、js、图片等前端静态资源,也是一种缓存优化方式。 cdn是一个为了使用户就近获取内容,提高资源访问速度的一种内容分发网络,主要由内容分发技术和内容缓存设备组成。...防抖节流 将几次频繁操作合并为一次操作进行,叫做防抖。 举个例子:一个搜索输入框,当输入一个字符时就会自动触发内容更改事件,然后向后端发起查询请求。

    78230

    Python+Selenium+PIL+Tesseract真正自动识别验证码进行一键登录

    所以当这个元素在登陆的界面找不到时,那就说明登录成功,ok,跳出循环,进行下一步操作。...,我就很无语了,想了半天,可能是因为图片被占用!...因为我有一个img.show()函数,为了检测有没有截取到标准的图,然后show之后这个图像就被占用了!就像你在编辑word时候,是无法删除word文档一样!...8:im.crop(box)裁剪区域选择困难症 8:解决方案,多试几次,反正我是试出来的。。。。...,才能看到输入的账户和密码,那么先找我的图书馆的元素,进行click操作,之后再找元素,一句话,把自己想成浏览器,阿不,把python想成浏览器。。。。。

    2.7K80

    Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

    但是对于v0.2.10版本的LoveIt主题,只是加入启动参数依然无法使用Valine评论功能,原因是评论功能的模板文件有问题,需要我们自己修改才能正常使用,如下: 把\themes\LoveIt\layouts...lightgallery图片相册功能无法使用 在启用了lightgallery功能无法触发,然后在LoveIt仓库里找到了类似的issue,发现必须使用带标题的图片才能使用相册功能,如下: 1 !...翻页后首页的图片显示不了 首页的头像和文章图片显示正常,但是点击跳转到第二页或者其他除第一页以外的页数时,所有的图片全部显示不了。...按下F12查看显示不了图片的url,可以发现图片的地址不正确,并没有附加上正确的网站地址前缀。 这个是因为图片的url配置不正确导致的。整个网站所使用的图片,其url要以/开头!...keywords这个meta标签,检查了模板文件发现是LoveIt没有引入该标签,需要修改模板才行。

    1.6K20

    关于图片或者文件在数据库的存储方式归纳

    没达到一定级别实在体现不了差别。数据库数据量达到一定级别。语言相差0.001s会给予用户体验上的差别。我想,这也是为什么php很适合做web开发了。解析页面速度快(解释型语言,不需要编译)。...这是利用了php的页面执行速度快的一个优势。 备份图片数据和迁移数据方便 图片以二进制形式存储在数据库,有一个好处:备份的时候方便。直接备份数据库,图片也跟着备份。换句话说,迁移环境的时候是方便。...这是一个经验积累出来的,所以上海那个网友也对此并没有明显的概念很正常,他说他不知道cdn方面的(当然觉得存个域名进去没什么大不了的)。需要了解cdn知识,什么情况下会用到cdn知识。...所以像商品图片,随着访问量大了,租用cdn服务,只需要图片上传到他们的服务器上去。 例子:北京访问长沙服务器,距离太远。...关于淘宝的图片存储 了解到:淘宝以前使用了商用的存储。但是没法满足需求。据说,到2010年,淘宝网后端保存着286亿张图片。商用的系统系统没法满足需求的时候。他们就自己开发了一个tfs。

    9.6K20

    【腾讯云 HAI】Stable Diffusion WebUI 绘画部署实战

    购买成功自动会进行服务器创建 连接算力 在服务器创建好之后点击红框标识内容进入 web 网页。...接下来我们使用 Stable Diffusion WebUI 生成一张猫咪图片,配置以下参数,单击 Generate 即可。...hd 8 k high resolution 赛博朋克风 提示词: Cyberpunk, 8k resolution, castle, the rose sea, dream 写到最后 虽然我今天只是试用了冰山一角...只需要准确描述,计算机就能生成你需要图片。 再搭配腾讯云 HAI,可方便帮助用户快速上手但不限于 Stable Diffusion WebUI 服务。...就目前我会认为还有优化空间,需要反复调教参数,且多试几次才能找到满意的图片。期待以后此类服务能进化得更好吧。 最后如果不用了,别忘了即时销毁 HAI 服务。

    20000

    大部分程序员都记不住的注解,Idea 云笔记却能轻松记住

    99%的程序员每天都是先学习,工作,不然完成不了工作。只因技术种类繁杂众多、层出不穷,程序员只有靠不断的学习才能不落后于技术,被工作淘汰。...我就是这其中一员,深得体会其中的「疼并快乐」,在10几年的技术的学习路上总是学了用了忘了又学,来来回回的反复对一个知识点学过几次才会,因为技术不用太容易忘记了,比如在Java中jsr 303、330、380...,提供给每个人的不同体验,具体功能如下: 一键关闭所有笔记功能(参考图片中的紫色标记) 选择某个语言,并开关某项笔记(参考图片中红色标记) 同步上传或下载可点击图片中相关菜单即可,但需要先登录...点击‘Export note 导出笔记为Markdown’即可导出自己的笔记的md文件 如何随处搜索笔记 该功能主要用于忘记怎么用,不需要打开笔记,直接快速搜索笔记的场景。...,需要按照一下修改一下默认的字体。

    61410

    分享一些好用的 Chrome 扩展

    1、 新浪微博图床 感谢新浪微博提供的免费图床(对外链无限制),以及吊炸天的 cdn 图片加速服务,从此妈妈再也不用担心我的图床不能用了,另外还支持在网页图片右键菜单中一键上传。 ?...6、Chromoji - Emoji 在某些系统中并不能显示 Emoji 表情,安装此扩展就能在浏览器中显示和输入,你也能选择显示 Apple 或 Google 风格的 Emoji。 ?...7、Clear Cache 如果你是前端开发人员,调试时需要经常清空浏览器缓存,以往我们需要经过几个步骤才能完成动作,现在只需单击一下按钮即可清除缓存和浏览数据。 ?...8、二维码生成器 把当前页面或者你输入的任何内容转化成二维码,生成的二维码可以保存,并且无需联网,谁用谁知道。 ?...9、翻译侠 这是我用了众多翻译扩展最喜欢的一个,貌似之前的作者已经不再维护了,现在由网友接手,挺好的,从此不再需要打开谷歌翻译网站。 ?

    52040
    领券