php - wordpress循环中的函数减慢页面速度

Question

在我的 wordpress 页面中，我有从其他网站获取内容的帖子。在我的页面中，我只添加了该页面的 url，该页面显示了来自该 url 的元数据。

函数示例:

    function getOGimage() {
$url = get_field('link');
$page_content = file_get_contents($url);

$dom_obj = new DOMDocument();
@$dom_obj->loadHTML($page_content);
$meta_val = null;

foreach($dom_obj->getElementsByTagName('meta') as $meta) {

if($meta->getAttribute('property')=='og:image'){ 

    $meta_val = $meta->getAttribute('content');
}
}
echo '<img src="'.$meta_val.'" style="width:180px; height:auto;" />';}

我的循环:

<?php if ($popularindex->have_posts()) : ?>
 <?php while ($popularindex->have_posts()) : $popularindex->the_post(); ?>
  <li class="box" id="post-<?php the_ID(); ?>">
   <div class="thumb-box">
    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
     <?php if ( has_post_thumbnail() ) {
      the_post_thumbnail();
      } else $OG_image =  getOGimage();
     ?>
    </a>
   </div>
  </li>
 <?php endwhile; ?>
 <?php else : ?> 
<?php endif; ?>

它可以工作，但会减慢页面速度。有人对此有解决方案吗？

我考虑过将这个元数据保存到数据库，但我不知道如何从主 url 自动执行此操作

提前致谢

Answer 1

理想情况下，您不会在每次需要呈现帖子时都使用 file_get_contents()。除了速度慢之外，这意味着如果 200 个用户访问该页面，您将下载图像 200 次。

WordPress 有一个操作，您可以在每次在后端创建或更新帖子时 Hook 该操作:save_post(您可以在此处找到更多详细信息:https://codex.wordpress.org/Plugin_API/Action_Reference/save_post)。您应该 Hook 这些操作，并且每次创建/更新帖子时，您都会获取图像并将其作为 post_meta 保存到数据库中。您需要添加类似于以下内容的内容:

function post_updated_set_og_image( $post_id ) {

    $url = get_field('link', $post_id);
    $page_content = file_get_contents($url);

    $dom_obj = new DOMDocument();
    @$dom_obj->loadHTML($page_content);
    $meta_val = null;

    foreach($dom_obj->getElementsByTagName('meta') as $meta) {

      if($meta->getAttribute('property')=='og:image'){ 

      $meta_val = $meta->getAttribute('content');
    }
    update_field('og_image_src', $meta_val, $post_id);

}
add_action( 'save_post', 'post_updated_set_og_image' );

然后当你的循环应该是这样的:

<?php if ($popularindex->have_posts()) : ?>
    <?php while ($popularindex->have_posts()) : $popularindex->the_post(); ?>
        <li class="box" id="post-<?php the_ID(); ?>">
            <div class="thumb-box">
                <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                <?php if ( has_post_thumbnail() ) {
                    the_post_thumbnail();
                } else{
                  $og_image = get_field('og_image_src');
                  echo '<img src="'.$og_image.'" style="width:180px; height:auto;" />';
                }
                ?>
                </a>
            </div>
        </li>
    <?php endwhile; ?>
<?php else : ?> 
<?php endif; ?>

我正在使用 get_field 和 update_field 因为你在你的问题中使用了 get_field 。我认为您正在使用 ACF 插件来管理元数据。如果您不打算使用 ACF 插件，则可以使用 get_post_meta 和 update_post_meta。