我的WordPress主题在Chrome上的加载问题

时间:2019-04-29 作者:Frank Eno

我的Wordpress主题出现了一个奇怪的加载问题,仅在Chrome上出现,我在Safari和Firefox上进行了测试,内容一次加载完毕,但如果你在Chrome浏览器上快速向下滚动页面,它会显示空白区域,并在1秒后加载剩余内容,请访问http://xscoder.com/wp-demo/vintymag/

知道是什么导致了这种“闪烁”问题吗?

我还注意到,侧边栏在向下滚动时跟随内容,这是我在functions.php 文件,所以我不知道为什么会这样。。。

我的index.php 文件为空,因为我创建了page.php 调用页眉和页脚并承载主页所有内容的文件。在我的page.php 文件我调用了几个不同的查询,如下所示:

<?php get_header() 
/* 
    Template Name: Home - Default
*/
?>
<?php
   $query_latest_carousel = new WP_Query( array(
      \'posts_per_page\' => 4,
   )); 
   // the Loop...
然后:

    <?php  $query_featured_posts = new WP_Query( array( \'tag\' => \'featured\' ) );
   // the Loop...
还有一个:

 // search for \'featured\' tag 
   $tags = wp_get_post_tags($post->ID);
    foreach ( $tags as $tag ) {
      if ($tag->name == \'featured\') {
         $tag_id = $tag->term_id;
      }
    }

    // query without \'filtered\' tag
   $query_posts = new WP_Query( 
      array(
         \'tag__not_in\' => array($tag_id),
         \'posts_per_page\'=>-1,
      )
   );
   // the Loop...


<!-- Sidebar--> 
<aside class="col-md-4 sidebar_right">
<?php dynamic_sidebar(\'right-sidebar\'); ?>
</aside><!-- ./ Sidebar-->

<?php get_footer(); ?>
可能是因为同一页中有太多不同的查询?如果是的话,为什么我的网站在Firefox上运行得很好?

任何帮助都将不胜感激,谢谢!

1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

您的查询不是问题所在,应该毫无问题地进行处理。

如果不深入研究,我不能肯定,但我会从optimizing your page. 每个缩略图的大小大约为4-6 MB。我可以将这些图像优化到20K,而不会降低质量。

enter image description here

在Chrome和Firefox中,初始页面加载需要22秒。

我认为闪烁的问题应该归因于固定的侧边栏。每次滚动页面时都会触发onscroll事件,chrome很难处理该事件,但这可能是由于页面太大。

相关推荐