WordPress加速 on duojilu

wordpress 优化后速度提升超过70%+文章页手动添加谷歌广告

Thu, 09 Nov 2023 12:35:54 +0800

首先必须确认一下，我这边优化前的首页速度是接近4秒才能打开，优化后速度可以做到了1.5秒，大家看看，如果你看完了整篇文章觉得有帮助，记得帮我点击下广告同时也是让我能够继续帮助别人，谢谢~！

足足少了2.5秒接近提升了70% 。我的服务器目前还是比较差的，配置是1GCPU+2G内存，

主要的提升方向是wordpress 添加了谷歌广告之后拖累了速度，下面开始整理优化：

1、解决谷歌广告调用

a.全站在页脚上出现一个JS ，全站就算有100个谷歌广告，也是只载入一次,使用懒加载的方法让谷歌的这个JS在全站加载完成后才显示。

b. 在你希望出现广告的地方加入你的广告代码

比

下面是具体步骤;

a、找到主题编辑器，编辑主题的页脚文件部分，

将

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.setAttribute("async", "");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-你的广告ID";
element.setAttribute("crossorigin", "anonymous");
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

这段代码放在页脚，在<body>标签之前

上述代码中 你的广告ID 要改成你自己的

b、在你希望出现广告的地方加入你的广告代码，比如你获取的谷歌的广告代码是下面这样的

我们刚刚在 a 步骤的时候已经解决了第1部分，我这边实例是把广告放在文章的地方，所以

找到主题下面的(functions.php)文件，然后在最后面加入下面的代码

add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
 $ad_code ='<div align="center">
<style>
.adsbygoogle-comment { width: 99%; height: 60px; padding: 1rem 0px }
@media(min-width: 500px) { .adsbygoogle-comment { width: 99%; height: 70px; padding: 1rem 0px} }
@media(min-width: 800px) { .adsbygoogle-comment { width: 99%; height: 70px; padding: 1rem 0px} }
</style> 

<!-- 广告单元1 -->

<ins class="adsbygoogle"
 style="display:block; text-align:center;"
 data-ad-layout="in-article"
 data-ad-format="fluid"
 data-ad-client="ca-pub- 你的广告ID "
 data-ad-slot=" 你的广告位置代号"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>'; 
 if ( is_single() && ! is_admin() ) {
 // 下面一行数字2代表段落
 return prefix_insert_after_paragraph( $ad_code, 2, $content );
 }
 return $content;
}

function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
 $closing_p = '</p>';
 $paragraphs = explode( $closing_p, $content );
 foreach ($paragraphs as $index => $paragraph) {
 if ( trim( $paragraph ) ) {
 $paragraphs[$index] .= $closing_p;
 }
 if ( $paragraph_id == $index + 1 ) {
 $paragraphs[$index] .= $insertion;
 }
 }
 return implode( '', $paragraphs );
}

以上，整个优化速度+文章广告展示就已经大功告成了~！有问题可以下面留言给我哦

Wordpress手机端菜单无法点击下拉包括点击无响应无反应

Tue, 01 Mar 2022 11:54:25 +0800

Wordpress这个问题有很大的原因是CDN优化中出现的，只要关闭CDN就马上可以解决问题，但是很多小伙伴是不愿意关闭CDN的，那么我的建议是更换一家CDN服务商，有没有其他小伙伴能够帮助的下面留言吧，谢谢！

Wordpress用阿里云CDN加速有很大的弊端，就是会影响网站的JS或者CSS无缘无故的故障错误，比如手机端的菜单无法显示等错误。知道的伙伴可以下面留言告诉我们，感谢！

WordPress 关闭LiteSpeed缓存插件自写代码实现纯粹的CDN加速

Tue, 01 Mar 2022 11:50:56 +0800

提醒：Wordpress用阿里云CDN加速有很大的弊端，就是会影响网站的JS或者CSS无缘无故的故障错误，比如手机端的菜单无法显示等错误。知道的伙伴可以下面留言告诉我们，感谢！

之前不知道如何使用第三方加载Wordpress里的JS，CSS文件，后经过搜索找到插件可以实现，感觉不太好，插件里的功能太多用不了，后来又找到了纯代码实现CDN加速，现在我用的是将静态文件镜像到腾讯云对象存储中然后CDN加速，现在就把代码分享出来吧！
在 WordPress 主题目录下的 functions.php 文件中，加入以下代码实现替换功能：

//静态文件CDN加速
if ( !is_admin() ) {
	add_action('wp_loaded','yuncai_ob_start');
	function yuncai_ob_start() {
		ob_start('yuncai_qiniu_cdn_replace');
	}	
function yuncai_qiniu_cdn_replace($html){
	$local_host = '博客域名'; //博客域名
	$qiniu_host = 'CDN加速域名'; //CDN域名
	$cdn_exts = 'css|js|png|jpg|jpeg|gif|ico'; //扩展名（使用|分隔）
	$cdn_dirs = 'wp-content|wp-includes'; //目录（使用|分隔）
	$cdn_dirs = str_replace('-', '\-', $cdn_dirs);
	if ($cdn_dirs) {
		$regex	= '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/'; $html = preg_replace($regex, $qiniu_host . '/$1$4', $html); } else { $regex = '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
	$html = preg_replace($regex, $qiniu_host . '/$1$3', $html);
	}
	return $html;
}
}

简单的一段代码，就能让你的 WordPress 实现静态文件 CDN 加速。当然还需要其他的功能，就需要插件了，这里我只用了JS，CSS文件加速，图片什么的还是直接上传到对象存储。

WordPress 关于LiteSpeed缓存无法关闭的解决办法

Tue, 01 Mar 2022 11:45:06 +0800

本来想用LiteSpeed缓存插件来提升网站的速度，但是很可惜LiteSpeed缓存安装完后更慢了，最后通过其他方法解决了速度的提升，包括安装了Redis Object Cache这个插件，但是前提必须服务器配合安装PHP的扩展才行，最后关闭LiteSpeed缓存插件的时候就发现关闭不了。解决方案就是先关闭Redis Object Cache这个插件，然后再关闭LiteSpeed缓存插件。就可以了

WordPress加速完整解析版 Memcached + Redis

Sun, 27 Feb 2022 23:18:18 +0800

WordPress 速度优化方案 Memcached + Redis，两个 PHP 缓存器扩展，Memcached 是一套分布式的高速缓存系统，Redis 是基于内存亦可持久化的Key-Value数据库，让网站达到秒开的效果。进而加快网站访问速度，提高用户体验。很多朋友不知道如何操作，本文中魏艾斯博客分享通过宝塔面板安装memcached及详细配置方法，希望对你有用。在前面的文章中多次介绍过宝塔面板安装memcached的过程，只是没有写的很详细，对于新手来说帮不上忙。这次老魏就详细的记录下来整个过程。

一、宝塔面板安装 Memcached + Redis PHP 扩展

1、进入宝塔面板——软件商城，找到安装好的 PHP (版本建议7.x)，再点击「设置」，如下图

WordPress 网站的速度应该上每个站长必须关注的一个问题，对于刚使用 WordPress 的朋友，优化网站速度是比较困难的事情，找不到好的解决方案。今天就来推荐 WordPress 速度优化方案 Memcached + Redis，两个 PHP 缓存器扩展，Memcached 是一套分布式的高速缓存系统，Redis 是基于内存亦可持久化的Key-Value数据库，让网站达到秒开的效果。

一、宝塔面板安装 Memcached + Redis PHP 扩展

1、进入宝塔面板——软件商城，找到安装好的 PHP (版本建议7.x)，再点击「设置」，如下图

2、在弹出的面板中，点击「安装扩展」，分别安装「memcached和redis」两个扩展，安装完全，宝塔的PHP 缓存扩展就算完成了。

检查是否安装成功，这点很重要~！！查看memcached缓存效率

如何查看安装好之后的memcached工作效率呢？有两种方法，一个是宝塔自带的服务状态，另一个是第三方php文件。

1、回到软件管理，找到蓝色M字样的Memcached，再点击右侧的“设置”。看到memcached管理界面。

服务：停止、重启、重载配置。

配置修改：如果不懂代码的话，不要伸手，后果自负。

负载状态：memcached运行中的相关状态。其中最重要的是hit这个参数，也就是命中率。当然是越高越好了。（你可以尝试打开你自己的网站页面，这个时候hit这个参数会有变化，说明安装成功）

性能调整：前面IP和端口不要改。缓存大小根据实际情况调整。根据什么来调整呢？回到负载状态栏，有一个“当前已使用内存”，看这个数字来调整。比如默认分配给memcached一共64M内存，但是已使用内存62M就说明memcached可用内存快要满了，这时候就手动改大一点，比如128M。具体数字根据每天流量情况来定。

Memcached的目的就是把所有文章内容都扔进内存，这样用户来访时直接读取内存中的内容，跳过了数据库，所以使用memcached后网站打开感觉特别快。比如网站每天发几十篇文章，可能这个数字就调整大一点，防止不够用了。

误区

很多人上来就先安装了蓝色M字样的memcached，但是没有加速效果，这是不对的。正确方法请移步宝塔面板安装memcached的误区。

以上是宝塔面板安装memcached及详细配置方法，基本上该说的都说出来了，至于看文章的你还有不明白的请留言或者在博客中找到Q群、微信等联系方式进一步探讨。

二、WordPress 后台配置缓存和安装插件

1、配置 Memcached 缓存文件，进入：https://github.com/tollmanz/wordpress-pecl-memcached-object-cache，下载压缩包后解压，将「object-cache.php」文件上传到 wp-content 目录下即可完成 WordPress Memcached 的设置。

WordPress 会自动检查在 wp-content 目录下是否有 object-cache.php 文件，如果有，直接调用它作为 WordPress 对象缓存机制。

上述所说步骤做完之后，编辑博客根目录的wp-config.php 文件，添加下方两段代码进去并保存：

//是激活Batcache
define('ENABLE_CACHE', true);
//这段是激活Memcached
define('WP_CACHE', true);

2、安装配置 Redis 缓存插件，在 WordPress 后台中搜索安装「Redis Object Cache」插件，进入「设置——Redis」设置页面，点击『Enable Object Cache』按钮，如下图：

注：如果启用后出现错误提示，请禁用再启用下插件，启用还是出现错误，再重复应该就可以。

启用成功后的提示如下图：

通过在宝塔面板上安装 Memcached + Redis 两个 PHP 扩展，配置下 WordPress 网站上的缓存文件和插件，一般的主机都是可以将网站前后台速度都提升到秒开的状态。