Ramverk och SPA:er
Pertento för Nuxt
En post i applikationens head-konfiguration täcker varje rutt, och taggen hamnar i den serverrenderade HTML:en och inte först efter hydreringen.
En skripttagg · loader på 0,9 KB · inga cookiesAlla integrationer
Nuxt renderar på servern och hydrerar sedan, och det är just det fallet Pertento är byggt för: du lägger taggen i applikationens head-konfiguration så att den finns i den serverrenderade HTML:en och inte läggs till först när bundlen körs. Den ordningen hindrar originalet från att blinka till innan varianten visas. Tilldelningen består över navigering på klientsidan, så en besökare som går mellan rutter stannar i en och samma variant och lottas inte om på varje sida.
Så ansluts det
- Deklarera taggen i applikationens head-konfiguration så att den hamnar i den serverrenderade HTML:en.
- Ladda den före hydreringen, inte från ett plugin som bara körs på klienten.
- Låt tilldelningen bestå över ruttbyten.
Mer i Ramverk och SPA:er
Alla integrationerNext.jsRendera taggen i rotlayouten så att den laddas före hydreringen. Då ligger varianterna kvar när besökaren byter rutt på klientsidan.Så ansluts detReactEn single-page-app behöver taggen en gång, i HTML-skalet. Varianterna ligger kvar vid routing och läggs inte på igen för varje vy.Så ansluts detVueInstallera en gång i appens HTML-ingångspunkt. Targetingen utvärderas på nytt vid varje ruttbyte utan att besökaren tilldelas om.Så ansluts det