最好不要使用 file_get_contents() 每次你需要渲染帖子的时候。除了速度慢，这意味着如果有200个用户访问这个页面，你将下载图像200次。
wordpress有一个操作，您可以在每次在后端创建或更新帖子时将其挂接： save_post （您可以在此处找到更多详细信息：https://codex.wordpress.org/plugin_api/action_reference/save_post). 您应该钩住这些操作，并且每次创建/更新post时，您都会获取图像并将其保存到数据库中作为 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插件来管理元数据。 get_post_meta 以及 update_post_meta 如果您不打算使用acf插件，则可以使用。