SEOMaster
Transpiler (Babel)
Tłumaczy nowoczesny kod na zgodny ze starszymi przeglądarkami.
Co to jest Transpiler (Babel)?
Transpiler (np. Babel) tłumaczy nowoczesny kod JavaScript lub TypeScript na wersję zgodną ze starszymi przeglądarkami. Pozwala pisać w najnowszej, wygodnej składni, a mimo to działać wszędzie.
Zamienia nowe konstrukcje na powszechnie obsługiwane odpowiedniki, w razie potrzeby dokładając brakujące funkcje (polyfille).
Dlaczego to ważne dla SEO
Transpilacja godzi nowoczesny, czytelny kod z zasięgiem (działanie na starszych urządzeniach). Bez niej trzeba by wybierać między wygodą a zgodnością.
Jak to sprawdzić
To etap budowania, niewidoczny na stronie. Jego konfigurację (docelowe przeglądarki) opisuje projekt.
Częste błędy
- Transpilacja do zbyt starych celów (zbędnie ciężki kod)
- Brak polyfilli dla potrzebnych funkcji
- Mylenie transpilera z bundlerem
Przykład
Nowoczesny TS/JS → kod zgodny ze starszymi przeglądarkami