Question

我有一个多页网站。我创建了一个包含所有texts / para / images的组件。我已将此组件引用到所有多个页面。我使用一个类名通过CSS将内容隐藏/显示到各个页面。问题是页面加载缓慢。由于所有内容都是使用CSS隐藏的，因此它们仍然会加载，这会使我的网站运行缓慢。任何帮助对此表示感谢。谢谢

Answer 1

您可以检查很多事情。

检查Internet连接，希望您具有良好的Internet连接以加载页面。
您说有多个页面包含单个组件，请检查是否可以将这些页面移动到子组件中。
我不确定如果这些组件重量轻，如何使用css属性display:none隐藏这些组件。

您可以使用以下内容：

<style type="text/css">
  .hidden { display:none; }
</style>

render: function() {
return (
  <div className={this.props.shouldHide ? 'hidden' : ''}>
    This will be hidden if you set <tt>props.shouldHide</tt> 
    to something truthy.
  </div>
 );
}
// or in more modern JS and stateless react
const Example = props => <div className={props.shouldHide}/>Hello</div>

source

优化多个页面的页面加载

1 个答案: