Artykuł / technologia
Etch czy Elementor?
Michał Czajka ·
Elementor jest najpopularniejszym kreatorem stron w WordPressie i wiele firm ma na nim swoje strony. Etch to młodsze narzędzie, które powstało z myślą o osobach budujących strony zawodowo. Od pewnego czasu nowe projekty robię w Etch. Wyjaśniam dlaczego i kiedy Elementor nadal ma sens.
Czym się różnią
Elementor to kreator wizualny: przeciągasz gotowe widżety, ustawiasz kolory i odstępy w panelu. Jest przystępny dla osób bez wiedzy technicznej i ma ogromny ekosystem dodatków.
Etch to środowisko do budowania stron w WordPressie, które bliżej pracuje z HTML i CSS. Zamiast setek ustawień przy każdym elemencie projektuje się system: klasy, zmienne, komponenty. W połączeniu z frameworkiem Automatic.css daje spójne odstępy, kolory i typografię na całej stronie.
Kod i szybkość
Największa różnica jest pod maską. Strony budowane kreatorami typu Elementor często generują dużo zagnieżdżonych elementów i ładują sporo CSS i JavaScriptu, także na podstronach, które z nich nie korzystają. Da się to optymalizować, ale zwykle wymaga to dodatkowych wtyczek i kompromisów.
Etch generuje czysty, semantyczny HTML: nagłówki są nagłówkami, listy listami, a CSS jest ograniczony do tego, co strona faktycznie używa. Efekt widać w Core Web Vitals. Na stronach budowanych w ten sposób wynik 90+ w PageSpeed jest normą, a nie celem do wywalczenia. Więcej o tym, dlaczego to ważne, w tekście o Core Web Vitals.
Dostępność
Czysty, semantyczny kod to też łatwiejsza dostępność dla czytników ekranu. Przy kreatorach często trzeba poprawiać strukturę nagłówków, etykiety formularzy i kolejność elementów. W Etch kontroluję to od początku. Ma to znaczenie szczególnie dla sklepów objętych przepisami European Accessibility Act.
Edycja przez klienta
To pytanie, które słyszę najczęściej: „a czy sam będę mógł coś zmienić?”. W projektach na Etch klient edytuje treści w prostych polach i blokach, bez ryzyka, że przypadkiem rozsypie układ strony. Struktura i wygląd są zablokowane w komponentach, a treść jest do edycji. W Elementorze klient ma więcej swobody, ale też łatwiej zepsuć spójność strony po kilku miesiącach zmian.
Kiedy Elementor ma sens
- masz już stronę na Elementorze i działa dobrze, a potrzebujesz drobnych zmian,
- chcesz sam budować kolejne strony bez wiedzy technicznej,
- budżet nie pozwala na projekt od podstaw, a szablon spełnia potrzeby.
Nie przekonuję nikogo do przebudowy działającej strony tylko dla technologii. Przebudowa ma sens, gdy strona jest wolna, trudna w utrzymaniu albo nie przynosi zapytań.
Kiedy Etch
- nowa strona, która ma być szybka, dostępna i rozwijana latami,
- strona z wieloma podstronami usług i treściami pod SEO,
- projekt, w którym liczy się spójny wygląd i łatwa edycja treści bez psucia układu.
Brak uzależnienia od wykonawcy
Niezależnie od narzędzia klient dostaje pełny dostęp do strony, hostingu, domeny i licencji. Etch i Automatic.css to komercyjne narzędzia z publiczną dokumentacją, więc stronę może przejąć inny wykonawca znający te technologie. Więcej o mojej drodze od Flasha do Etch na stronie o mnie.