Рендеринг на стороне сервера и одностраничные приложения

Когда мы используем рендеринг на стороне клиента, я знаю, что это уменьшит время соединения с сервером, например, если мы используем для этого реакцию (с помощью create-response-app), response создаст один файл js, содержащий все наши материалы приложения. за исключением данных, которые мы получим от api (которые чаще всего будут в json), но это означает, что все материалы DOM будут в том одном js-файле, который пользователь получит при первой загрузке страницы, теперь для маленькие приложения я не вижу проблемы. Но в больших приложениях, когда у нас много страниц, компонентов и подстраниц, использующих библиотеки маршрутизации, такие как react-router, делать все это, и код будет в этом файле? Разве это не сделало бы его слишком большим? отправить сразу?

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

разделение кода должно помочь в решении вашей проблемы. Вот отличная запись: marmelab.com/blog/2017/10/17/code-splitting.html

Joe C 02.10.2018 20:06

@JoeC Спасибо, я проверю

Ibrahim Abdulbasit 02.10.2018 21:10

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

Ibrahim Abdulbasit 02.10.2018 21:18
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
458
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Спасибо всем, решение - использовать методы "ленивой загрузки" и "разбиения кода". Это хорошая статья об этом: Ленивая загрузка маршрутов в React

Другие вопросы по теме