WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离

WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离

RiPro优化
资源说明:
教程
2020-06-02 RiPro优化 IOS-AUTO 百度已收录 赞助须知 浏览 2.43K 次
赞 助 ㊮:1™币
1™币=1元人民币,
点击充值™币
WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离 扫码阅读本文
期限级 VIP仅需要⇩: 0 ™币
永久级 VIP仅需要⇩: 0 ™币

资源赞助下载前请认真阅读 赞助须知与下载须知

资源仅为研究 调试组件或代码原理 交流探讨之用

下载须知 重要提示!!请你花费1分钟认真看完本提醒!谨慎斟酌后赞助、捐献并兑换!本站为资源分享交流平台!所有资源均原样收集于互联网仅供调试、参考和研究,请熟知!本站不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵、或是残次品和不完整的程序(甚至是链接失效无法下载),你下载的资源和程序源码组件因其特殊性均为可复制品,所以不支持任何理由的退款兑现;关于配图和详细文档介绍可能会和下载资源有匹配错误现象,敬请理解因为没有时间逐个测试程序并截图。注册会员根据级别享有相关下载优惠,请仔细辨别。请认真阅读本站声明和相关条款后再点击立即兑换下载,你继续点击立即兑换下载并完成赞助兑换/捐献流程操作,代表你已同意本站所有相关条款!!!
  • 原理介绍
  • 交流经验
  • 研究表明,用户最满意的打开网页时间,是在 2 秒以下。用户能够忍受的最长等待时间在 6~8 秒之间。就是说,8 秒是一个临界值,如果你的网站打开速度在 8 秒以上,那么你将失去大部分用户。研究显示,如果等待 12 秒以后,网页还是没有载入,那么 99% 以上的用户会选择关闭网页。

    Google 做过一个试验,10 条搜索结果的页面载入时间需要 0.4 秒,显示 30 条搜索结果的页面载入时间需要 0.9 秒,结果后者使得 Google 总的流量和收入减少了 20%。Google 地图上线的时候,首页大小有 100KB,后来下降到 70~80KB。结果,流量在第一个星期上升了 10%,接下来的 3 个星期又再上升了 25%。Amazon 的统计也显示了相近的结果,首页打开时间每增加 100 毫秒,网站销售量会减少 1%。

    以上数据说明了一个非常重要的问题,如果你的网站速度如果超过 2s 以上,那么你的客户可能在流失和离你而去了。这一点对于电商网站尤其重要,打开速度慢,那么将造成转化率降低,损失将会大量增加。

    网站的访问速度受到很多因素影响。服务器的带宽、服务器的 cpu、内存等硬件配置、网站的代码质量、css 和 js 文件是否合并成了一个请求、用户的访问地理位置、用户的线路、数据库语句是否高效等等。影响一个网站速度的因素非常多,需要针对每一项因素做优化。

    随着云计算的普及,cdn 逐渐随着云计算的普及而普及。而且随着云计算技术的发展,很多大厂商开发了很多底层系统,将这些服务直接打包用来出售。例如 cdn 服务,随着这几年技术的发展,cdn 的价格已经越来越便宜。如果自己逐一去优化网站中每个性能瓶颈,那么将耗费大量的时间。cdn 服务将整套服务打包,将全站的访问速度整体提升一个量级,不再需要你再做耗时耗力的优化工作,能够节约大量时间去做推广。今天就来介绍下 WordPress 使用 阿里云 cdn 的教程。

    原链接https://yq.aliyun.com/articles/744160可以查看详细介绍和方法。

    如果你想整站优化速度请联系客服,本站提供全站优化加速服务。绝对让你的网站飞起来。

    wordpress网站的OSS怎么单独设置CDN图片加速

    目前越来越多的网站开始使用CDN进行网站静态文件加速了,开启CDN不仅能够加速打开速度,而且还能减少网站的带宽流量消耗,虽然目前免费的CDN加速比较少,但是相对于传统的带宽流量,CDN流量计费也会优惠不少。

    我们今天主要介绍的是加速OSS图片服务,有人说OSS本来已经很快了为何还要加速,这里我们讲加速OSS图片是为了以后进阶篇的OSS图片服务做好基础,动静分离和图片参数服务。

    首先安装wordpress主题oss插件,市面上很多这个插件主要有OSS UploadWPOSS插件还有一款 WPJAM Basic 插件

    具体的安装和详细教程在其官网都有详细的教程,这里就不重复了

    我们要做的是怎么加速OSS图片,插件安装好了以后有区别的地方就是没有具体介绍CDN+OSS的设置。我们一阿里云OSS为例介绍:

    第一步:注册阿里云账号,这个简单你们应该都会。开通OSS服务和AccessKey访问阿里云API的密钥。

    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    OSS怎么单独设置CDN图片加速

    第二步:创建OSS空间

    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    OSS怎么单独设置CDN图片加速

    在传输加速里添加你绑定的域名,例如image.ios-auto.net,注意这里创建的是二级域名而并非你的生产环境的一级域名。如果创建为你的生产环境域名,将适用于高级加速的进阶篇的教程。

    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    传输加速里添加你绑定的域名

    然后就是设置阿里云CDN加速配置。加速域名设置你的二级域名,加速域名源站信息设置你的OSS域名。

    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    设置阿里云CDN加速配置。

    剩下的就是正常配置你的CDN缓存和一些常规设置。网上教程很多按照你们就不重复了。

    wordpress主题oss插件配置为CDN加速域名

    按照教程安装好插件和配置好OSS储存后要做的就是怎么实现CDN加速。

    在你的插件中将你的OSS地址直接替换为你CDN加速的域名即可,ripro主题在高级设置中设置CDN域名。

    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    wordpress主题oss插件配置为CDN加速域名
    WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离-IOS-AUTO_资源小站
    wordpress主题oss插件配置为CDN加速域名

    这样你实现了wordpress主题oss插件配合CDN加速静态资源图片的功能。

    其中遇到问题的解决方法和准备工作:

    第一、备份网站和数据库

    如果你是高手,且有足够的把握解决迁移静态文件或者是更换域名可能导致的目录混乱问题,那就不需要备份,可能这些问题对你来说是小儿科。如果你没有把握,或者可能担心自己操作失误导致混乱,那就需要对数据库或者网站文件进行备份,一般备份数据库就行。

    如果我们服务器有快照备份的,直接用快照备份,这样显得更加容易和安全一些。

    第二、迁移原来的静态文件到新目录

    这里我们可以将本地(wp-content/uploads)目录中的文件上传到对应的COS、OSS目录中。因为后面我所有的静态文件都需要迁移到远程云存储中,我们提前将本地的文件传上去。发现有很多网友在更换第三方存储管理静态文件之后,看到媒体库中以前媒体文件不见了,或者看到是空白的,其实是我们没有将原来的文件传到对象存储中。

    第四、修改数据库替换新地址

    如果我们是新网站才开始使用,那就不要替换数据库中原有的静态文件地址,如果是老网站迁移的时候是需要用到批量替换的,这里我们也可以用一些插件,但是考虑到插件可能批量搞错,还是喜欢直接数据库修改。登录phpmyadmin,然后在SQL选项中运行:

    UPDATE wp_posts SET post_content = REPLACE( post_content, ‘原内容’, ‘新内容’ ) ;

    这里具体还需要看我们网站的数据库表前缀,这里默认我用的是”wp_”,如果是其他的就得替换。然后将我们数据库内容替换,我这里举个例子:

    UPDATE wp_posts SET post_content = REPLACE( post_content, ‘ios-auto.net/wp-content/uploads’, ‘image.ios-auto.com/wp-content/uploads’ ) ;

    这里我考虑到严格匹配度,我直接将后面的尾巴一起带上,这样严格替换。这里就体现到备份数据库的重要性,很多人容易替换错我们还可以恢复数据库。

    第五、检查兼容问题

    替换完毕之后,我们重新刷新缓存,然后检查兼容性是否有问题,这个时候我们可以将本地的静态文件删除,然后打开网页看看以前文章是否可以显示内容中的图片/附件。对于我们使用的对象存储中设置防盗链,以及安全设置我们自行解决,我就不在这里说了,以后有时间再找时间单独整理。

    附件中是以上提到的插件

    下一篇我们介绍WordPress 网站开启CDN+OSS动静分离timthumb.php缩略图片不显示的问题,和解决方法。

    发表评论

  • IOS-AUTO.NET资源小站特别声明:
  • 1. 本网站禁止以任何形式的转载和刊发传播本网站内容!你了解研究和调试原理之后应在24小时内删除!删除!
  • 2. 本网站资源仅供在本网站范围内探讨和交流以及调试原理,其不得超出本范围,不得用于任何他用,商用请官网购买发行版。
  • 3. 转载.刊发或截屏录制等任何形式的传播留存本站内容,本站将追究其法律和赔偿责任,造成本站或第三方损失由你本人赔偿。
  • 4. 本网站提供的任何资源,只是原样采集,原版BUG缺陷如常存在,本站不是开发商请熟知,其他问题请联系客服研究探讨。
  • 5. 本网站资源"™币"不提供任何兑现,在此感谢你赞助换取"™币"维持本站存在!使用或注册前请认真阅读本站服务协议和公告声明。
  • 6. 你赞助或捐助给本网站的"™币"将全部用于本站运维和收集资源使用,愿你永远幸福 工作顺利,谢谢
  • 7. 本网站发布的内容若侵犯到您的权益,请联系站长并提供你的版权证明,本站收到后我们将及时删除处理。
  • 8. 请认真阅读本站注册公告和相关协议后使用本网站,你继续浏览代表你已同意本站所有条款。
  • 9. 请勿相信下载后资源文件里的网址链接、QQ、微信、邮箱、电话等联系方式,你主动联系需自行承担全部后果。谨防诈骗!
  • © 2020 Murphy's Law management Co., Ltd All rights reserved

  • IOS-AUTO_资源小站 » WordPress 网站RIPRO主题全方位速度优化-中级阶段篇(三)静态图片加速开启CDN+OSS动静分离