-1

I've optimized my WordPress site performance and also checked its performance using web.dev

But still, have the following issues that I couldn't solve:

  1. Remove unused CSS
  2. Remove unused JS
  3. Initial server response time was short

How can I Solve this issues?

4

1 回答 1

0

性能优化是一个巨大的主题，可能无法简单地在一个答案中涵盖，但我仍然可以为您指出正确的方向。

删除未使用的 CSS 和 JS

首先，您必须确定每个页面上真正加载的 CSS 和 JS 文件，找出它们的来源，并考虑您是否真的需要它们。通常情况下，加载大量繁重的 CSS 和 JS 文件只是为了在网站某处使用一次的简单动画。您可以在浏览器控制台中或借助GT Metrix等服务查看加载的所有文件。如果您发现不需要但仍在加载的资产，请首先尝试找到加载它们的源（例如：主题或插件）。流行的主题和插件具有禁用某些资产部分的设置，因此很容易。对于那些没有任何设置的人，您可以尝试这段代码，只需将文件名替换为您的。

add_action( 'wp_print_styles', 'remove_styles' );
add_action( 'wp_print_scripts', 'remove_scripts' );

// Remove styles from plugins we don't need
function remove_styles() {
    if ( $GLOBALS['pagenow'] != 'wp-login.php' && ! is_user_logged_in() ) {
        wp_dequeue_style( 'coblocks-frontend' );
        wp_dequeue_style( 'coblocks-frontend-css' );
        wp_dequeue_style( 'wp-editor-font' );
        wp_dequeue_style( 'duplicate-post' );
        wp_dequeue_style( 'thickbox' );
    }
}

// Remove scripts from plugins we don't use and don't need
function remove_scripts() {

    // just in case we use those in wp-admin, exclude only from front-end loading
    if ( ! is_user_logged_in() ) {
        wp_dequeue_script( 'coblocks-animation' );
        wp_deregister_script( 'coblocks-animation' );
        wp_dequeue_script( 'thickbox' );
        wp_deregister_script( 'thickbox' );
        wp_deregister_script('jquery');
    }
}

理想情况下，您需要使 CSS 和 JS 尽可能小，但在使用大量它的现代 WP 主题中可能会很棘手。

初始服务器响应时间

较长的响应时间意味着您的服务器需要很长时间才能返回任何数据。99％的时间是因为网站优化不佳或服务器薄弱。后者可以通过转移到另一个托管服务提供商或更改托管计划来轻松解决。

网站优化比较棘手，可能需要分析，特别是如果您已经安装了适当的整页缓存。一般来说，我可以这样描述所有一般情况：

  1. 服务器响应慢 + 无缓存 = 先尝试缓存。WP Super Cache、WP Rocket 或类似插件。
  2. 服务器响应慢 + 缓存 = 尝试支持 nginx 缓存的托管服务提供商（基本上在每个页面加载时提供静态内容）。我可以推荐 Kinsta 或 Pressjitsu。
  3. 缓慢的服务器响应 + 大量动态内容 = 您无法像普通网站那样缓存内容。在这里，您需要一位经验丰富的开发人员，他应该首先使用 xhprof 或 blackfire.io 等工具分析您的网站，然后逐步优化性能最差的功能的性能。
于 2021-03-22T08:08:02.490 回答