在wordpress循环上加载延迟内容以加快页面

Question

我正在开发一个房地产页面，你可以查看here。正如您所看到的，页面需要一些时间才能加载，因为它会同时加载所有50个公寓/房屋。

为了加快页面速度，我想知道是否有任何方法可以延迟加载，因此页面加载速度更快。

这是循环代码，我想知道什么可行，例如，如果我放了一些＆＃34; if / else＆＃34; wordpress在循环之前的条件（while（$ newsLoop-＆gt; have_posts（））：$ newsLoop-＆gt; the_post（）;？＆gt;），但我不知道该怎么做。对我来说理想的是内容是3对3加载，或者是＃34;逐行加载＃34;一次连续有3个公寓。

<div class="portfolio-items2">
<?php

    $newsArgs = array(
        'post_type' => 'property',
        "orderby" => 'meta_value_num',
        "meta_key" => 'numerooff',
        "order" => 'DESC',
        'tax_query' => array(
            array(
                'taxonomy' => 'property-status',
                'field'    => 'slug',
                'terms'    => 'oneoff',
            )
        )
    );                   
    $newsLoop = new WP_Query( $newsArgs );                  
    while ( $newsLoop->have_posts() ) : $newsLoop->the_post();?>
        <div class="col-md-4 shortcode-col listing_wrapper <?php meta('seletoroff');?>" > 
            <div class="property_listing" data-link="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                <div class="listing-unit-img-wrapper">
                    <div class="property_media">  </div>
                    <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID, 'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                        <img width="525" height="350" src="<?php meta('imagemoff');?>" class="lazyload img-responsive wp-post-image" alt=""  sizes="(max-width: 525px) 100vw, 525px" />
                    </a>
                    <div class="tag-wrapper"><div class="featured_div"><?php meta('porcentooff');?></div></div>
                </div>
                <h4>
                        <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID,'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>">
                            <?php meta('titulooff');?>
                        </a>
                    </h4> 
                <div class="property_location_image">
                    <a href="http://www.onecia.com.br/imoveis-de-luxo/<?php /* Property ID if exists */ $property_id = get_post_meta($post->ID,'REAL_HOMES_property_id', true); if(!empty($property_id)){ echo ''.$property_id; }?>" rel="tag">
                        <span style="font-size: 15px;"><?php meta('bairrooff');?> </span>
                    </a>
                </div> 
                <br>     
                <div class="property_listing_details">
                   <?php
                        $post_meta_data = get_post_custom($post->ID);

                        if( !empty($post_meta_data['REAL_HOMES_property_size'][0]) ) {
                            $prop_size = $post_meta_data['REAL_HOMES_property_size'][0];
                                echo '<div class="inforoom">'. $prop_size .'m² <div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-size.png" style="max-width: 14%; height: auto;"></div></div>';
                            }

                        if( !empty($post_meta_data['REAL_HOMES_property_bedrooms'][0]) ) {
                                $prop_bedrooms = floatval($post_meta_data['REAL_HOMES_property_bedrooms'][0]);
                                $bedrooms_label = ($prop_bedrooms > 1)? __('Bedrooms','framework' ): __('Bedroom','framework');
                                echo '<div class="infobath">'. $prop_bedrooms .'<div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-bed.png" style="max-width: 17%; height: auto;"></div></div>';
                        }
                        if( !empty($post_meta_data['REAL_HOMES_property_bathrooms'][0]) ) {
                                $prop_bathrooms = floatval($post_meta_data['REAL_HOMES_property_bathrooms'][0]);
                                $bathrooms_label = ($prop_bathrooms > 1)?__('Bathrooms','framework' ): __('Bathroom','framework');
                                echo '<div class="infosize">'. $prop_bathrooms .'<div class="info_labels"><img src="http://www.onecia.com.br/wp-content/themes/site2016/images/icon-bath.png" style="max-width: 17%; height: auto;">
                                 </div></div>';
                        }
                    ?>
                </div>
                <div class="listing_unit_price_wrapper">
                    <span class="price_label price_label_before" style="text-decoration: line-through;">De: R$ <?php meta('valordeoff');?></span><br> 
                    <span style="text-decoration: underline; font-size: 22px; font-weight: bold;">Por: R$ <?php meta('valoroff');?> </span>
                     <span class="price_label"></span>
                </div>  
            </div>             
        </div> 
    <?php  endwhile; ?>
    </div> 

我已经安装了一些插件，但它们都没有工作。