<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>WordPress on duojilu</title><link>https://www.duojilu.com/tags/wordpress/</link><description>Recent content in WordPress on duojilu</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Thu, 23 Dec 2021 09:15:43 +0800</lastBuildDate><atom:link href="https://www.duojilu.com/tags/wordpress/index.xml" rel="self" type="application/rss+xml"/><item><title>关于 WordPress 博客 CDN 加速，你只需这篇文章就够了</title><link>https://www.duojilu.com/archives/141/</link><pubDate>Thu, 23 Dec 2021 09:15:43 +0800</pubDate><guid>https://www.duojilu.com/archives/141/</guid><description>&lt;h1&gt;关于 WordPress 博客 CDN 加速，你只需这篇文章就够了&lt;/h1&gt;
&lt;p&gt;这是我一直想说清楚的问题，因为问的人实在太多了，今天把这方面的问题能想到都整理了下，通过这篇文章给大家说清楚问题，希望真的可以做到&lt;strong&gt;关于博客 CDN 加速，你只需这篇文章就够了?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;为了方便大家的阅读和理解，通过一些简单的问题的解答，从大到小一步一步引入讲解清楚。&lt;/p&gt;
&lt;h2&gt;&lt;a&gt;&lt;/a&gt;一、网站怎么加速？&lt;/h2&gt;
&lt;p&gt;一般用户提问都是这样直接提出的，他们一开始想要的也是这个，这个问题很大，很难回答得很具体，那么今天从简单的开始，一步一步引入。&lt;/p&gt;
&lt;p&gt;简单来说，网站加速分成两大步：&lt;strong&gt;动态内容优化&lt;/strong&gt;，&lt;strong&gt;静态资源加速&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;WordPress 博客页面的生成，首先加载 WordPress 程序，然后加载插件和主题，最后根据请求从数据库中取出数据渲染网页，当然这也是一般 PHP 脚本渲染网页的过程。&lt;/p&gt;
&lt;p&gt;所以动态内容优化，首先要优化服务器，&lt;strong&gt;安装 OPCache 和&amp;nbsp;Memcached&lt;/strong&gt;，&lt;strong&gt;然后优化 WordPress&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;OPCache&amp;nbsp;把经过编译后的 PHP 代码缓存到内存中，在用户访问的时候就能直接调用从而起到高效的加速作用。&lt;/p&gt;
&lt;p&gt;Memcached 会把 WordPress 的数据库查询结果存到内存里面，下次使用会直接到 Memcached 中取，这样数据库查询将会减少，甚至可以做到&amp;nbsp;0 SQL，所以可以显著的提高页面生成的速度。&lt;/p&gt;
&lt;p&gt;优化 WordPress，我做的 &lt;strong&gt;WPJAM Basic&lt;/strong&gt; 插件已经集成了绝大部分的优化选项，这里就不再说明。&lt;/p&gt;
&lt;p&gt;WordPress 生成页面之后，页面里面有图片, CSS, JS&amp;nbsp;这些静态文件，这些静态资源如果加载比较慢的话，用户访问你的网站感觉也是会慢的，所以我们要&lt;strong&gt;对图片, CSS, JS&amp;nbsp;这些静态资源&lt;/strong&gt;进行加速。&lt;/p&gt;
&lt;h2&gt;&lt;a&gt;&lt;/a&gt;二、如何对静态资源加速？&lt;/h2&gt;
&lt;p&gt;前面讲到网站加速分成&lt;strong&gt;动态内容优化&lt;/strong&gt;和&lt;strong&gt;静态资源加速&lt;/strong&gt;这两个步骤，动态内容加速需要服务器需要 ROOT 权限，很多虚拟主机用户就放弃了，并且需要配置优化服务器，很多人又进入了知识盲区，望而却步了。&lt;/p&gt;
&lt;p&gt;那么静态资源加速这块是比较简单的，只要相信自己，并且用心且认真看完本文就能够顺利操作的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;静态资源加速的意思就是让用户能够快速访问博客里面的图片, CSS 和&amp;nbsp;JS 这些文件。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;那么反过来说：&lt;strong&gt;是什么阻止了用户快速访问图片, CSS 和 JS 这些静态资源文件呢&lt;/strong&gt;？&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;服务器带宽不够&lt;/strong&gt;，网页中的图片很大，或者访问量一大，这些资源加载就被限制了，当然可以升级服务器带宽，不过这是很贵的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;服务器并发不大&lt;/strong&gt;，虽然服务器处理静态资源需要 CPU 是远远比不上动态内容的，但是如果一个网页有几十张图片，那么一个用户的访问，相当于服务器有几十个并发，那么访问量一大就会卡死。&lt;/p&gt;
&lt;p&gt;所以&lt;strong&gt;静态资源的加速其实就是使用 CDN 来加速&lt;/strong&gt;。这里就引出第一个问题:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;CDN 是什么？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;百科一下告诉我们：&lt;/p&gt;
&lt;blockquote class="wp-block-quote"&gt;&lt;p&gt;CDN（Content Delivery Network）是指内容分发网络，采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应用户请求。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;那么高级的东西，肯定是我们自己干不了的，所以我们就要使用第三方服务，比如阿里云和腾讯云的 CDN 服务。&lt;/p&gt;
&lt;p&gt;所以使用 CDN 加速静态资源的意思就：&lt;strong&gt;使用&lt;/strong&gt;&lt;strong&gt;阿里云或者腾讯云等这些第三方 CDN&amp;nbsp;服务加速图片, CSS 和 JS 这些静态资源文件。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;那么就引出第二个问题：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;怎么使用第三方的 CDN 服务？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;直接使用，比如直接申请阿里云的 CDN 服务，按照指引解析域名的 CNAME 即可。&lt;/p&gt;
&lt;p&gt;但是这样做有个不好的地方，因为他是全站 CDN 服务，不管动态内容还是静态资源都做了 CDN 服务，而你的动态内容是 PHP 实时生成的，不建议进行 CDN 加速，另外图片等资源还存在回源等问题和无法使用缩图。&lt;/p&gt;
&lt;p&gt;所以我们一般建议先&lt;strong&gt;将静态资源镜像到第三方的云存储服务&lt;/strong&gt;，比如阿里云的 OSS 和腾讯云的 COS，然后再使用第三方 CDN 对静态资源加速。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;三、如何使用第三方云存储和CDN服务？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;看到这里，很多人就开始有些困惑了，为什么简单的一个静态资源的事情要做得那么复杂？&lt;/p&gt;
&lt;p&gt;因为我们只是写博客的，所以我们只要写博客做内容这件事情做好就好，其他专业的事情交给专业的第三方干。&lt;/p&gt;
&lt;p&gt;所以有什么使用云存储有什么好处？&lt;/p&gt;
&lt;ol&gt;&lt;li&gt;可以实时对图片裁图，我们无需 WordPress 的裁图功能，而且可以在不同的页面实现不同的缩略图大小。&lt;/li&gt;&lt;li&gt;CDN的回源操作是针对云存储，只要我们静态资源镜像到云存储之后，我们本地都可以不再存储这些资源。&lt;/li&gt;&lt;/ol&gt;
&lt;p&gt;下面我们使用阿里云为例，讲解一下&lt;strong&gt;如何使用第三方云存储和CDN服务？&lt;/strong&gt;&lt;/p&gt;
&lt;h2&gt;&lt;a&gt;&lt;/a&gt;四、使用阿里云对象存储 OSS 对静态资源进行 CDN 加速&lt;/h2&gt;
&lt;p&gt;1. 首先注册阿里云，记得点我的链接，阿里云会给我返佣，看在我做的插件，和那么辛苦写教程份上，一定要点击这个链接哦。&lt;/p&gt;
&lt;p&gt;2. 然后开启阿里云 OSS 服务。点击右侧Bucket 管理下方的「新建Bucket」按钮，创建一个新的存储空间：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421021-f0a0fae1d3a2ad1396a952ce3f0b5b09.jpg" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;区域：根据你网站用户在哪里最多选择。&lt;/p&gt;
&lt;p&gt;下面这三个三个选项一定要按照下面选择：&lt;/p&gt;
&lt;p&gt;存储类型：选择&lt;strong&gt;标准存储&lt;/strong&gt;。&lt;br&gt;读写权限：选择&lt;strong&gt;公共读&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;服务器端加密：选择&lt;strong&gt;无&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;其他选项，根据你自己的需求设置，一般无特殊需求都选择关闭。&lt;/p&gt;
&lt;p&gt;3. 创建好 Bucket，选择该存储空间，点击「&lt;strong&gt;基础设置&lt;/strong&gt;」，选择「&lt;strong&gt;镜像回源&lt;/strong&gt;」这一栏，点击设置，最后点击添加规则：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-f8100e4c35ae74610d483584c03bc86e.jpg" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;回源类型：选择&lt;strong&gt;镜像&lt;/strong&gt;&lt;br&gt;回源条件：选择&lt;strong&gt;HTTP状态码404&lt;/strong&gt;&lt;br&gt;回源地址：和上图一样，&lt;strong&gt;输入你的博客地址&lt;/strong&gt;，比如我的：blog.duojilu.com&lt;/p&gt;
&lt;p&gt;4. 设置好「镜像回源」之后，返回点击「&lt;strong&gt;传输管理&lt;/strong&gt;」选择「&lt;strong&gt;域名管理&lt;/strong&gt;」，点击「绑定用户域名」：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-7987f7eb12b96cdacdbee6a638f2d54a.jpg" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;5. 然后按照要求设置域名 CNAME&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-94d68d065f213323a38312009595a59f.png" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;6. 点击阿里云 CDN 加速下的「未配置」链接，进行 CDN 配置：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-5d266430856bf76ad33f36f6b0d69abb.jpg" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;源站信息选择 OSS 域名即可，其他按照你的需求进行配置。&lt;/p&gt;
&lt;p&gt;7. 如果你希望更快的缓存效率，可以设置 CDN 的缓存过期时间：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-162b66fd860e13c237f4e90952e8651f.png" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;8.&amp;nbsp;这样在阿里云的设置就完成，回到 WordPress 博客，你首先要安装好&amp;nbsp;WPJAM Basic&amp;nbsp;插件，然后在 WordPress 后台点击菜单 「&lt;strong&gt;WPJAM&lt;/strong&gt;」&amp;gt; 「&lt;strong&gt;CDN 加速&lt;/strong&gt;」：&lt;/p&gt;
&lt;figure class="wp-block-image"&gt;&lt;img src="https://www.duojilu.com/wp-content/uploads/2021/12/1583421085-afec573a589b5f73e09946238d941cd4.png" alt=""/&gt;&lt;/figure&gt;
&lt;p&gt;云存储：选择&lt;strong&gt;阿里云OSS&lt;/strong&gt;。&lt;br&gt;CDN域名：输入上面设置的域名，比如：&lt;strong&gt;https://cdn.duojilu.com&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;这样就大功告成了，就可以在你的 WordPress 网站使用阿里云 OSS 服务，并且使用阿里云的 CDN 对静态资源进行加速了。&lt;/p&gt;
&lt;p&gt;希望大家都有快速的网站，和我一样。如果对你有帮助也欢迎收藏本文，让更多的朋友也可以有更快的网站。?&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;</description></item></channel></rss>