如何在wp_head中正确插入样式表

我正在为每个页面和类别生成关键CSS。目前，我正在通过插入样式表functions.php 像这样简单地使用echo.

function criticalCSS_wp_head() {
  if (is_front_page() ){
    echo \'<style>\';
    include get_stylesheet_directory() . \'/css/critical/ccss-index.min.css\';
    echo \'</style>\';    
  }
  elseif (is_category(\'orange\') ){
    echo \'<style>\';
    include get_stylesheet_directory() . \'/css/critical/ccss-orange.min.css\';
    echo \'</style>\';    
  }
  elseif (is_page(\'hello-world\') ){
    echo \'<style>\';
    include get_stylesheet_directory() . \'/css/critical/ccss-hello-world.min.css\';
    echo \'</style>\';    
  }
  elseif (is_single() ){
    echo \'<style>\';
    include get_stylesheet_directory() . \'/css/critical/ccss-single.min.css\';
    echo \'</style>\';    
  }
}
add_action( \'wp_head\', \'criticalCSS_wp_head\' );

就最佳实践编码风格而言，包含这些样式表的最佳方式是什么and pure relentless speed, 这意味着要避免PHP调用、数据库调用等this post （#10）链接自the official WordPress Optimization documentation?edit由于这个问题得到了回答，我忘了提到关键CSS需要内联到DOM中，而不是作为文件链接，以避免渲染阻塞。因此，我仍在寻找一种将关键CSS用于wp_enqueue_scripts. 可能将文件内容存储在变量中，并在wp_enqueue_scripts 是他自找的吗？

<?php // Check if function exisits if (!function_exists(\'rg_templateScriptSetup\')) { // if not, create one function rg_templateScriptSetup() { // Register styles in WordPress wp_register_style(\'prefix-basic-css\', get_template_directory_uri(). \'/css/basic-style.css\'); // Register styles in WordPress wp_register_style(\'first-css\', get_template_directory_uri(). \'/css/first-style.css\'); // Register styles in WordPress wp_register_style(\'second-css\', get_template_directory_uri(). \'/css/second-style.css\'); if (is_page(\'your_page_name\') { // enqueue your first style wp_enqueue_style(\'first-css\'); } else if(is_page(\'your_other_page_name\')) { // enqueue your second style wp_enqueue_style(\'second-css\'); } etc... } // End of Stylesheet logic / setup add_action(\'wp_enqueue_scripts\', \'rg_templateScriptSetup\'); ?>

add_action(\'wp_enqueue_scripts\', \'my_enqueues\'); function my_enqueues() { if(is_front_page()) { wp_enqueue_style(\'front-page\', get_stylesheet_directory() . \'/css/critical/ccss-index.min.css\', array(), \'\', \'screen\'); } elseif(is_category(\'orange\')) { wp_enqueue_style(\'orange\', get_stylesheet_directory() . \'/css/critical/ccss-orange.min.css\', array(), \'\', \'screen\'); } }

Performance on WPMS

我的WPMS站点托管在8核/32mb RAM服务器上，但响应时间非常长。我们有大约1000个博客（单个db上有35000多个表）和70000个页面浏览量。我认为我可以缩短响应时间，将具有更多页面浏览量的博客移动到单独的DB中，并使用hyper DB插件将所有博客拆分为每个DB 100个博客。你觉得怎么样？

相关推荐

Performance on WPMS