主页中的更多小部件是否会导致 wordpress 加载不良？

Question

我正在使用自己编写的特定小部件，并在主页上使用该小部件将近 18 次来显示不同类别的帖子。它是否会导致主页加载不良？！如果我使用普通编码而不是小部件是更好还是没有什么不同？！你可以查看我的网站loading http://akhbartop.com/ 在我的系统和一些朋友的主页加载不好。我想知道主页上是否有更多与加载相关的小部件？！你有什么建议而不是使用小部件？！这是我在 widget

中的代码

   <?php
// Creating the widget
class wpb_box extends WP_Widget {
function __construct() {
parent::__construct(
// Base ID of your widget
'wpb_box',
// Widget name will appear in UI
__('ابزارک اختصاصی باکس مطالب خبرخوان', 'bigtheme'),
// Widget description
array( 'description' => __( 'ابزارک نمایش باکس مطالب از سایت های مختلف توسط آدرس خوراک یا فید سایت', 'bigtheme' ), )
);
add_action('save_post', array( $this, 'delete_query_caches') );
}
// Creating widget front-end
// This is where the action happens
/**
     * Delete transients
     */
    function delete_query_caches( $post_id ){
        if( !isset( $_POST['post_type'] ) || $_POST['post_type'] !== 'post' ) return;

        $categories = wp_get_post_terms( $post_id, 'category' );

        if( $categories && ! is_WP_Error( $categories ) ) {
            foreach( $categories as $cat ) {
                delete_transient('post'.$cat->term_id.'_query');
            }
        }
    }
public function widget( $args, $instance ) {
        $name = apply_filters( 'widget_title', $instance['name'] );
        $category = apply_filters( 'widget_title', $instance['category'] );
        $id = apply_filters( 'widget_title', $instance['id'] );
$link = apply_filters( 'widget_title', $instance['link'] );
        $display = apply_filters( 'widget_title', $instance['display'] );
        $color = apply_filters( 'widget_title', $instance['color'] );
// This is where you run the code and display the output
?>
<div class="col-sm-6 col-xs-12 padding5">
                <div class="article">
                        <div class="title">     
                            <h3><a href="<?php echo $link ?>" target="_blank"><?php echo $name ?></a></h3>
                            <div class="clear"></div>
                            <div class="line"></div>
                    </div>

                               <?php
if ( false === ( $slider = get_transient( 'post'.$id.'_query' ) ) ) {

     $slider = new WP_Query(array(
            'post_status' =>'publish',
            'post_type' =>'post',
            'cat' =>''.$id.'',
            'posts_per_page' =>'9'      
        ));

    // Make a new query cache for 1 week
    set_transient( 'post'.$id.'_query', $slider, 168 * HOUR_IN_SECONDS );

}
if( !$slider->have_posts() ) return; ?>
<ul>
<?php while( $slider->have_posts() ) : $slider->the_post(); ?>
<li>
<a href="<?php the_permalink() ?>" target="_blank"><?php the_title(); ?></a>
<div style="display:<?php echo $display;?>" class="tooltiptext hidden-xs"><?php the_excerpt(); ?></div>
</li>
<?php endwhile; $slider->rewind_posts(); ?>
</ul>
<?php wp_reset_postdata(); ?>
<div class="list"><a href="<?php echo $link ?>" target="_blank">مشاهده آرشیو کامل</a><a href="<?php echo $link ?>/feed" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/rss.png" width="18" height="18" alt="خوراک سایت" ></a></div>
            </div>
                </div>
<?php
echo $args['after_widget'];
}
public function form( $instance ) {
        $name   = ( isset( $instance[ 'name' ] ) ) ? $instance[ 'name' ] : '';
        $category   = ( isset( $instance[ 'category' ] ) ) ? $instance[ 'category' ] : '';
$link   = ( isset( $instance[ 'link' ] ) ) ? $instance[ 'link' ] : '';
        $color  = ( isset( $instance[ 'color' ] ) ) ? $instance[ 'color' ] : '';
        $id     = ( isset( $instance[ 'id' ] ) ) ? $instance[ 'id' ] : '';
        $display    = ( isset( $instance[ 'display' ] ) ) ? $instance[ 'display' ] : '';
?>
            <p>
                <label for="<?php echo $this->get_field_id( 'color' ); ?>"><?php _e( 'رنگ باکس مطالب:' ); ?></label>
                <input class="widefat" id="<?php echo $this->get_field_id( 'color' ); ?>" name="<?php echo $this->get_field_name( 'color' ); ?>" type="text" value="<?php echo esc_attr( $color ); ?>" placeholder="مثال : #CCC , #dd3333 , black , blue" />
            </p>
            <p>
                <label for="<?php echo $this->get_field_id( 'name' ); ?>"><?php _e( 'عنوان باکس:' ); ?></label>
                <input class="widefat" id="<?php echo $this->get_field_id( 'name' ); ?>" name="<?php echo $this->get_field_name( 'name' ); ?>" type="text" value="<?php echo esc_attr( $name ); ?>" />
            </p>
            <p>
                <label for="<?php echo $this->get_field_id( 'id' ); ?>"><?php _e( 'آی دی دسته بندی' ); ?></label>
                <input class="widefat" id="<?php echo $this->get_field_id( 'id' ); ?>" name="<?php echo $this->get_field_name( 'id' ); ?>" type="text" value="<?php echo esc_attr( $id ); ?>" />
            </p>
            <select id="<?php echo $this->get_field_id('category'); ?>" name="<?php echo $this->get_field_name('category'); ?>" class="widefat" style="width:100%;">
            <?php foreach(get_terms('category','parent=0&hide_empty=0') as $term) { ?>
            <option <?php selected( $instance['category'], $term->term_id ); ?> value="<?php echo $term->term_id; ?>"><?php echo $term->name; ?></option>
            <?php } ?>      
        </select>
<p>
                <label for="<?php echo $this->get_field_id( 'link' ); ?>"><?php _e( 'لینک آرشیو' ); ?></label>
                <input class="widefat" id="<?php echo $this->get_field_id( 'link' ); ?>" name="<?php echo $this->get_field_name( 'link' ); ?>" type="text" value="<?php echo esc_attr( $link ); ?>" />
            </p>

            <p>
                <label><?php _e( 'نمایش توضیحات مطالب' ); ?></label>
                <select class="widefat" id="<?php echo $this->get_field_id( 'display' ); ?>" name="<?php echo $this->get_field_name( 'display' ); ?>">
                    <option <?php selected( $instance['display'], 'block'); ?> value="block">بله</option> 
                    <option <?php selected( $instance['display'], 'none'); ?> value="none">خیر</option> 
                </select>
            </p>

<?php
}
// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['name'] = ( ! empty( $new_instance['name'] ) ) ? strip_tags( $new_instance['name'] ) : '';
        $instance['category'] = ( ! empty( $new_instance['category'] ) ) ? strip_tags( $new_instance['category'] ) : '';
$instance['link'] = ( ! empty( $new_instance['link'] ) ) ? strip_tags( $new_instance['link'] ) : '';
        $instance['link2'] = ( ! empty( $new_instance['link2'] ) ) ? strip_tags( $new_instance['link2'] ) : '';
        $instance['id'] = ( ! empty( $new_instance['id'] ) ) ? strip_tags( $new_instance['id'] ) : '';
        $instance['link3'] = ( ! empty( $new_instance['link3'] ) ) ? strip_tags( $new_instance['link3'] ) : '';
        $instance['link4'] = ( ! empty( $new_instance['link4'] ) ) ? strip_tags( $new_instance['link4'] ) : '';
        $instance['link5'] = ( ! empty( $new_instance['link5'] ) ) ? strip_tags( $new_instance['link5'] ) : '';
        $instance['color'] = ( ! empty( $new_instance['color'] ) ) ? strip_tags( $new_instance['color'] ) : '';
        $instance['display'] = ( ! empty( $new_instance['display'] ) ) ? strip_tags( $new_instance['display'] ) : '';
        $instance['source'] = ( ! empty( $new_instance['source'] ) ) ? strip_tags( $new_instance['source'] ) : '';
        $instance['time'] = ( ! empty( $new_instance['time'] ) ) ? strip_tags( $new_instance['time'] ) : '';
        return $instance;
    }
} // Class wpb_box ends here
// Register and load the widget
function wpb_box() {
register_widget( 'wpb_box' );
}
add_action( 'widgets_init', 'wpb_box' );
?>

我做了一些更改并在小部件中放置了短暂的 api 代码，但是小部件更新仍然有问题！！！当帖子发布时小部件不会更新！！

Answer 1

从代码的角度来看，代码位于何处并不重要。您的代码以相同的方式执行，无论它是小部件或模板部分，还是与某些操作挂钩的插件函数。

重要的是代码实际在做什么以及如何做（同样，代码在哪里并不重要）。

我想在您的情况下，小部件正在获取一些 RSS 提要，从而向外部资源发出 http 请求。这些请求很慢，必须缓存结果以避免在每次页面加载时重复请求。您可以为小部件的每个实例设置不同的过期时间（甚至相差 30 秒），以防止它们同时更新。或者更好的是，您应该在后台更新它们，永远不要让前端访问者获取这些提要。

Transients API 是你应该用来让它变快的东西。

Answer 2

如果您使用的查询太多，缓存查询可能会有所帮助。假设您的自定义小部件如下所示：

<?php
/**
 * My widget class
*/
class dw_myWidget extends WP_Widget {

    function __construct() {
        // Instantiate the parent object
        parent::__construct( false, __('My widget') );

    }

    function widget( $args, $instance ) {
        $title    = apply_filters( 'title', $instance['title'] );
        $link1    = apply_filters( 'category', $instance['category'] ); // category id


        $portfolio = new WP_Query(array(
            'post_status' =>'publish',
            'post_type' =>'post',
            'cat' =>''.$link1.'',
            'posts_per_page' =>'9'      
        ));


        // And the rest of the code
    }

    function update( $new_instance, $old_instance ) {
        // update stuff
    }

    function form( $instance ) {
        // widget form stuff
    }
}

function dw_MyWidget_register() {
    register_widget( 'dw_myWidget' );
}

add_action( 'widgets_init', 'dw_MyWidget_register' );

我们使用 Wordpress 的临时键缓存查询，但由于我们不知道会有多少小部件在那里，我们必须在我们的临时 API 中包含一个独特的东西，比如 $link1表示类别 ID 的变量：

function widget( $args, $instance ) {
    $title    = apply_filters( 'title', $instance['title'] );
    $link1    = apply_filters( 'category', $instance['category'] ); // category id


    if ( false === ( $portfolio = get_transient( 'post'.$link1.'_query' ) ) ) {
        $portfolio = new WP_Query(array(
            'post_status' =>'publish',
            'post_type' =>'post',
            'cat' =>''.$link1.'',
            'posts_per_page' =>'9'      
        ));

        set_transient( 'post'.$link1.'_query', $portfolio, 168 * HOUR_IN_SECONDS );
    }

    // And the rest of the code
}

这还不是全部，我们需要在创建新的 post 时删除瞬态，因此我们在构造函数

中注册一个 save_post 操作的钩子

function __construct() {
    // Instantiate the parent object
    parent::__construct( false, __('My widget') );

    add_action('save_post', array( $this, 'delete_query_caches') );
}

/**
 * Delete transients
 */
function delete_query_caches( $post_id ){
    if( !isset( $_POST['post_type'] ) || $_POST['post_type'] !== 'post' ) return;

    $categories = wp_get_post_terms( $post_id, 'category' );

    if( $categories && ! is_WP_Error( $categories ) ) {
        foreach( $categories as $cat ) {
            delete_transient('post'.$cat->term_id.'_query');
        }
    }
}

所以最终代码看起来像这样：

<?php
/**
 * My widget class
*/
class dw_myWidget extends WP_Widget {

    function __construct() {
        // Instantiate the parent object
        parent::__construct( false, __('My widget') );

        add_action('save_post', array( $this, 'delete_query_caches') );
    }

    /**
     * Delete transients
     */
    function delete_query_caches( $post_id ){
        if( !isset( $_POST['post_type'] ) || $_POST['post_type'] !== 'post' ) return;

        $categories = wp_get_post_terms( $post_id, 'category' );

        if( $categories && ! is_WP_Error( $categories ) ) {
            foreach( $categories as $cat ) {
                delete_transient('post'.$cat->term_id.'_query');
            }
        }
    }

    function widget( $args, $instance ) {
        $title    = apply_filters( 'title', $instance['title'] );
        $link1    = apply_filters( 'category', $instance['category'] ); // category id


        if ( false === ( $portfolio = get_transient( 'post'.$link1.'_query' ) ) ) {
            $portfolio = new WP_Query(array(
                'post_status' =>'publish',
                'post_type' =>'post',
                'cat' =>''.$link1.'',
                'posts_per_page' =>'9'      
            ));

            set_transient( 'post'.$link1.'_query', $portfolio, 168 * HOUR_IN_SECONDS );
        }

        // And the rest of the code
    }

    function update( $new_instance, $old_instance ) {
        // update stuff
    }

    function form( $instance ) {
        // widget form stuff
    }
}

function dw_MyWidget_register() {
    register_widget( 'dw_myWidget' );
}

add_action( 'widgets_init', 'dw_MyWidget_register' );

希望对您有所帮助。

主页中的更多小部件是否会导致 wordpress 加载不良？

does more widgets in main page causes bad loading on wordpress?

wordpress

loading

widget