Разъяснение по сетевому запросу загрузки страницы Гэтсби

Я изучаю, как работает Гэтсби, и у меня есть веб-сайт с двумя страницами, каждая из которых имеет гиперссылки друг на друга.

Поскольку gatsby компилирует веб-сайт на статические страницы с пакетами javascript, я ожидаю, что событие щелчка по ссылке html вызовет запрос страницы к серверу для загрузки страницы second. Однако я не вижу такой просьбы. Веб-сайт ведет себя как одностраничное приложение, загружаемое со страницы first. Щелчок по ссылке не вызывает запроса сетевой страницы для second страницы. В то же время я вижу, что сервер правильно отвечает на запрос к странице second. В этом случае загружается страница second, и переход к странице first по щелчку ссылки также не вызывает HTTP-запроса.

  • Это задумано? Не могли бы вы прояснить, что на самом деле происходит на скомпилированном веб-сайте?

  • Если такое одностраничное поведение является преднамеренным, интересно, насколько негативно это влияет на поисковые роботы? Я думал, что одностраничные приложения не очень подходят для индексации гугл-ботом и т. Д.

  • Кроме того, что, если мои страницы довольно большие (скажем, отрисованные из книг по уценке или чего-то подобного)? Я ожидал, что одностраничное приложение не будет оптимальным для загрузки всего сразу. Какую магию применяет Гэтсби в этом случае?


person Andrew    schedule 11.10.2017    source источник


Ответы (1)


Да, Gatsby - это одностраничный веб-сайт, и да, это также многостраничный веб-сайт. Гэтсби предварительно обрабатывает отдельные страницы в виде файлов HTML, а также компилирует соответствующий код реакции в пакеты.

При холодном запуске любая заданная страница загружается в браузер, как и любая другая статическая страница, быстро и с оптимизацией для SEO. После загрузки статической страницы код реакции загружается и эффективно запускает шоу (стиль одностраничного приложения «а-ля»). Довольно умно, да? Однако с сервера загружаются только необходимые пакеты js (иногда также предварительно загружаются для скорости).

На самом деле Gatsby - это не что иное, как умное серверное приложение для реагирования на HTML, которое понимает типы контента.

person Scriptonomy    schedule 11.10.2017