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

推荐一个提速减负的宝藏插件:WordPress COS 插件,前往链接(https://wordpress.org/plugins/tencentcloud-cos/) 点击直接下载安装,免费使用,两招优化你的网站速度。

第一招:动静分离

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

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

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

1.1 使用第一招

第一步:创建 COS 存储桶

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

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

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

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

插件地址为 https://wordpress.org/plugins/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转码。

2.1 使用第二招

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

先开启数据万象,以便对图片进行压缩处理;其次根据自己网站的使用场景,定制合适的压缩规则。体验压缩效果可以前往链接自行体验:(https://cloud.tencent.com/act/pro/ciExhibition)

以 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

探索更多图片处理功能,定制你需要的处理规则请前往:(https://cloud.tencent.com/document/product/436/44879)

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

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

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

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

各位点此链接前往(https://app.cloud.tencent.com/),按需自取~

总结

本文为 WordPress 站长们介绍了一个好用的插件:WordPress COS插件,并传授了两招使用 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 —

为什么别人的 WordPress 网站那么快?的更多相关文章

  1. 为什么我的 WordPress 网站被封了?

    今年以来,一系列 "清朗" "护苗" "净网" 专项整治行动重拳出击,"清朗·春节网络环境"取消备案网站平台2300余家 ...

  2. 听说你想在 WordPress 网站上嵌入 PPT ?

    年底了,想在 WordPress 博客上展示自己的春节旅行计划,尝试在文章中插入一个旅行计划 PPT 结果长这个样子 你有没有遇到同样的情况,懊恼网页支持展示的内容无法满足我们的需求: 想展示年度家庭 ...

  3. 处理部分WordPress核心代码或功能,让你的网站更快

    处理部分WordPress核心代码或功能,让你的网站更快 http://www.wpdaxue.com/speed-up-wordpress.html

  4. WordPress SEO ☞ WordPress网站终极优化指南

    原文地址:http://www.eastdesign.net/wordpress-seo/ 最新消息,东方设计学院 WordPress SEO 系列视频教程正在持续更新中,目前为了不至于让视频传播过于 ...

  5. WordPress网站搬家经验总结

    http://cnzhx.net/blog/move-wordpress-site-step-by-step/也许很多人都有跟我类似的经历:因为某种原因需要将自己的WordPress站点从一个空间转移 ...

  6. WordPress网站搬家全过程 亲身体验WordPress搬家,总结几点

    需要移动的文件主要是网站文件和数据库文件,如果是简单的wordpress   操作就是:备份网站文件,导出数据库文件,上传网站文件,导入数据库文件,移动网站文件,修改wordpress的wp-conf ...

  7. 通过URLOS安装Redis缓存为wordpress网站提速

    快!快!快!我们都知道网站的加载速度直接影响用户体验.据研究发现,网站页面在3秒内加载完毕对用户而言是最佳的浏览体验.如果超过这个时间,用户跳出网站的几率会非常大.所以对于站长来说,提高速度是他们追求 ...

  8. WordPress 网站开发“微信小程序“实战(三)

    本文是"WordPress 开发微信小程序"系列的第三篇,本文记录的是开发"DeveWork+"小程序1.2 版本的过程.建议先看完第一篇.第二篇再来阅读本文. ...

  9. 教你9个提升 Wordpress 网站安全性的方法

    大约一个月前,这个部落格被黑客入侵(编按:Amit Agarwal 的网站).而其他托管于相同主机商的网站像是 ctrlq.org 和2hundredzeros.com 也深受其害,黑客成功从网路上拿 ...

随机推荐

  1. A Child's History of England.50

    'Knave [man without honor]!' said King Richard. 'What have I done to thee [you] that thou [you] shou ...

  2. mongDB进阶

    Mongo进阶 聚合 聚合操作将来自多个文档的值组合在一起,并且可以对分组数据执行各种操作以返回单个结果. 文档进入多阶段管道,将文档转换为聚合结果 聚合管道 例子: 第一阶段:过滤,$match 第 ...

  3. flink---实时项目--day02-----1. 解析参数工具类 2. Flink工具类封装 3. 日志采集架构图 4. 测流输出 5. 将kafka中数据写入HDFS 6 KafkaProducer的使用 7 练习

    1. 解析参数工具类(ParameterTool) 该类提供了从不同数据源读取和解析程序参数的简单实用方法,其解析args时,只能支持单只参数. 用来解析main方法传入参数的工具类 public c ...

  4. 简化版chmod

    我们知道对文件访问权限的修改在Shell下可通过chmod来进行 例如 可以看到v.c文件从无权限到所有者可读可写可执行.群组和其他用户可读可执行 chmod函数原型 int chmod(const ...

  5. AI ubantu 环境安装

    ubantu安装记录 apt install python3-pip anaconda安装 https://repo.anaconda.com/archive/Anaconda3-2020.11-Li ...

  6. java配置文件的使用 —— 设置一个类为单例模式

    阅读本文章前建议先阅读:java通过JDBC访问sqlserver数据库 一.使用原因:通过JDBC连接数据库时有时会需要连接不同的数据库,而jar包.连接url.用户名和密码等都是写定在程序中,不便 ...

  7. vue+element项目中动态表格合并

    需求:elementui里的table虽然有合并函数(:span-method),单基本都是设置固定值合并.现在有一个树型结构的数据,要求我们将里面的某个list和其他属性一起展开展示,并且list中 ...

  8. 自定义 UITableViewCell 的 accessory 样式

    对于 UITableViewCell 而言,其 accessoryType属性有4种取值: UITableViewCellAccessoryNone, UITableViewCellAccessory ...

  9. Sql Server 索引笔记

    CREATE UNIQUE  CLOSTERED INDEX Idx_phone  ON  teacher (t_phone  DESC)  WITH  FILLFACTOR=30; 如果表中定义了主 ...

  10. 背水一战——CSP2021/NOIP2021 游记

    洛谷 version 转载本文章的其他链接: 1(S00021 提供) 2(Ew_Cors 提供) \[\texttt{2021.9.10} \] 终于开坑了. 笑死,初赛根本还没开始复习,反正初赛也 ...