小魏博客通过谷歌的PageSpeed Insights(核心性能)检测发现了如下问题：
1、css文件问题
诊断：请求正在屏蔽网页的初始渲染，这可能会延迟 LCP，延迟或内嵌可以将这些网络请求移出关键路径。
解决：
进入WordPress后台 → SiteGround Optimizer → Frontend → CSS
Minify CSS Files(缩小CSS文件)：开启
Combine CSS Files(合并CSS文件)：关闭
Preload Combined CSS(预加载组合CSS)：关闭
ps：Combine CSS Files和Preload Combined CSS开启或者关闭效果并不明显，相反开启状态反而速度还慢了点
2、js问题
诊断：请减少未使用的 JavaScript，并等到需要使用时再加载脚本，以减少网络活动耗用的字节数。
解决：
进入WordPress后台 → SiteGround Optimizer → Frontend →JavaScript
Minify JavaScript Files(缩小JavaScript文件)：开启
Combine JavaScript Files(合并JavaScript文件)：关闭
Defer Render-blocking JavaScript(延迟渲染阻止JavaScript)：开启
ps：Combine JavaScript Files开启或者关闭效果并不明显，相反开启状态反而速度还慢了点
3、首屏图片问题
诊断：使LCP图像能够立即从HTML中被发现，并避免延迟加载，以此优化LCP应该应用fetchpriority=high
解决：WordPress主题functions.php文件自动加代码
add_filter('wp_get_attachment_image_attributes', function($attr, $attachment, $size){
if (is_single() && has_post_thumbnail()) {
global $post;
if (get_post_thumbnail_id($post->ID) == $attachment->ID) {
$attr['fetchpriority'] = 'high';
$attr['loading'] = 'eager';
}
}
return $attr;
}, 10, 3);作用：
文章页特色图(Featured Image)自动加：
fetchpriority="high"
loading="eager"意思：这是首屏关键图片，优先下载
4、字体请求链过长问题
诊断：避免链接关键请求，方法是缩短链长、缩减资源的下载文件大小，或者推迟下载不必要的资源，从而提高网页加载速度。
解决：缩短字体链接的请求层级，但是延迟问题不是很大所以就没去改
5、链接名称问题
诊断：当某个按钮没有无障碍名称时，屏幕阅读器会将它读为“按钮”，这会导致依赖屏幕阅读器的用户无法使用它
解决：每个链接添加可识别的名称
加文字
<a target="_blank" href="https://x.com/tianxiezuo1">我的Twitter</a>用 aria-label(适合图标)
<a target="_blank" href="https://x.com/tianxiezuo1" aria-label="访问我的Twitter"></a>图片链接
<a target="_blank" href="https://x.com/tianxiezuo1"><img src="icon.png" alt="访问我的Twitter"></a>6.模版内容区域缺少标签
诊断：文档缺少主要位置标记，首页、单页的模版缺少 <main>标签
解决：WordPress主题functions.php文件自动加代码
/* 首页、单页添加main 标签*/
add_action('wp_body_open', function () {
if (is_front_page() || is_page()) {
ob_start(function($buffer) {
// 在 后插入
return preg_replace('/(<\/header>)/i', '$1', $buffer, 1);
});
}
});
add_action('get_footer', function () {
if (is_front_page() || is_page()) {
echo '';
}
});优化后此页面的评分
