返回

WordPress外贸网站优化的碎碎念2023

· 13 分钟 · 7,647 字
Website Wordpress

系统梳理 WordPress 外贸网站优化方法：从服务器选型到 Cloudflare CDN 配置，再到精简插件和图片格式优化的实战经验。

前言

随着这些年来WordPress建站程序的不断更新和升级，目前已经推出了6.3版本。在过去的五年里，互联网经历了从Web时代向移动互联网时代的转变，因此WordPress在中国大陆的市场份额大幅下降，使用和分享该网站程序的人数也减少了许多。然而，WordPress在每一次更新中的功能日趋完善，也变得越来越臃肿。

在过去的一个月里，我亲自从零开始，使用WordPress建立了一家外贸网站，并通过相对简单的操作将访问速度优化到了令人满意的程度。现在我回过头来复盘并整理了这篇文章，供大家参考。

一、优化服务器选择对网站搭建起着重要作用（背景）

1、基于VPS主机自主搭建

到了2023年的今天，当谈到网站搭建时，选择合适的云主机VPS（如阿里云、腾讯云、AWS等）成为了首要任务，我也不例外。考虑到外贸网站的目标客户主要位于东南亚地区，因此我毫不犹豫地选择了新加坡的数据中心。在选择阶段，我对易用性和稳定性进行了权衡，并最终决定使用AWS的轻量云（AWS Lightsail）。我配置了两台机器，每台机器的配置为1G2C*2，操作系统选用了Ubuntu。其中一台服务器（服务器A）使用Oneinstack部署了Nginx、PHP、SSL和phpMyAdmin，另一台服务器（服务器B）部署了MySQL。通过内网连接，确保了A和B之间的稳定性和安全性。服务器A的防火墙只开放了SSH、HTTP和HTTPS的端口，服务器B的防火墙只开放了SSH和MySQL的端口。通过熟练的命令行配置，我成功安装了WordPress程序，并绑定了域名，完成了网站的搭建。

2、基于半托管类型的虚拟主机搭建

在云主机VPS大行其道之前，虚拟主机是一种流行的操作方式。通过在一台配置良好的宿主机上安装Nginx或Apache等环境，大家可以共享服务器资源。然而，近年来技术不断更新和需求的变化使得当前的虚拟主机产品已经非常成熟。除了满足基本的共享需求外，它们还提供了许多高附加值的服务。

3、现在我用什么？

在着手搭建网站的第一时间，轻量云（AWS Lightsail），一台运行nginx和php，另外一台运行mysql。两台服务器的运行和搭建本身没有问题，使用也非常方便。但在搭建网站和优化网站的过程中，我碰到了轻量云（AWS Lightsail）的一些致命缺陷。轻量云（AWS Lightsail）的CPU是积分制，而运行php托管wordpress网站的时候，CPU的占用会有峰值暴涨的情况，但是轻量云（AWS Lightsail）的积分制大大限制了CPU的峰值占用。这个限制反映到网站访问的体验是：打开网站，响应慢。

于是，我考虑再三后，将网站迁移到了半托管类型的虚拟主机。之所以迁移到半托管类型的虚拟主机而不是升级服务器的配置，考量原因有二。

  1. 升级到CPU突发占用更高的服务器，月均开销会翻倍
  2. 在自己部署服务时，已经厌倦了。我不想再做运维的事情，专业的事情交给专业的人

经过服务器性能、综合价格、管理面板、增值服务的综合考量，我最终选择了：Hostginger 用以托管我的站点。之后有时间我再单独写一篇文章分享我的横向对比过程。Hostinger打动我的特点有这么几个

  1. 管理后台是自行开发的hPanel，不再是通用的DirectAdmin或者是cPanel，相比而言更加简洁，功能更纯碎
  2. 包含域名邮箱（Domain email）服务，供应商是Titian email
  3. 包含WebBuilder建站功能，非常方便！
  4. 可以建立上百个子站，而且子站的开通逻辑是一个域名（domain）对应是个子目录

二、服务器CDN（内容分发网络）的使用

1、启用CDN：Cloudflare

不论是VPS主机或者是半托管类型的虚拟主机，你的网站最终都会有一个ipv4或是ipv6的地址。举个例子，你有一个来自俄罗斯圣彼得堡的客户，你的网站托管在香港的机房。用户访问到你网站的路径是：

你可以确定的是，圣彼得堡→俄罗斯国家网络出口这一段的速度不会有太大的问题。但国际间的传输有可能会有意想不到的问题。那我们怎么弱化这个不确定性呢？答案是：选用CDN服务，关于CDN是什么，请阅读Cloudflare的这篇文章：

CDN是什麼？| CDN 的工作原理及用途 | Cloudflare
www.cloudflare.com

简单来说，CDN提供了位于全球各地的N多服务器作为跳板供用户访问。按照上述例子，俄罗斯圣彼得堡的客户访问路径则变成了：

看到区别了？客户已经不需要自己去香港的服务器读取内容了。由此一来，CDN便起到了快的作用和隐藏你服务器所在地的作用。

2、优化CDN的功能

Cloudflare提供的功能非常强大，仅免费版的套餐就够我们好好研究一番了。关于CDN的特性和优势请阅读这篇文章：

為什麼使用 CDN？| CDN 的優勢 | Cloudflare
www.cloudflare.com

三、Wordpress程序的优化

1、减少插件的使用

Wordpress网站程序本就是一个功能强大，且繁杂的网站系统。程序的设计满足了多种多样的网站建设需求的需要，但是也造就了程序的复杂和累赘。借用奥卡姆剃刀的”简单有效原理“：如无必要，勿增实体。在Wordpress里面就是”如无必要，勿装插件。

每一个Wordpress的插件都是一个迷你的系统闭环，一个简单的功能依赖一个插件是可以完美时间需求的，但是也隐性的增加了一些不必要的资源的加载或者依赖。因此，能少装插件就少装，可以通过基本的代码功能实现的，就放到主题的function.php去实现。

例如，我的某个站点安装了以上插件，分别是：

  1. Contact Form 7 提供表单填写的功能，必要
  2. LiteSpeed Cache 缓存插件，必要
  3. Polylang 多语言插件，必要
  4. Slider Revolution 幻灯片插件，严重影响网站的加载速度，我已经不再使用了
  5. WP Mail SMTP 使用SMTP发信的SMTP插件，可以使用代码最小化的实现，可以放弃使用

2、停用不必要的Wordpress功能.

如上文所说到的，Wordpress提供了太多的冗杂的功能，我们用不到的，可以通过代码在function.php中关闭它们，并且可以一些wordpress的指纹信息，降低安全风险。下面是我使用的一个合计范本，您也可以跟我一样使用。

// 禁用自动保存
// add_action('admin_print_scripts', function($a){ wp_deregister_script('autosave');});
// 
/**
 * 禁止WordPress自动生成缩略图
 */
function y_remove_image_size($sizes) {
    unset( $sizes['small'] );
    unset( $sizes['medium'] );
    unset( $sizes['large'] );
    return $sizes;
}
add_filter('image_size_names_choose', 'y_remove_image_size');

 
/**
 * 禁用 auto-embeds
 */
remove_action( 'wp_head', 'feed_links', 2 ); //移除feed
remove_action( 'wp_head', 'feed_links_extra', 3 ); //移除feed
remove_action( 'wp_head', 'rsd_link' ); //移除离线编辑器开放接口
remove_action( 'wp_head', 'wlwmanifest_link' );  //移除离线编辑器开放接口
remove_action( 'wp_head', 'index_rel_link' );//去除本页唯一链接信息
remove_action('wp_head', 'parent_post_rel_link', 10, 0 );//清除前后文信息
remove_action('wp_head', 'start_post_rel_link', 10, 0 );//清除前后文信息
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
remove_action( 'wp_head', 'locale_stylesheet' );
remove_action( 'wp_head', 'noindex', 1 );
//remove_action( 'wp_head', 'wp_print_styles', 8 );//载入css
//remove_action( 'wp_head', 'wp_print_head_scripts', 9 );
remove_action( 'wp_head', 'wp_generator' ); //移除WordPress版本
remove_action( 'wp_head', 'rel_canonical' );
//remove_action( 'wp_footer', 'wp_print_footer_scripts' );
//
//// 移除头部 wp-json 标签和 HTTP header 中的shortlink
remove_action('wp_head','wp_shortlink_wp_head',10,0); 
remove_action('template_redirect','wp_shortlink_header',11,0);
// 移除头部 wp-json 标签和 HTTP header 中的 link
remove_action('wp_head', 'rest_output_link_wp_head', 10 );
remove_action('template_redirect', 'rest_output_link_header', 11 );

//add_action('widgets_init', 'my_remove_recent_comments_style');
//function my_remove_recent_comments_style() {
//global $wp_widget_factory;
//remove_action('wp_head', array($wp_widget_factory->widgets['WP_Widget_Recent_Comments'] ,'recent_comments_style'));
//}
//禁止加载WP自带的jquery.js
//if ( !is_admin() ) { // 后台不禁止
//function my_init_method() {
//wp_deregister_script( 'jquery' ); // 取消原有的 jquery 定义
//}
//add_action('init', 'my_init_method'); 
//}
// wp_deregister_script( 'l10n' );
//
//隐藏帮助选项卡
add_action('in_admin_header', function(){
        global $current_screen;
        $current_screen->remove_help_tabs();
});
/**
 * 去除后台标题中的“—— WordPress”
 */
add_filter('admin_title', 'wpdx_custom_admin_title', 10, 2);
function wpdx_custom_admin_title($admin_title, $title){
    return $title.' ‹ '.get_bloginfo('name');
}

/**
 * 禁用REST API、移除wp-json链接
 */
// add_filter('rest_enabled', '_return_false');
// add_filter('rest_jsonp_enabled', '_return_false');
// remove_action( 'wp_head', 'rest_output_link_wp_head', 10 );
// remove_action( 'wp_head', 'wp_oembed_add_discovery_links', 10 );

 /**
  * 禁止头部加载s.w.org
  */
function remove_dns_prefetch( $hints, $relation_type ) {
    if ( 'dns-prefetch' === $relation_type ) {
        return array_diff( wp_dependencies_unique_hosts(), $hints );
    }
    return $hints;
}
add_filter( 'wp_resource_hints', 'remove_dns_prefetch', 10, 2 );

/**
 * WordPress 关闭 XML-RPC 的 pingback 端口
 */
add_filter( 'xmlrpc_methods', 'remove_xmlrpc_pingback_ping' );
function remove_xmlrpc_pingback_ping( $methods ) {
	unset( $methods['pingback.ping'] );
	return $methods;
}

/*
 * Rename the file when uploading
 */
//function rename_filename($filename) {
//	$info = pathinfo($filename);
//	$ext = empty($info['extension']) ? '' : '.' . $info['extension'];
//	$name = basename($filename, $ext);
//	return substr(md5($name), 0, 20) . $ext;
//}
//add_filter('sanitize_file_name', 'rename_filename', 10);  

//使用SMTP替代内置的mail()函数
add_action('phpmailer_init', 'mail_smtp');
function mail_smtp( $phpmailer ) {
    $phpmailer->FromName = 'no-reply'; //名字
    $phpmailer->Host = 'smtp.test.test'; //smtp地址,可以到你使用的邮件设置里面找
    $phpmailer->Port = 587; //端口，一般不用修改
    $phpmailer->Username = '[email protected]';  //邮件账号
    $phpmailer->Password = 'password_here'; //邮件密码
    $phpmailer->From = '[email protected]';//邮件账号
    $phpmailer->SMTPAuth = true;  
    $phpmailer->SMTPSecure = 'tls'; //tls or ssl （port=25留空，465为ssl）一般不用修改
    $phpmailer->IsSMTP();
}

3、减少页面布局中的动态效果

根据GTmetrix和Pagespeed网站测试的数据指标反馈，网站使用的动态效果会大幅影响网站的加载速度以及客户访问的效果。因此，从优化的角度上来说，网站不适合采用JS功能实现的图片轮播、或者是幻灯片动态效果。同时，为了实现动态效果需要加载额外的JS库文件，严重影响网站加载速度。因此，请谨慎使用动态效果的使用，比如：减少Slider Revolution插件的使用。

4、动态优化引用图片资源的格式，采用Webp或AVIF格式

Webp和AVIF格式是两种高压缩率，且效果保留率比较高的两种图片格式。相对于传统的JPG和PNG而言，在70%视觉画质保留的情况下，体积可以压缩到原有的20%左右。资源的体积越小，客户访问的网站时的加载速度则越快。以下是几种实现Webp和AVIF的方法

iLoveIMG | 图像文件在线编辑工具
iLoveIMG是一款在线处理图片文件的网站。我们的服务完全免费，而且使用简便。网站的功能有：压缩图像文件、调整文件尺寸、裁剪文件，以及转换文件格式等！
iLoveIMG | 免费、快速的图片在线编辑应用程序
iLoveIMG | 图像文件在线编辑工具
七牛云 | 一站式场景化智能音视频 APaaS
2011 年成立以来，七牛云致力于成为全球领先的一站式中立音视频云 + AI 服务商，围绕数字化浪潮下的在线音视频需求，基于强大的云边一体化能力和低代码能力，持续在视频点播、互动直播、实时音视频、摄像头上云等领域，进行深度技术投入，提供面向业务场景的视频云解决方案。截至目前，有超过 100 万企业客户和开发者长期使用七牛云服务，包括 OPPO 、爱奇艺、平安银行、招商银行、上汽集团、芒果 TV 等知名企业。
www.qiniu.com
又拍云 - 加速在线业务 - CDN加速 - 云存储
www.upyun.com
Ricky's avatar

Ricky

博客作者，记录生活与技术的点滴。

皮格日记 on GitHub 皮格日记 on X 皮格日记 on Telegram
分享到：
通过 WhatsApp 分享此文章分享此文章到 Facebook分享此文章到 X通过 Telegram 分享此文章分享此文章到 Pinterest通过邮件分享此文章
上一篇
泰国行-吃在曼谷