ssr = false dla stron tylko po stronie klienta
Wyłącz renderowanie po stronie serwera dla stron korzystających z API dostępnych wyłącznie w przeglądarce.
ssr = false dla stron tylko po stronie klienta to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Wyłączanie SSR
Ustaw ssr = false, aby pominąć renderowanie po stronie serwera dla strony zależnej od API dostępnych tylko w przeglądarce.
export const ssr = false;Przypadki użycia
Strony korzystające z canvas, WebGL, geolokalizacji lub czegokolwiek, co musi działać w przeglądarce.
Kompromisy
Pominięcie SSR oznacza wolniejsze First Contentful Paint i gorsze SEO dla tej strony.
Łączenie z prerenderowaniem
Można wyłączyć SSR, a mimo to prerenderować powłokę HTML na potrzeby hostingu statycznego.
Wskaźnik ładowania
Ponieważ strona działa wyłącznie po stronie klienta, wyświetlaj stan ładowania do czasu wykonania hydracji JavaScript.
Trasy wymagające uwierzytelnienia
Czasami trasy dostępne wyłącznie po uwierzytelnieniu pomijają SSR, aby uniknąć renderowania przed sprawdzeniem tokenu przez klienta.
Ustawienie dla każdej strony
Ustaw ssr dla każdej trasy osobno, aby zrównoważyć potrzeby SEO i interaktywności.
Poziom layoutu
Ustaw tę opcję w layoucie, aby wyłączyć SSR dla całej sekcji.
Brak kodu serwerowego
Bez SSR server load nadal się uruchamia, ale strona jest renderowana wyłącznie w przeglądarce.
Kwestie wydajności
Ciężkie strony działające wyłącznie po stronie klienta mogą skorzystać z prerenderowania szkieletu i uzupełnienia go danymi podczas hydracji.
Przykłady z praktyki
Pulpity, złożone edytory i doświadczenia 3D czasami wyłączają SSR.
Szybkie sprawdzenie
Kiedy należy ustawić ssr = false?
Podsumowanie
Ustaw ssr = false dla stron wymagających API dostępnych tylko w przeglądarce, zamieniając korzyści SEO na prostsze renderowanie wyłącznie po stronie klienta.
Często zadawane pytania
Czy lekcja „ssr = false dla stron tylko po stronie klienta” jest bezpłatna?
Tak — pełny tekst „ssr = false dla stron tylko po stronie klienta” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „ssr = false dla stron tylko po stronie klienta”?
Wyłącz renderowanie po stronie serwera dla stron korzystających z API dostępnych wyłącznie w przeglądarce. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.
Ile czasu zajmuje lekcja „ssr = false dla stron tylko po stronie klienta”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Universal load a server-only load
- prerender = true dla stron statycznych
- ssr = false dla stron tylko po stronie klienta
- Architektura wysp