体验优化

图片压缩优化

使用插件：converter for media

配置 Nginx Server

在宝塔$\to$网站$\to$站点修改$\to$配置文件
server{}中，location 之前添加：

# BEGIN Converter for Media
set $ext_avif ".avif";
if ($http_accept !~* "image/avif") {
    set $ext_avif "";
}
 
set $ext_webp ".webp";
if ($http_accept !~* "image/webp") {
    set $ext_webp "";
}
 
location ~* ^/wp-content/(?<path>.+)\.(?<ext>jpe?g|png|gif|webp)$ {
    add_header Vary Accept;
    add_header Cache-Control "private";
    expires 365d;
    try_files
        /wp-content/uploads-webpc/$path.$ext$ext_avif
        /wp-content/uploads-webpc/$path.$ext$ext_webp
        $uri =404;
}
# END Converter for Media

Database queries优化

使用插件：query monitor

查看Database Query

select 检索数
大插件的检索数量

缓存优化

使用插件：W3 Total Cache

页面缓存，数据库缓存，对象缓存，浏览器缓存

注:

为保证内容时效，管理员显示的页面是没有经过缓存的

GET https://www.eztoolboxqld.com.au/ net::ERR_CONTENT_DECODING_FAILED 200 (OK)报错

attention：

关闭w3 total cache浏览器缓存中的 Enable HTTP (gzip) compression,
否则可能导致http 被二次压损导致页面空白或乱码

验证方式

curl -I --compressed https://www.eztoolboxqld.com.au/

看返回结果中有没有

Content-Encoding: gzip

使用cloudflare 缓存

为blog页添加Table of Contents

使用Rankmath$\to$ General Setting$\to$ Block设置
之后再通用模板中添加ToC by Rankmath