提高自定义无限滚动的速度

时间:2019-02-07 22:33:46

标签: php wordpress optimization woocommerce

我有一个自定义的无限滚动,可以完美运行,但是速度很慢。这是处理ajax请求的脚本:-

function ga_infinite_scroll() {//trigger this on infinite scroll
  add_filter( 'woocommerce_get_price_html', 'ga_show_price' );//filter to fix price range
  if(empty($_POST['search_term'] )){
    $params = json_decode( stripslashes( $_POST['query'] ), true );
    $params['post_status'] = 'publish';
    $params['posts_per_page'] = get_option('posts_per_page');
    $params['post_type'] = 'product';
    $params['paged'] = $_POST['page'] + 1; // we need next page to be loaded

  }
  else{//search  logic here
      $search_query = json_decode( stripslashes( $_POST['search_posts'] ), true );
      $search_query['post_status'] = 'publish';
      $search_query['posts_per_page'] = get_option('posts_per_page');
      $search_query['paged'] = $_POST['page'] + 1;
      wc_set_loop_prop( 'total', $_POST['search_count'] );
      $params = $search_query;

  }

  ob_start();           
  query_posts( $params);

  if ( have_posts() ) {//product loop
        if ( wc_get_loop_prop( 'total' ) ) {
              while ( have_posts() ) {
                the_post();
                wc_get_template_part( 'content', 'product' );
              }
            }
    } 

    $data = ob_get_clean();
    die($data); 
    exit;
}
add_action( 'wp_ajax_ga_infinite_scroll', 'ga_infinite_scroll' );
add_action( 'wp_ajax_nopriv_ga_infinite_scroll', 'ga_infinite_scroll' );

这是另一篇有关我的问题Improving the performance of a custom developed scroll的简短说明。这是ga_show_price的代码。

    function ga_show_price( $price ) {


   global $post, $product, $reg_price_field_slug, $sale_price_field_slug, $user_currency, $wp_query,$wp_object_cache;


   if( count($product->get_children()) !== 0 ) {

       $variations = $product->get_children();
       $regularPriceList = [];
       $salePriceList = [];
       $lowestPrice;
       $salePrice;

     // die("here");
       if( $product->is_on_sale() ) {
           // NOTE: ADD caching HERE!!
           if( false === get_transient( 'sales_price' ) ) {
           foreach( $variations as $variation ) {
               array_push($salePriceList, get_post_meta( $variation, $reg_price_field_slug, true ) );
           }


           set_transient( 'sales_price', $salePriceList, 12 * HOUR_IN_SECONDS );
          }
          else{
            $salePriceList =  get_transient( 'sales_price');
          }
          $salePrice = min($salePriceList);
          $price = add_proper_decimal($salePrice);
           return get_woocommerce_currency_symbol() . $price . ' ' . $user_currency;

       } else {
           // NOTE: ADD caching HERE!!
           if( false === get_transient( 'reg_price' ) ) {
           foreach( $variations as $variation ) {
               array_push($regularPriceList, get_post_meta( $variation, $reg_price_field_slug, true ) );
           }

           set_transient( 'reg_price', $regularPriceList, 12 * HOUR_IN_SECONDS );
          }
          else{
            $regularPriceList =  get_transient( 'reg_price');
          }

           $lowestPrice = min($regularPriceList);
           $price = add_proper_decimal($lowestPrice);



           return get_woocommerce_currency_symbol() . $price . ' ' . $user_currency;
       }
   } else {
       $price = get_post_meta( $post->ID, $reg_price_field_slug, true );
       $price = add_proper_decimal($price); // pr( $price );

       if ( $price == '0.00' ) {
           return 'Call for Price';
       }

       return get_woocommerce_currency_symbol() . $price . ' ' . $user_currency;
   }

}

我的javascript在这里:-

jQuery(document).ready( function($) {
   var  url = window.location.origin + '/wp-admin/admin-ajax.php',
    canBeLoaded=true,
     bottomOffset = 2000; // the distance (in px) from the page bottom when you want to load more posts

    $(window).scroll(function(){
        var data = {
            'action': 'ga_infinite_scroll',
            'query': my_ajax_object.posts,
            'page' : my_ajax_object.current_page,
            //'search_results' : my_ajax_object.ga_search_results,
            'search_count' : my_ajax_object.ga_search_count,
            'search_posts': my_ajax_object.ga_search_posts,
            'search_term' : my_ajax_object.ga_search_term,
            'user_currency': my_ajax_object.user_currency,
            'reg_price_slug': my_ajax_object.reg_price_field_slug
        };


        if( $(document).scrollTop() > ( $(document).height() - bottomOffset ) && canBeLoaded == true ){

                $.ajax({//limit the ajax calls
                    url : url,
                    data:data,
                    type:'POST',                    
                    beforeSend: function( xhr ){
                        // you can also add your own preloader here
                        // you see, the AJAX call is in process, we shouldn't run it again until complete
                        //console.log(data.search_term);
                        $('#ajax-loader').show();  
                        canBeLoaded = false; 
                    },
                    success:function(data){
                        if( data ) {
                            $('#multiple-products .columns-3 .products ').find('li:last-of-type').after( data ); // where to insert posts

                            //console.log(url);
                            canBeLoaded = true; // the ajax is completed, now we can run it again
                            my_ajax_object.current_page++;
                            $('#ajax-loader').hide();
                        }
                        else{
                            $('#ajax-loader').html('End of products...').delay(1000).fadeOut(); 
                            return;
                        }

                    }
                });

        }
    });


    //setting if it's a search

});

有没有一种方法可以在ajax请求处理脚本(ga_infinite_scroll)之外使用woocommerce_get_price_html过滤器,因为在ajax处理脚本中使用它的速度确实很昂贵?我尝试在ga_show_price()中使用瞬态。如何在此处实现其他类型的缓存以提高无限滚动的速度?

2 个答案:

答案 0 :(得分:0)

因此,使用瞬态可能是最好的“简单”答案,而无需进行一些大的返工。但是,您的ga_show_price()函数有几个问题。

因此,您始终希望尽量减少从代码中调用的数据库调用或冗长的函数,以加快处理速度。

  1. 瞬变具有GLOBAL名称。因此,如果您将一种名为sales_price的东西用于一种产品,则一旦将其用于另一种产品,它仍将保留先前产品的价值。您可能要做的就是为所有瞬态生成一个唯一的名称。类似于:set_transient('price_'.$product->getSKU(), ...)

  2. $variations = $product->get_children();-您正在将$variations变量与该产品的所有子项一起加载,这可能需要花费相当长的时间,并且涉及到许多db调用,那么如果您已经拥有该产品的瞬变特性,从未使用过!如果您还没有该产品的缓存值,则仅运行此行。

  3. 一个较小的问题,但是每次您拥有一个缓存的值时,您都会两次调用get_transient。一次检查它是否为假,然后再次实际检索该值。可能看似一件小事,但是如果您要加载100多种产品,则总和会增加。

我喜欢用瞬变来做到这一点:

 $value = get_transient('something');
 if ($value === false)
 {
    $value = some_long_calculation();
    set_transient('something', $value, ...);
 }

 //Now use $value here.
  1. 使缓存更具攻击性。物品多久从一次出售变为不出售?一天不超过一次?然后只需缓存整个函数的计算,而不是首先检查它是否具有销售价或正常价。

警告:瞬态的名称和值最大长度,因此您不能在其中存储太多。此外,它们还设计为仅存储一些值,而不是系统中每个产品的价格。

如果是这种情况,您可能最好考虑将每种产品的值缓存在自定义字段中?您可以附加挂钩,以便每次更新产品时,它都会自动更新计算得出的价格自定义字段。

答案 1 :(得分:0)

@Mikepote对ga_price的建议提高了速度,但根据独特的瞬变来编辑主产品循环则进一步提高了速度。我特此附上我的代码:-

  if( empty(get_transient('ga_loop_products_'.md5(serialize($params))))){ //using md5 and serialize(for 32digit) to assign a unique name to the given set of params



     query_posts( $params);

     ob_start(); 

     add_filter( 'woocommerce_get_price_html', 'ga_show_price' );//filter to fix price range

      if ( have_posts() ) {//product loop
            if ( wc_get_loop_prop( 'total' ) ) {
                  while ( have_posts() ) {

                    the_post();

                    wc_get_template_part( 'content', 'product' );
                  }
                }
        } 
        $data = ob_get_clean();
          // $ga_loop = get_transient('ga_loop_products_'.md5(serialize($params)));
          set_transient( 'ga_loop_products_'.md5(serialize($params)), $data, 24 * 60 ); // 1 day cache
      }
      else{


         $data=  get_transient('ga_loop_products_'.md5(serialize($params)));


      }

       wp_reset_query();