Оптимизировать загрузку нескольких страниц

Question

У меня многостраничный сайт. Я создал один компонент, включающий все тексты / пара / изображения. Я ссылался на этот компонент на все несколько страниц. Я использовал имя класса, чтобы скрыть / показать содержимое на соответствующих страницах через css. Проблема в том, что страница загружается медленно. Поскольку все содержимое скрыто с помощью css, оно все еще загружается, что замедляет мой сайт. Любая помощь в этом очень ценится. Спасибо

Answer 1

Есть несколько вещей, которые вы можете проверить.

1. Проверьте подключение inte rnet, надеюсь, у вас есть хорошее подключение inte rnet для загрузки страницы.

2. Поскольку вы говорите, что есть несколько страниц с одним компонентом, проверьте, можете ли вы переместить их в подкомпонент.

3. Я не уверен, как вы скрывая эти компоненты, используйте 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