Inroduzione di personale di servizio sul sito mobile

Sono nuovo per i lavoratori del servizio. Voglio integrare i lavoratori del servizio nel mio sito. Il mio motivo è quello di migliorare le prestazioni del mio sito Web non rendendo il sito Web offline. È un sito web immobiliare.

Quindi quello che ho fatto fino ad ora è creare modelli modulari del mio sito e memorizzarli nella cache. per esempio template1

#data

ogni volta che un recupero si verifica sulla mia pagina, prima chiamo un API attraverso ajax, ottengo i dati e sostituisco la variabile #data nella risposta della cache con la risposta api effettiva e poi ho restituito la nuova risposta al browser.

Domanda 1: – Quindi voglio sapere che è l’approccio giusto. per la memorizzazione nella cache del modello html?

    Nell’approccio di cui sopra sto ricevendo sfide come loop e dichiarazioni condizionali nel mio html. Domanda 2: C’è un modo per memorizzare i template con i loop e cambiarli in fase di esecuzione ?.

    Domanda 3: – Supponiamo che io mostri inizialmente l’app-shell memorizzata nella cache all’utente, quindi è questo che avrà effetto sulla classifica SEO del mio sito?

    Domanda 4: – Devo scrivere nuovi modelli del codice esistente, il che significa che devo mantenere due codici uno per i lavoratori del servizio e altri per i normali browser che non supportano i lavoratori del servizio. Qualsiasi soluzione a questo?

    Saluti

    Sono un sacco di domande e non penso che gli addetti all’assistenza siano necessariamente la soluzione migliore.

    Domanda 1: Personalmente raccomando di usare un framework come KnockoutJS, Angular, Polymer … ecc. Per i tuoi template HTML. Questi hanno spesso il built-in della cache di template.

    Domanda 2: Invece dell’approccio che stai utilizzando in cui stai sostituendo le variabili prima di “inviarle al browser” la maggior parte dei framework userebbe una qualche forma di binding dei dati che avrebbe cura delle iterazioni e delle condizioni all’interno del browser.

    Domanda 3: la memorizzazione nella cache dell’app non ha alcun effetto su SEO e Google ha analizzato JavaScript per un po ‘; tuttavia personalmente consiglierei che il contenuto del sito web venga caricato senza JavaScript e che JavaScript venga utilizzato solo per migliorare l’esperienza. Questo sarebbe lo stesso sia che si utilizzi il modello app-shell o meno.

    Domanda 4: Non capisco il tuo setup attuale e questo non sarebbe uno scenario normale, quindi potresti avere qualcosa di sbagliato.

    I service worker e l’API Cache vengono normalmente utilizzati per memorizzare nella cache le risorse statiche, in genere i caratteri, i modelli CSS, JavaScript e HTML e dovrebbero migliorare le prestazioni in quanto vi sono meno richieste HTTP; ma ci sono altri modi per migliorare le prestazioni che risponderanno a tutte le tue domande senza l’uso di addetti all’assistenza.