ssr = false vain asiakaspuolen sivuille
Poistakaa palvelinrenderöinti käytöstä sivuilta, jotka riippuvat vain selaimessa saatavilla olevista API:ista.
ssr = false vain asiakaspuolen sivuille on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Poista SSR käytöstä
Aseta ssr = false, jos haluat ohittaa palvelinrenderöinnin sivulla, joka käyttää vain selaimessa toimivia API:ja.
export const ssr = false;Käyttötapaukset
Canvas-, WebGL- tai paikannusta käyttävät sivut sekä kaikki, minkä on suorituttava selaimessa.
Kompromissit
SSR:n ohittaminen tarkoittaa kyseiselle sivulle hitaampaa First Contentful Paint -tulosta ja heikompaa hakukoneoptimointia.
Yhdistä esirenderöintiin
Voit poistaa SSR:n käytöstä ja esirenderöidä silti kuorena toimivan HTML:n staattista palvelua varten.
Latausympyrä
Koska sivu toimii vain asiakkaalla, näytä lataustila, kunnes JavaScript hydratioi sivun.
Tunnistautumista vaativat reitit
Joskus vain tunnistautumista vaativat reitit ohittavat SSR:n, jotta sisältöä ei renderöidä ennen kuin asiakas on tarkistanut tunnisteen.
Sivukohtainen asetus
Aseta ssr reittikohtaisesti tasapainottaaksesi hakukoneoptimoinnin ja vuorovaikutteisuuden tarpeita.
Layout-taso
Aseta tämä layoutissa, jos haluat poistaa SSR:n käytöstä kokonaisesta osiosta.
Ei palvelinkoodia
Ilman SSR:ää palvelimen load suoritetaan edelleen, mutta sivu renderöidään vain selaimessa.
Suorituskykynäkökohdat
Raskaat vain asiakkaalla toimivat sivut voivat hyötyä skeletonin esirenderöinnistä ja datan avulla tehtävästä hydratoinnista.
Käytännön esimerkkejä
Hallintapaneelit, monimutkaiset editorit ja 3D-kokemukset poistavat SSR:n joskus käytöstä.
Pikatarkistus
Milloin asettaisit ssr = false?
Kertaus
Aseta ssr = false sivuille, jotka tarvitsevat vain selaimessa toimivia API:ja, jolloin vaihdat hakukoneoptimoinnin yksinkertaisempaan vain asiakkaalla tapahtuvaan renderöintiin.
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 41
- Oppitunnit
- 163
Usein kysytyt kysymykset
Onko oppitunti ”ssr = false vain asiakaspuolen sivuille” ilmainen?
Kyllä – oppitunnin ”ssr = false vain asiakaspuolen sivuille” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”ssr = false vain asiakaspuolen sivuille”?
Poistakaa palvelinrenderöinti käytöstä sivuilta, jotka riippuvat vain selaimessa saatavilla olevista API:ista. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.
Kuinka kauan ”ssr = false vain asiakaspuolen sivuille”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Sveltejs Academy-oppitunnilla?
Kyllä. Jokainen Sveltejs Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Universaali ja vain palvelimella suoritettava load
- prerender = true staattisille sivuille
- ssr = false vain asiakaspuolen sivuille
- Saarekearkkitehtuuri