Які переваги надаються за допомогою відображення сторінок на сервері?

Я розробляю веб-додаток, і в даний час я написав весь веб-сайт у html / js / css, а на бекенді у мене є сервлети, які розміщують деякі ПОСЛУГІ послуги. Вся логіка презентації здійснюється через отримання об'єктів json та модифікацію подання через JavaScript.

Додаток по суті є пошуковою системою, але він матиме облікові записи користувачів з різними ролями.

Я досліджував деякі рамки, такі як Play і Spring. Я досить новачок у веб-розробці, тому мені було цікаво, які переваги за допомогою надання серверної сторінки надаватиме?

Це: Швидкість? Легший розвиток та робочий процес? Доступ до існуючих бібліотек? Більше? Все вищеперераховане?

HTML-рендерінг на стороні сервера:

• Найшвидше відображення браузера
• Кешування сторінок можливе як швидке та брудне підвищення продуктивності
• Для "стандартних" додатків багато функцій інтерфейсу попередньо вбудовані
• Іноді вважається більш стабільним, оскільки компоненти зазвичай підлягають валідації часу компіляції
• Опирається на досвід бекенда
• Іноді швидше розвиватися *

* Коли вимоги інтерфейсу добре відповідають рамкам.

HTML-рендерінг на стороні клієнта:

• Менше використання пропускної здатності
• Повільніше відображення початкової сторінки. Можливо, це навіть не помітно в сучасних настільних браузерах. Якщо вам потрібно підтримувати IE6-7 або багато мобільних браузерів (мобільний веб-код не поганий), ви можете зіткнутися з вузькими місцями.
• Спочатку побудова API - це означає, що клієнт може так само легко бути власною програмою, тонким клієнтом, іншою веб-службою тощо.
• Спирається на експертизу JS
• Іноді швидше розвиватися **

** Коли користувальницький інтерфейс значною мірою призначений для користувача, з цікавішими взаємодіями. Крім того, я вважаю, що кодування в браузері з інтерпретованим кодом помітно швидше, ніж очікування компіляцій та перезавантаження сервера.

Ви також можете розглянути гібридну модель із легким допоміжним реалізацією, використовуючи систему шаблонів «передній / задній», як вуса .

генерація HTML на стороні сервера:

• легше налагоджувати;
• немає проблем із сумісністю браузера;
• з класичним поколінням сервера на повних сторінках важче кешувати HTML, навіть якщо він має великі незмінні частини; (рішення - отримати фрагменти HTML через дзвінки AJAX);
• не скористатися кеш-проксі-серверами та CDN-динаміками для динамічного HTML;

генерація HTML на стороні клієнта:

• важче налагоджувати;
• деякі проблеми із застарілими браузерами;
• немає проблем із кешуванням HTML-шаблонів на стороні клієнта;
• скористатися кеш-проксі-серверами та CDN-кодами для HTML-шаблонів та JS-коду;
• значно нижче використання мережі;

Зауважте, що генерація на стороні клієнта - це так, як це робиться у випадку успішних мобільних сайтів, оскільки, очевидно, це набагато ефективніше у сучасних браузерах (браузери на основі WebKit мають близько 70-80% ринку мобільних пристроїв).

LinkedIn має статтю про переваги підходу на стороні клієнта, використовуючи dust.js як приклад: "Залишити JSP в пилу: переміщення LinkedIn до шаблонів на стороні dust.js"

Це залежить від ваших вимог. Якщо вам потрібно рішення високої продуктивності та низької затримки, яке залежить від безлічі дрібних завдань, ви можете перейти зі структурою, подібною до того, що ви описуєте. Найбільш поширені рішення в Java, PHP та C # не замовчують це.

Більшість веб-додатків дуже сильно залежать від баз даних - більшість з них настільки сильно, що сторінки не могли відображатися без хоча б одного дзвінка. Очевидно, ви не хочете відкривати свою базу даних публічно з кількох причин:

• Безпека (як згадує Оден ) - ви точно не хочете відкривати свою мережу публічно! В ідеалі єдиним інтерфейсом для вашої системи ззовні повинен бути https до вашого сервера.
• Простота розробки - ви дійсно, дійсно , дійсно не хочете писати SQL в Javascript, і мови , призначені для веб - презентації не дуже добре працювати з РБД. Наприклад, у них немає поняття держави.

Отже, коли вам потрібна база даних, ви використовуєте мови, які добре грають з ними, як Java, C #, PHP тощо. Найпростішим способом створення сторінки виявляється такий: Ви використовуєте мову шаблонів (найбільш відомий PHP але JSP і ASP - це дві інші дуже поширені мови) для створення сторінки. Мова надає конструкції, які викликають інші модулі. У PHP це зазвичай на сторінці або в іншому файлі PHP, використовуючи шаблон MVC. У JSP ви використовуєте сценарії або мову вираження JSP. Ці інші модулі можуть виконувати важку роботу з підключенням до БД, виконанням логіки та поверненням значень до рівня перегляду. Кінцевим результатом є генерована HTML-сторінка, виведена на сервері та відправлена ​​клієнту.

Коли ваша база даних знаходиться в тій самій мережі, що й рендерінг сторінки, ви також отримуєте кращу ефективність. Клієнт повинен зробити лише один запит і отримати сторінку - можливо, вам доведеться зробити 10-15 запитів БД, перш ніж мати всю інформацію, яка потрібна користувачеві. Затримка мілісекунд у вашій мережі склала б секунди до хвилини, якби клієнт повинен був їх виконати.

Коли системи зростають, розділення проблем та основних компетенцій стає вирішальним. HTML хороший для відображення. Javascript хороший для динамічного контенту. SQL чудово підходить для запитів до бази даних, а інші мови корисні для логіки бізнесу. Наша робота як розробників - використовувати всі доступні нам інструменти для побудови ремонтованої системи. Простота розвитку - це величезна частина хорошої системи. На мій погляд, це майже так само важливо, як продуктивність та зручність використання. З часом розвиваються чудові системи. Погані системи були написані погано з самого початку і ніколи не вдосконалювалися.

Мобільні клієнти, як правило, обмежені потужністю, пропускною здатністю та пам'яттю. Напевно, краще візуалізувати сторінки для них на сервері.

Для настільних клієнтів ви можете розглянути можливість надсилання js + json для надання сторінки клієнту, динамічного оновлення тощо.

Однією з величезних переваг візуалізації на сервері є доступність - додатки на основі JavaScript все ще є великою проблемою для людей без виду. Це і є цей сліпий хлопець під назвою "googlebot", якого ви, можливо, захочете задовольнити. Він також не працює на JavaScript.