时间戳

首页 > 解决方案 > 提高 Wordpress 上的页面速度（GT metrix 和 Google 分析）

javascript - 提高 Wordpress 上的页面速度（GT metrix 和 Google 分析）

问题描述

延迟解析 JavaScript

**JS    HIGH**

这是什么意思？在初始页面加载期间解析 1.8MiB 的 JavaScript。延迟解析 JavaScript 以减少页面呈现的阻塞。

指定缓存验证器

**SERVER    HIGH**

这是什么意思？以下资源缺少缓存验证器。未指定缓存验证器的资源无法有效刷新。指定 Last-Modified 或 ETag 标头以启用以下资源的缓存验证：

我需要你的帮助来解决我的网页上的这些问题，似乎这些是弹出的主要问题，而且我们想在基于 wordpress 的网页上显示我们的视频，有什么办法可以解决以最小的加载时间做同样的事情。

标签： javascripthtmlcsswordpresspagespeed

解决方案

对于“延迟解析Javascript”问题。您只需将“defer”参数添加到您的脚本标签。您可以使用Async Javascript之类的插件来执行此操作，或者您可以简单地将以下内容添加到您的functions.php文件中：

function defer_parsing_of_js( $url ) {
     if ( is_user_logged_in() ) return $url; //don't break WP Admin
     if ( FALSE === strpos( $url, '.js' ) ) return $url;
     if ( strpos( $url, 'jquery.js' ) ) return $url;
     return str_replace( ' src', ' defer src', $url );
}
add_filter( 'script_loader_tag', 'defer_parsing_of_js', 10 );

对于缓存验证器问题，解决方案将根据您的服务器运行的是 Apache 还是 NGINX 而有所不同。

对于 Apache，您需要将以下内容添加到.htaccess文件中：

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
     Header set Cache-Control "max-age=604800, public"
</filesMatch>

对于 NGINX，您需要将以下内容添加到您的/etc/nginx/nginx.conf文件中：

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
     add_header Cache-Control "public";
}

来源：延迟解析JS

来源：缓存验证器

推荐阅读