Rammeverk og SPA-er
Pertento for Nuxt
Én oppføring i head-konfigurasjonen til appen dekker alle ruter, og kommer med i den serverrendrede HTML-en, ikke først etter hydrering.
Én skripttagg · skriptlaster på 0,9 KB · ingen cookiesAlle integrasjoner
Nuxt rendrer på serveren og hydrerer etterpå, og det passer Pertento godt: du legger taggen i head-konfigurasjonen til applikasjonen, så den er med i den serverrendrede HTML-en og ikke først kommer når bundlen kjører. Rekkefølgen hindrer at originalen blinker fram før varianten. Tildelingen ligger fast gjennom navigering på klientsiden, så en besøkende som går mellom ruter, blir i én variant og trekkes ikke på nytt på hver side.
Slik kobles det til
- Deklarer taggen i head-konfigurasjonen til appen, så den havner i den serverrendrede HTML-en.
- Last den før hydrering, ikke fra en plugin som bare kjører på klienten.
- La tildelingen ligge fast gjennom ruteskifter.
Mer i Rammeverk og SPA-er
Alle integrasjonerNext.jsRendre taggen i rotlayoutet, så den lastes før hydrering, og variantene ligger fast gjennom ruteskifter på klientsiden.Slik kobles det tilReactEn single-page-app trenger taggen bare én gang, i HTML-skallet. Variantene ligger fast gjennom ruting og settes ikke inn på nytt for hver visning.Slik kobles det tilVueInstaller én gang i HTML-inngangspunktet til appen. Målrettingen vurderes på nytt ved hvert ruteskifte uten at den besøkende tildeles om.Slik kobles det til