Ilość kodu ‘html’ na stronie budowanej przez JavaScript

Question

Czy na stronie ‘html’ tworzonej przez JavaScript lepiej umieścić wstępnie gotową zawartość i ją tylko modyfikować czy budować stronę od pustego znacznika “BODY” i dlaczego? A może umieścić część strony w postaci ‘html’, a część tworzyć przez JavaScript?

Comments

Witam,możesz poprawić pytanie gdyż nie rozumiem tego czego wymagasz

---

@overcq, chodzi Tobie o kod html tworzony przez js w backend-dzie, czy we frontend-dzie?

---

We frontendzie. Faktycznie było niejasne.

Answer 1

Najwydajniejsze jest wstępne renderowanie po stronie serwera, a potem obsługa zmian po stronie przeglądarki. 

Obecnie popularna jest też architektura wyspowa, czyli całą strona jest statystyczna i renderowana na backendzie lub wręcz generowana raz przy buildzie, a JS jest ograniczony do interaktywnych "wysp" na stronie. Dzięki temu uzyskuje się wysoką wydajność przy równoczesnej minimalizacji używanej ilości kodu JS.

Answer 2

Przydalby sie jakis schemat graficzny przykladowy ;) - fajnie by to zobrazowalo temat

tzn. plik index - i ukazane top tagi/kod jezykow lecac od gory do dolu - majac na uwadze Parser! ma sie rozumiec ;P
bo mozna zaliczyc wtope jesli kaskadowo zle ustawisz dany jezyk...

Pewnie sa takie na ENG stronach przyklady hmmm

jesli cie dobrze zrozumialem to chyba o to Ci chodzi

 

Comments

Zagadnienie, którego dotyczy pytanie, składa się z dwóch kwestii:

• Czy generować tekst strony ‘html’ statycznie (w ‘back‐endzie’) czy przez JavaScript (we ‘front‐endzie’)? Tutaj wydaje się, że statyczny tekst jest przetwarzany szybciej przez przeglądarkę ‘www’, ponieważ nie musi wykonywać się dodatkowo program w JavaScript.
• Oraz bardziej złożony problem: czy szybciej jest jednak generować przez JavaScript, skoro tekst strony musi i tak być zmieniany? Tutaj odpowiedzią jest architektura wyspowa.

Natomiast z tego, co zrozumiałem, to piszesz o ilości kodu ‘html’ generowanego przez JavaScript niezależnie od szybkości przetwarzania.