App per pagina singola o applicazione per più pagine?

0

La mia esperienza ha utilizzato l'approccio ibrido per domanda del caso d'uso:

  1. Laddove è necessario aggiornare il contenuto della stessa pagina, abbiamo utilizzato l'approccio AJAX / SPA
  2. Ma quando la pagina ha un layout / aspetto completamente diverso, invieremo sempre la pagina e una nuova risposta HTML è stata caricata dal server

La mia domanda è al punto 2. Possiamo usare l'approccio SPA / AJAX anche per il punto 2 con i moderni framework come angularJS ecc., dove HTML (con layout diverso) già caricato sul lato client. Quando l'utente fa clic su una scheda diversa nell'applicazione, quell'HTML viene prelevato dal lato client e i dati vengono caricati dal lato server. È corretto?

La mia comprensione è che il vantaggio di questo approccio è che consentirà un'esperienza utente più rapida e migliore rispetto all'approccio di invio di più pagine / moduli.

    
posta user3222249 22.04.2017 - 15:38
fonte

1 risposta

1

Assolutamente e ho visto questo fatto bene e male.

L'approccio a pagina singola è fondamentalmente carico una volta e quindi evita la funzionalità di caricamento della pagina del browser mentre si modifica il DOM esistente. Molti controlli di terze parti possono implementare diverse metodologie che portano a una ricarica non pianificata ... che è il "male" di cui sopra. Se utilizzi javascript di terze parti devi evitare o modificare quelli che non rispettano l'approccio di applicazione di una singola pagina.

Detto questo se lo fai in questo modo, il codice javascript individuale (super veloce) + Traffico di rete + Database / API / ecc ... interazione + frequenza di aggiornamento sul computer client = prestazioni. Non ci sono azioni complete di re-rendering o trasferimento file dal server al client. Dataset estremamente grandi potrebbero causare ritardi, ma poi inserirli come JSON e rispedirli, una volta che sono lì è tutto di nuovo locale.

L'unico ostacolo è assicurarsi che il client sia in grado di gestire le permutazioni e l'elaborazione in modo da eseguire test del client perf per accertarsi e quindi fare "specifiche approvate" per le macchine client in modo da non avere qualcuno che si lamenta di apparecchiature legacy non funzionerà Diversi browser si comportano in modo diverso anche per le app Web, quindi è necessario assicurarsi che il javascript aderisca a tutti e non sia specifico per il browser. Mobile aggiunge un altro livello, ma l'interfaccia utente reattiva dovrebbe semplificare l'approccio, ma assicurati ancora che il javascript funzioni per tutti e non alcuni (a volte devi codificare alcuni modi a seconda dell'applicazione client che esegue il rendering).

    
risposta data 22.04.2017 - 20:15
fonte

Leggi altre domande sui tag