前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >开源应用中心|为什么别人的WordPress那么快?

开源应用中心|为什么别人的WordPress那么快?

作者头像
腾讯云DNSPod团队
发布2021-12-13 09:40:23
7150
发布2021-12-13 09:40:23
举报

越来越多的人使用 WordPress 来搭建网站了,W3techs最新数据统计显示[1],截止到2021年11月3日,全网有43.0%的网站都是基于WordPress搭建的。那么问题来了,为什么别人用 WordPress 搭建的网站,又快、又稳定、又好用呢?下面两招教你轻松优化网站速度~

推荐一个提速减负的宝藏插件:WordPress COS插件,点击直接下载安装,免费使用,两招优化你的网站速度。

第一招:动静分离

网站中的数据资源一般分为两种:动态数据和静态数据。动态数据一般是php实时生成的数据,在网页内容上主要是 HTML 代码;静态数据是指图片、css、js、视频等真实存在的静态文件。

网站初建时流量小、业务简单,将两种数据放到一台服务器上问题不大。随着网站复杂度和访问量的提升,网站访问速度和响应速度越来越慢,甚至出现服务器带宽不足、磁盘 IO 太高等问题。此时动静分离的网站架构就十分必要了,架构示意图如下:

WordPress COS 插件基于腾讯云对象存储COS,将网站静态资源与后台应用分离,用户访问网页的请求由应用后台响应,并直接返回动态html内容,减轻WordPress云服务器带宽和存储压力;静态资源资源存放在COS上,和云服务器内网高速互通,不仅访问速度快,相较磁盘存储成本更低。并且,可配合内容分发网络CDN进一步提升用户访问静态资源的速度,让你的网站速度更快一步。

使用第一招:

第一步:创建COS存储桶

创建一个公有读私有写的存储桶,存储桶的地域建议与运行 WordPress 博客平台的 CVM 的地域相同。

创建好的存储桶会默认分配一个请求域名,可以直接使用该域名,或者为存储桶配置一个CDN加速域名。

第二步:安装并配置WordPress COS插件

在 WordPress 后台,单击【插件】>【安装插件】,搜索tencentcloud-cos即可找到插件,插件地址请点击

配置好密钥、存储桶名称和访问域名,就可以自动将WordPress静态文件无缝同步腾讯云对象存储COS。COS面向新用提供了有效期6个月,存储容量50GB+的免费额度,让我们来插入一个媒体文件试试吧~

上传一个图片到媒体库,点击编辑图片,发现图片URL确实来自COS:

第二招:图片压缩

一般第一招用上,网站提速的效果就已经很明显。如果要追求更快更好的访问效果,我们还有第二招:图片压缩。据 HTTP Archive 统计[2],截至2021年10月1日,WordPress网页中图像平均占网页总体积的25%,图像请求数占网页总请求数的30%。因此,在优化WordPress网站时,图片优化是效果明显且容易实现的切入点。

图片压缩,我们追求的是同样的图片质量下,更小的体积,更快的加载速度。WordPress COS 插件基于数据万象图片处理能力,提供了多种图片压缩方案,以下是不同压缩方案的对比情况,各位站长可以根据自己网站的使用场景选择合适的压缩方案。例如:PC端网站推荐使用兼容性好效果也不差的Webp转码;客户端网站则推荐适配IOS和安卓系统,且效果更强的HEIF转码。

压缩方案

支持格式

输出格式

兼容性

压缩比

压缩速度

Guetzli压缩

jpg

jpg

Webp转码

jpg/png/bmp/gif/heif/tpg/avif

webp

一般

AVIF转码

jpg/png/bmp/gif/heif/webp/tpg

avif

极高

HEIF转码

jpg/png/bmp/webp/avif

heif

TPG转码

jpg/png/bmp/gif/heif/webp/avif

tpg

使用第二招:

仅需一步,轻松开启图片压缩,打开WordPress COS插件的配置:

先开启数据万象,以便对图片进行压缩处理;其次根据自己网站的使用场景,定制合适的压缩规则。点击可以前往体验压缩效果,点此体验

以wepb转码为例,自定义规则为:

imageMogr2/format/webp

保存配置就可以生效了,发篇文章看看效果吧:

如上图所示,网站中访问的图片原图大小是927.55kb,网站实际展示的图片大小为597kb,图片大小压缩了35.64%。

更多功能:图片处理

作为一个宝藏插件,WordPress COS插件还集成了数据万象图片处理能力,拥有更多丰富的图片处理功能,例如你想要的保护版权防止盗图的图片水印功能;剪裁缩放质量调整;限制图片大小;图片渐进显示等各种图片处理功能,这些功能还能叠加使用,让你的网站不仅更快,还要更美更安全!

1. 压缩+水印功能:

imageMogr2/format/webp|watermark/2/text/56aB5q2i55uX5Zu-/fill/IzNEM0QzRA/fontsize/40/dissolve/50/gravity/northeast/dx/100/dy/100/batch/1/degree/45

2. 压缩+缩略显示:

imageMogr2/format/webp|imageView2/1/w/800/h/400

探索更多图片处理功能,点击前往 图片处理,定制你需要的处理规则吧~

开源应用中心:你想要的应用插件都有!

本次推荐的 WordPress COS 插件来自 开源应用中心,作为一个聚集开发者以及中小企业使用的开源应用的平台,开源应用中心提供了丰富的开源应用供广大用户使用。这些应用已经与腾讯云完成深度的集成整合,用户可以简单点击一下鼠标就能在云上快速的部署体验,使用它们的最新特性。

针对WordPress,开源应用中心就提供了已经集成 WordPress COS 插件的 WordPress应用版本,一键安装,无缝对接腾讯云能力,可谓是懒人必备神器。

除此之外,开源应用中心还提供了各种常见的一键部署式的应用和插件,例如知识付费新秀Discuz! Q,中文社区论坛领导者Discuz! X,敏捷快速的前端开发平台uni-app,轻便好用的个人云盘Nextcloud,功能强大的软路由系OpenWRT等,各位点此前往,按需自取~

总结

本文为WordPress站长们介绍了一个好用的插件:WordPress COS插件,并传授了两招使用WordPress COS插件加速网站的方法:动静分离和图片压缩。此外,WordPress COS插件还集成了数据万象图片处理功能,如图片水印、剪裁、缩放、质量调整等,各位站长们可以根据业务场景灵活地组合功能。

同时,也给大家带来了一个开源应用/插件合集——开源应用中心,在这里除了有 WordPress COS 插件以外,还有其他好用的应用和插件,可以按需自取。

[1] Usage statistics of content management systems https://w3techs.com/technologies/overview/content_management

[2] Page Weight

https://httparchive.org/reports/page-weight?lens=wordpress&start=2017_04_15&end=latest&view=grid

-End-

SMB

腾讯云中小企业产品中心

    腾讯云中小企业产品中心(简称SMB),作为腾讯云体系中唯一专业服务于8000万中小企业的业务线,致力于为中小微企业提供全面完善贴心的数字化解决方案。产品线覆盖了企业客户从创业起步期、规范治理期、规模化增长期、战略升级期等全生命周期,针对性的解决企业的信息化、数字化、智能化的生产力升级需求。本中心还拥有两大独立腾讯子品牌:DNSPod与Discuz!,在过去15年间,为超过500万企业级客户提供了强大、优质、稳定的IT服务。

    SMB团队成员大多都有过创业经历,有获得过知名VC数千万投资的,有被一线互联网巨头以数千万全资收购的,也有开设数十家分公司后技术转型而失败倒闭的,我们成功过,也失败过,我们深知创办企业的难处与痛点,深刻的理解中小企业该如何敏捷起步、规范治理、规模化增长与数字化升级发展,我们会用自己踩坑的经验给出最适合你的答案。

    腾讯云中小企业产品中心,助力中小企业数字化升级的好伙伴。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-12-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 DNSPod 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档