Strona internetowa na Astro - szybciej, taniej, lepiej?

Astro obiecuje znacznie wyższą optymalizację pod kątem prędkości. Astro to framework do budowania szybkich, prostych stron internetowych. Astro to taki HTML z supermocami. W całości strona na Astro jest renderowana po stronie serwera. No i chyba nie bez znaczenia pozostaje wartość SEO. To może zaważyć nie tylko na SEO, taki PageSpeed, jak wspomniałeś, ale też na decyzję użytkownika, czy on na tej stronie zostanie. Witamy w podcaście Biznes w Internecie, gdzie dzielimy się wiedzą, spostrzeżeniami i opiniami o świecie marketingu cyfrowego. Klaudiusz Lepich, Robert Przybysławski i dzisiaj podejmiemy temat Astro. Jest to framework, jest to coś nowego, trochę nowa technologia, nowe spojrzenie na budowanie stron internetowych.

Ten temat zgłębimy, także zapraszam do oglądania. Więc już trochę zacząłem od tego, co to jest. Astro to framework. Framework to zestaw, metoda wykonywania danej czynności. Frameworki stosuje się nie tylko w programowaniu, ale też np. w UX, w biznesie. To można ująć po prostu jako zestaw czynności, działań, wytycznych, zasad, wedle których wykonujemy daną czynność. Astro to jest właśnie taki framework. Którego celem jest budowanie stron statycznych, czyli stron, które składają się tylko i wyłącznie z kodu i nie zawierają elementów interaktywnych. Astro obiecuje znacznie wyższą optymalizację pod kątem prędkości.

Powoduje to to, że taka strona, nawet z optymalizowanymi grafikami, ta strona nie musi być jakaś wielka treścią, rozmiarem, długością, a i tak może się wolno ładować przez po prostu rozmiar zależności elementów, tych wszystkich, tego kodu dookoła też, którego wymaga. Ale powiedziałeś, że WordPress jest dobry. Ja bym powiedział, że on był prosty. Teraz nie jestem przekonany, ale był prosty i dlatego pewnie zyskał tak dużą popularność. Co ważne, Astro też jest dobre i też jest proste. W tej definicji, że budujemy prostą stronę internetową, no to Astro wpisuje się w to idealnie. Ok, myślę, że rozwiązuje to problem budowania strony, ale też dla tych użytkowników łatwiej się poruszać po prostej, szybkiej stronie, która ładuje się bez żadnego opóźnienia.

Tak, podczas gdy w takim WordPressie mamy odwołania do różnych innych aplikacji, do na przykład JavaScriptu, tu ma wywołać taką funkcję, Astro to takie HTML z supermocami plus CSS, więc ta strona jest nieporównywalnie szybsza po prostu w operacji, jest prostsza, jest chudsza, można powiedzieć nawet w porównaniu z takim WordPressem, co dla użytkownika ma kolosalne znaczenie. Astro twierdzi, że są szybsi o 40% niż inne strony internetowe, a pewnie dlatego, że zawierają według nich 90% mniej JavaScriptu, wygenerowania, więc to jest powiązane. Strona internetowa na Astro

Nie generują się żadne dodatkowe rzeczy, nie wyświetlają się rzeczy, na które Ty, jako użytkownik, masz wpływ. Tak, to jest pierwszy atut, który tak buduje tą prędkość Astro. Drugim atutem jest ładowanie po stronie serwera. Normalnie strony bardzo dużo pobierają zasobów dla wyrenderowania na twoim ekranie. Potrzebują bardzo dużo zasobów zewnętrznych, z różnych źródeł, z różnych serwerów, takich jak te CDN-y, content delivery networki. No i też pobierają twoje zasoby, tak? Twoją przeglądarkę i pamięć. Astro różni się tym, że w całości strona na Astro jest renderowana po stronie serwera. Czyli to obciążenie obliczeniowe jest zdejmowane z Twojej przeglądarki. Fajne. A wiesz w ogóle skąd się wzięło Astro? Wiesz co, skąd?

Nie do końca. Wydaje mi się, że ono w ogóle powstało w 2021 roku, no ale tak to... Ponoć do budowania prostych aplikacji, ale właśnie, które będą designowo się zgadzały. No i w zasadzie można by powiedzieć, jeżeli przyjąć, że strona to prosta aplikacja webowa, no to w zasadzie mielibyśmy definicję. To w sumie ciekawe, nie? Że tutaj mamy z jednej strony WordPress, który był do blogów, a stał się stroną, a tutaj mamy Astro, który jest do aplikacji, ale robi świetną robotę dla stron internetowych też. Fajny, no. Bardzo fajny, natomiast super jest to, że to jest proste, szybkie, Na razie same zalety. Poszukajmy może wad. Powiedzmy, jak działa to Astro. W dużym uproszczeniu, powiedziałeś już, że to jest HTML, CSS, na sterydach można by powiedzieć.

Tu ponownie, jak powiedziałem, że mamy ten rendering tej strony standardowo, no to on potrzebuje zasobów z różnych źródeł, no i potrzebuje też mocy obliczeniowej. No a w przypadku Astro to obciążenie jest obsługiwane przez serwer. To jest taka różnica w porównaniu właśnie z takim typowym WordPressem, bo gdy mamy różne strony, które korzystają właśnie z CDN-ów. Ale w ogóle w WordPressie kiedyś też była taka strona, być może nadal jest, która pokazuje, jakie strony są zbudowane na WordPressie. NASA, Biały Dom i tak dalej, ale w Astro też już są duże wdrożenia. NordVPN ma stronę w Astro. OpenAI. OpenAI, chyba Porsche, tak czytałem. Ikea, Unilever, także zakładam, że Unilever jakieś strony produktowe.

Ty chyba mówiłeś Visa jeszcze? Tak, Visa też, jak sprawdzałem, jest na Astro. No i Cloudflare, który, jak się okazuje, kupił Astro i twierdzi, że będzie dalej rozwijał. Także to jest, myślę, taki bet słuszny i bezpieczny dla użytkowników, że duża amerykańska firma kupuje narzędzie, które jest dzisiaj bardzo dobre i postanawia w nie inwestować. To pokazuje, że firmy, interesariusze, osoby inwestują aktywnie w dalszą adopcję tego frameworku i można się spodziewać, że ten framework będzie, wiesz, końcowo bardziej popularny. No ale na kanwie dużych frameworków, wiesz, Meta, Google mają swoje frameworki trochę do innych zastosowań, to tutaj wydaje się, że Cloudflare też postawił taki bet i fajnie.

Co ciekawe, wiesz co korzysta z Astro? Kreatory stron low-code i no-code. Webflow, Webflow Cloud dokładniej, i VIX Vibe. One korzystają z Astro do takiego jakby fundamentu dla stron swoich klientów. To jest mega zabawne, jak sobie pomyślisz, że oni są bezpieczną konkurencją na dobrą stronę. Nie 1 do 1, ale stanowią jakąś konkurencję dla tworzenia, wytworzenia strony internetowej, ale to też pokazuje, moim zdaniem, że to jest tak dobra technologia, że nawet konkurencja jest gotowa jej używać, tak? No kurczę, i to duże firmy są, duże technologiczne firmy od tworzenia stron internetowych, fajnie. I nawet Gemini LCI. Też jest na Astro? Też jest na Astro, a Google ma przecież swoje własne frameworki, czyli coś jest w tym Astro, że jest tak nierozchwytywane, ale chętnie wybierane przez naprawdę duże firmy i to buduje taki troszeczkę image dobry, pozytywny, że warto w to iść.

Jak przygotowywaliśmy się do odcinka, to zastanawiałem się dlaczego my wybraliśmy Astro. Prędkość to jest top 1, na pewno. Łatwość tworzenia super, taka elastyczność. Natomiast ta elastyczność przy iterowaniu zmian, czy projektowaniu nowych rozwiązań, innych wyglądów, Czy innego designu. No kurczę, to jest niesamowicie, operacyjnie skraca czas pracy, przynajmniej na tym wstępnym etapie, nie? Kiedy trzeba coś pokazać, jakiś zarys strony, jakąś koncepcję, a jeszcze nie mamy treści, jeszcze nie wszystko zostało zdefiniowane w jakimś opisie potrzeb, nie? Czy briefie. Także tutaj bardzo to doceniam. Poza tym, z tego co pamiętam, ważny był sposób publikowania strony.

Dotychczas to był, kiedy to był Wordpress, no to hosting, Podpięcie domen, w zasadzie nie było innej opcji, a tutaj mamy deployowanie na Cloudflare i Githubie, albo innych tego typu rozwiązania. Widzisz, czyli mamy i Cloudflare i Github, więc jak coś, to mamy jakiś fallback, mamy jakieś rozwiązanie, gdyby jedno się popsuło, a wiemy, że często przy hostingu jak coś się wysypie, W zasadzie krople potu spływają nam po skroni, ponieważ hosting nie działa, tak? Nasza, wiesz, jak mamy sklep na przykład na Wordpressie, no to wiesz, no to taki, na WooCommerce przepraszam, no to każda w zasadzie sekunda, no to to jest utracony zysk, przychód. No jasne, że tak. Więc fajnie, że można w dwojaki sposób, a pewnie jest więcej sposobów na publikację stron w Astro w Internecie.

No i chyba nie bez znaczenia pozostaje wartość SEO, którą niosą za sobą te strony. To może Ty byś tutaj. Tak. Wiesz co, sam fakt ładowania PageSpeed, te wyniki, no to one mówią troszeczkę za my za siebie. Że pozytywnie wpływają na SEO. Tak. Po drugie indeksacja, ona ma swój też jakby budżet. Strona może być zaindeksowana nie w pełni, ponieważ jest za duża, a przy Astro, które jest chude samo w sobie kodem, zajmuje Astro po prostu, dana strona na Astro zajmuje mniej miejsca. Kolejno zaś, mam taką hipotezę, że AI też jakby potrzebuje jasnych treści na stronie, formowanych w jasny sposób. To jest troszeczkę jak Otrzymałeś kogoś notatki na kolokwium, ale one są totalnie rozsypane. Tu mamy jedną stronę, kawałek o tym, tu mamy drugą stronę, a ona jest zupełnie o czymś innym.

Jeszcze one są w trzech notatnikach. No i porównaj sobie to z jednym notatnikiem ze spisem treści na przykład. To jest rewelacja. Strony na Astro są... Łatwiej uzyskać z nich bardzo dobrze ustrukturyzowane strony. Pod kątem elementów, zawartości, treści, grafik itd. W porównaniu z WordPressem, gdzie z szablonem często musimy na dobrą sprawę walczyć, żeby uzyskać dobrą hierarchię nagłówków, dobrą hierarchię treści, dobry układ, a i nawet wtedy nie unikniemy tego dodatkowego kodu dookoła, żeby to wszystko ogarnąć. Czyli wszyscy zużywamy mniej energii, a że wszyscy dążymy do entropii, no to to jest na plus. OK. I tak samo jest przy AI. W sensie te modele językowe też wolą mieć informacje datacy, nie?

Dokładnie tak. Wspomniałem już JavaScript po drodze i tak dalej. Dokładnie tak. Mam taką hipotezę, że strony na Astro przez to, że są prostsze, mniejsze na dobrą sprawę, mogą być w pełni zaindeksowane przez Googla. Za każdym razem praktycznie. A z kolei to spowoduje, że jako, że Google dalej dobre SEO i dobra indeksacja jest czynnikiem rankingowym dla AI według wytycznych Google, no to to spowoduje, że mogą być bardziej atrakcyjne i powodować, że ta strona, na niej zawartości będą cytowane po prostu częściej w porównaniu z WordPressem. Czy to będzie prawdą? To się okaże, ale już tak z moich badań mam takie podstawy, żeby ku temu sądzić. No ale mamy też już kilka wdrożeń, chyba osiem i kolejne w drodze, już to także mamy za sobą już naprawdę jakieś doświadczenie i widzimy, że strony typu landing page, super rozwiązanie.

Strony proste, strony informacyjne, super. Rozbudowane strony informacyjne też super, nie? Mamy nawet przy dużej ilości informacji da się użyć Astro i te Astro nadal jest super szybkie, super elastyczne i możemy rozbudowywać. Serwisy contentowe Totalnie tak. Co jeszcze? Strony produktowe bez możliwości zakupu, chociaż tu gwiazdka, za chwilę o niej opowiem. Ok, ok. Myślę, że strony z integracjami CMS. To jest ciekawe, i za nami już jest. Tak, i za nami. Po Astro może właśnie taki minus, zanim w ogóle omówimy minusy, no taki minusik. Że gdy chcemy mieć stronę, na której będziemy prowadzić działania contentowe jakieś i właśnie jakiś przydatny byłby CMS, no to na początku myśleliśmy, że okej, no to będzie trudno ze sobą zgrać.

No okazuje się, że wcale nie. Tak. Już dzisiaj podłączamy CMS różnego rodzaju do Astro, które publikują blogi, opisy produktów. Na razie bez tych sprzedaży. I tu dodam, że pierwsi się dowiecie, słuchajcie. Pracujemy nad wdrożeniem Astro jako frontu dla sklepu internetowego, gdzie będzie silnik innej technologii. Pewnie to będzie Shopify i front z Astro, żeby było super szybko. Także to jeszcze przed nami. Jesteśmy na dobrej drodze, żeby to wdrożyć, także będziemy informować. Strony, gdzie jest potrzebne Super SEO, skoro tutaj w to idziemy. Także głupiść, ale dobra sprawa. Szybkość, szybkość, szybkość, łatwość pozyskiwania danych przez Google. Nie, ale chodzi mi o, wiesz, potrzebę, nie? Do czego możemy użyć, no to jak ktoś potrzebuje dobrej strony pod SEO, no to... No ale alternatywnie, jeżeli ktoś troszczy się o SEO swojej strony i o widoczność organiczną, a wie, że ta strona będzie miała obfity content medialny na przykład i będzie ciężka, no to tutaj też Astro może po prostu dać mu korzyść.

Wiesz co, ta strona pierwszy rzut oka może się wydawać dla osób zainteresowanych nową stroną internetową, trochę technologią z kosmosu. Zwłaszcza jak ktoś siedzi już w temacie i ma pojęcie właśnie w spełnieniu Webflow, Wordpress, Wixie, innych kreatorach stron, innych CMS-ach, no to wiesz, to to może być takie Okej, ale mi to nic nie mówi. Wygląda fajnie, ale co z tym całym ogarnięciem tego z tyłu, jak będę chciał coś zrobić, zmienić i tak dalej. Na pierwszy rzut oka tak jest, ale my już sami zbadaliśmy i sami podeszliśmy do tego troszeczkę tak z otwartą głową, no i da się z tego uzyskać produkt, który zadowoli różny rodzaj po prostu klienta z różnymi oczekiwaniami wobec swojej własnej strony internetowej. No, bo właśnie tak jak powiedzieliśmy, strony, landing page, strony informacyjne, produktowe, źródła danych, źródła informacji, to wszystko da się zbudować w Astro bez większego problemu.

Co ważne, można bardzo szybko zaproponować np. inny design, inny układ, nanoszenie zmian, iterowanie zmian jest superłatwe. Także to z plusów, czyli Astro to framework do budowania szybkich, prostych stron internetowych, które są super pod seo. I mają jeden mały minusik, ale da się go obejść. I jest to technologia, w którą idziemy. Tak, idziemy w Astro, słuchajcie, subskrybujcie, możecie posłuchać Spotify, Apple Podcast, no i tutaj. Strony na Astro możecie podejrzeć w naszym portfolio, na naszej stronie internetowej, już mamy. Mamy, super. Tak, już mamy. Zapraszamy. To są te strony, które ładują się natychmiast. Dobrze, dzięki za uwagę i do usłyszenia. Do usłyszenia, cześć.