Podsumowanie konferencji WordCamp Gdynia 2023 nextgen

WordCamp Gdynia 2023 NextGen odbył się w sobotę 30 września 2023 w Morskim Instytucie Rybackim przy ul. Hugo Kołłątaja 1 w Gdyni. Konferencja zgromadziła ponad 200 deweloperów, projektantów, właścicieli agencji i entuzjastów WordPressa z całego kraju. Tematem, ogłoszonym na oficjalnej stronie wydarzenia, była optymalizacja: pracy wykonywanej z WordPressem i samego WordPressa.

Program toczył się w dwóch salach. Ścieżka główna liczyła 16 prelekcji, a w drugiej sali równolegle odbyły się 4 warsztaty, bezpłatne dla każdego posiadacza biletu. To podsumowanie opiera się na oficjalnej agendzie i opisach sesji opublikowanych przez organizatorów.

Jeśli Twoja firma potrzebuje wsparcia przy zaawansowanym rozwoju platformy, sprawdź nasze usługi jako programista WordPress w WPPoland.

#Czym jest WordCamp nowej generacji NextGen

NextGen był eksperymentalną fazą w sposobie organizowania WordCampów. Tekst organizatorów opisuje go jako zaproszenie dla lokalnych zespołów do proponowania nowych formatów i tematów, które odpowiadają na bieżące potrzeby społeczności. Klasyczne WordCampy obejmują szeroki przekrój: projektowanie, programowanie, SEO, marketing i treści. Wydarzenie NextGen może zawęzić się do jednego tematu, jednej grupy odbiorców albo jednego poziomu zaawansowania.

Ten sam tekst wymienia wartości, których musiał trzymać się każdy WordCamp NextGen: obniżanie barier uczestnictwa, świętowanie społeczności jako całości, a nie konkretnej firmy czy osoby, oraz wsparcie dla różnorodności. Gdynia wybrała wydarzenie jednodniowe i jeden temat: Optymalizacja: Praca i WordPress. Temat był otwarty zarówno dla początkujących, jak i zaawansowanych.

Zainteresowanie było widoczne wcześnie. Według organizatorów wszystkie bilety Early Bird rozeszły się w dwa i pół dnia. Pierwsze ogłoszenie dla sponsorów z czerwca 2023 zakładało około stu uczestników, a przy drugiej puli biletów w sierpniu organizatorzy spodziewali się prawie 300 osób.

#Gdzie odbył się WordCamp Gdynia 2023

Miejscem konferencji był Morski Instytut Rybacki, kilka kroków od dworca Gdynia Główna. Organizatorzy przypomnieli na blogu wydarzenia, że historia instytutu sięga 1921 roku, kiedy zaczynał jako Morskie Laboratorium Rybackie na Helu. Uczestnicy mogli zaparkować na terenie instytutu po zgłoszeniu się przy szlabanie.

W zespole organizacyjnym wymienionym na stronie wydarzenia byli Mariusz Szatkowski, Marcin Robin Andrzejewski, Katarzyna Gajewska, Rafał Osiński, Dawid Urbański, Hanna Szatkowska i Marcin Szatkowski. Trójmiasto od lat jest silnym ośrodkiem polskiej społeczności technologicznej. Nagrania opublikowano później na kanale YouTube WordPress Trójmiasto.

#Otwarcie i harmonogram WordCamp Gdynia 2023

Marcin Andrzejewski i Mariusz Szatkowski otworzyli konferencję o 9:45 w obu salach, po rejestracji od 9:00. Cały dzień, w czasie lokalnym, wyglądał tak:

Bloki popołudniowe od 14:00 do 15:00 były 15-minutowymi prelekcjami błyskawicznymi. Każdy pozostały slot na ścieżce głównej trwał 30 minut.

#WordPress Playground i WebAssembly w przeglądarce

Pierwszą prelekcję wygłosił Adam Zieliński z Automattic, twórca WordPress Playground i core committer WordPressa. Jej tytuł brzmiał WordPress bez instalacji, komputera, i internetu: Poznaj WordPress Playground.

Dokumentacja architektury Playground wyjaśnia mechanizm. Interpreter PHP jest kompilowany do WebAssembly za pomocą Emscripten. WordPress wymaga MySQL, ale nie istnieje wersja MySQL dla WebAssembly, dlatego Playground dostarcza PHP ze sterownikiem SQLite, a oficjalna wtyczka SQLite Database Integration przepisuje zapytania MySQL na dialekt SQLite. Service Worker obsługuje ruch HTTP, który normalnie trafiałby do zdalnego serwera.

ARCHITEKTURA WORDPRESS PLAYGROUND W PRZEGLĄDARCE:
+-------------------------------------------------------------+
| Przeglądarka (Chrome / Firefox / Safari / Edge)             |
|                                                             |
| +-------------------------+     +-------------------------+ |
| | Interpreter PHP         | <-> | Baza SQLite przez       | |
| | w WebAssembly (.wasm)   |     | warstwę SQLite Integr.  | |
| +-------------------------+     +-------------------------+ |
|              ^                                              |
|              | Żądania HTTP obsługiwane                     |
|              v przez Service Worker                         |
| +---------------------------------------------------------+ |
| | Pliki rdzenia WordPressa + motywy + wtyczki             | |
| +---------------------------------------------------------+ |
+-------------------------------------------------------------+

Każda wersja PHP to osobny statyczny plik .wasm, więc zmiana wersji PHP oznacza tylko pobranie innego pliku binarnego.

#Do czego zespoły używają WordPress Playground

WordPress Playground od 2023 roku rozrósł się w narzędzia, z których zespoły deweloperskie korzystają na co dzień:

1. Podglądy pull requestów: oficjalna akcja WordPress Playground PR Preview Action dodaje do pull requestów wtyczek i motywów przycisk podglądu, dzięki któremu recenzent testuje zmianę w przeglądarce jednym kliknięciem.
2. Dema dla klientów z Blueprintu: Blueprint to plik JSON opisujący wersję WordPressa, wersję PHP, wtyczki i kroki konfiguracji. Dokumentacja Playground pokazuje, jak wczytać go parametrem ?blueprint-url= w adresie.
3. Testy end-to-end: dokumentacja Playground zawiera przewodnik po uruchamianiu testów Playwright na instancji Playground, więc testy nie potrzebują wspólnej bazy stagingowej.

<!-- Osadzenie instancji Playground skonfigurowanej plikiem Blueprint JSON -->
<iframe
  src="https://playground.wordpress.net/?blueprint-url=https://example.com/blueprints/staging-test.json"
  width="100%"
  height="650"
  class="rounded-xl border border-gray-200"
  loading="lazy"
></iframe>

#Tworzenie natywnych bloków Gutenberga i hooki w OOP

Dawid Urbański pokazał, jak zacząć tworzyć natywne bloki do edytora Gutenberg. Według opisu sesji przeszedł przez instalację WordPressa, przygotowanie motywu, dodanie plików JavaScript, instalację pakietu @wordpress/scripts, budowanie bloków z dostępnych komponentów, a następnie zbudowanie bloku i dodanie go do strony w edytorze. Trzymał się prostych przykładów, żeby cały proces był czytelny.

W nowym projekcie oficjalnie wspieranym punktem startu jest @wordpress/create-block. Narzędzie tworzy szkielet wtyczki rejestrującej blok, generuje PHP, JavaScript i CSS oraz podłącza ten sam proces budowania bez konfiguracji.

Prelekcja Piotra Niewiadomskiego OOP hook cares dotyczyła znanej uciążliwości obiektowego kodu w WordPressie: ręcznego rejestrowania każdej metody przez add_action() i add_filter(). Przedstawił bibliotekę, która automatycznie podpina metody klas do odpowiednich filtrów i akcji.

#Jak przyspieszyć WP_Query i utrzymać stabilność projektów zespołowych

Przemek Hernik wystąpił dwa razy. Jego prelekcja na ścieżce głównej nosiła tytuł Jak przyspieszyć WP_Query nawet 100 razy podejmując proste decyzje projektowe. Według opisu chodziło o to, że decyzje architektoniczne podjęte przed napisaniem pierwszej linii kodu przesądzają o szybkości wtyczki czy dedykowanego rozwiązania dla klienta. Adresował ją do twórców wtyczek i deweloperów budujących rozwiązania na zamówienie.

Krystian Wójcik mówił o tym, jak zmniejszyć liczbę błędów w projektach zespołowych. Omówił wyzwania stojące przed zespołami deweloperskimi, ujednolicanie środowiska pracy tak, by każdy deweloper pracował na tej samej konfiguracji, oraz powody, dla których całe środowisko powinno być w Gicie.

Prelekcja Sebastiana Kurzynowskiego Żuczki, Misie i kaizen przekonywała, że warto ufać sobie i ludziom, z którymi się pracuje. Opowiedział o strukturze zespołu, praktykach, rozwoju i automatyzacji.

#Optymalizacja obrazków, techniczne SEO i LCP w WordPressie

Mateusz Gbiorczyk pokazał krok po kroku, jak zmniejszyć wagę strony na WordPressie bez utraty jakości obrazów.

Moment był trafny. WordPress 6.3, wydany kilka tygodni przed konferencją, zmienił sposób obsługi obrazów w rdzeniu. Notatka zespołu wydajności rdzenia mówi, że WordPress dodaje teraz fetchpriority="high" do obrazu, który najprawdopodobniej jest elementem LCP, co “zwykle poprawia LCP o 5-10%” (WordPress Core, Image performance enhancements in WordPress 6.3, tłumaczenie własne). To samo wydanie naprawiło pozostałe przypadki, w których rdzeń leniwie ładował obrazy widoczne w obszarze ekranu, i przeniosło oba atrybuty do jednej funkcji, wp_get_loading_optimization_attributes(). Motywy i wtyczki z własnymi nadpisaniami lazy loadingu wymagały przeglądu po 6.3.

Prelekcja Leny Sędkiewicz Przejdź na zieloną stronę mocy: optymalizacja WordPressa z wykorzystaniem technicznego SEO dotyczyła technicznego SEO. Zaczęła od znanych objawów: strona ładuje się za wolno, użytkownik nie może znaleźć tego, czego szuka, często trafia na błąd 404, a bywa też, że użytkownicy są zadowoleni, ale Google strony nie widzi. Omówiła techniczne rozwiązania w WordPressie, które dają stronie szansę na wyższe pozycje w wynikach wyszukiwania.

Więcej o nowoczesnych formatach przeczytasz w naszym przewodniku po AVIF i WebP w WordPressie.

#Cache WordPressa jako strony statycznej

Prelekcja Maxa Matłoki Till infinity and beyond: cache’owanie bez daty ważności opisywała, jak przekształcić tradycyjną stronę na WordPressie w stronę statyczną. Opis sesji podkreśla znaczenie tego podejścia dla wydajności i skalowalności, a Max omówił też jego wady i wyzwania.

Tomasz Lach spojrzał na optymalizację od strony biznesu. Punkt wyjścia: motywy, wtyczki, development, sprzedaż i finanse wydawały się w porządku, a on był zadowolony. Potem okazało się, że drobne, nieoczywiste zmiany przyniosły duże efekty w jego pracy z WordPressem i w całym biznesie.

Tomasz Kołkiewicz opowiedział historię tworzenia komercyjnych produktów w odpowiedzi na własne potrzeby i spostrzeżenia oraz pokazał kilka sposobów, w jakie optymalizuje własną pracę i biznes.

#Import produktów do WooCommerce z pliku CSV

Piotr Misztal poprowadził 90-minutowe warsztaty z importu produktów do WooCommerce za pomocą importera wbudowanego w samo WooCommerce. Uczestnicy przygotowywali plik importu w arkuszu kalkulacyjnym (Excel, Calc, Numbers albo Arkusze Google) zgodnie ze standardowym mapowaniem kolumn WooCommerce, poprawnie zapisywali go jako CSV i importowali. Warsztaty objęły typy produktów, ustawienia dodatkowe, opisy, ceny, zdjęcia, warianty, kategorie, tagi, niestandardowe taksonomie, atrybuty i dane zserializowane. Pokazały też, jak tą samą metodą szybko aktualizować istniejące produkty.

Aktualna dokumentacja importera CSV WooCommerce uzupełnia szczegóły. Importer dopasowuje istniejące produkty po ID albo SKU i pomija niedopasowane ID. Obsługuje typy simple, variable, grouped, external, variation, virtual i downloadable. Nierozpoznane kolumny są pomijane, ale pola niestandardowe można zaimportować z prefiksem meta: w nagłówku. Zdjęcia muszą być już wgrane albo dostępne pod adresem URL, a importer z rdzenia nie ustawia tekstu alternatywnego obrazów. Duże pliki mogą nie przejść w jednym żądaniu, więc dokumentacja zaleca dzielenie ich na partie.

Rafał Chrzan przedstawił case study połączenia WooCommerce z Full Site Editing na bazie Sage 10. Tematem było to, jak zespół, który ma już design system, może szybciej budować dedykowane projekty e-commerce.

#Wtyczka GPT do pisania i publikowania wpisów w WordPressie

Prelekcja błyskawiczna Magdaleny Paciorek nosiła tytuł Niech GPT pisze i publikuje za Ciebie. Wyjaśniła, jak zbudować wtyczkę, która automatycznie publikuje wpisy blogowe w WordPressie z użyciem modelu GPT. Wtyczka pobiera teksty źródłowe, używa GPT do ich klasyfikacji i ekstrakcji danych, a następnie generuje z tych danych nowe artykuły na bloga.

#Hosting współdzielony czy dedykowany i RODO

Wojciech Babicz mówił o powierzeniu danych osobowych w hostingu. Punkt wyjścia: każdy, kto prowadzi sklep internetowy, stronę z formularzem, skrzynkę mailową albo ma dostęp do hostingu klienta, przetwarza dane osobowe. RODO weszło w 2018 roku, zainteresowanie z czasem opadło, a wiele firm nadal nie wie, dokąd trafiają dane osobowe ani jakie dane same posiadają. Podsumował, co zrobić, żeby w zakresie hostingu i przetwarzania danych działać zgodnie z prawem. Podstawą prawną jest art. 28 RODO, według którego “przetwarzanie przez podmiot przetwarzający odbywa się na podstawie umowy lub innego instrumentu prawnego, które podlegają prawu Unii lub prawu państwa członkowskiego” (RODO, art. 28 ust. 3, tłumaczenie własne).

Patryk Szymulewski zamknął dzień tematem hostingu współdzielonego i dedykowanego. Porównał cenę, wydajność i kontrolę, wyjaśnił, kiedy wystarczy tańszy hosting współdzielony, a kiedy opłaca się serwer dedykowany, kiedy warto zainwestować w ochronę przed atakami DDoS i jak zabezpieczyć stronę bez dużego budżetu.

Maciek Palmowski zapytał, czy headless WordPress ma sens. Wiele artykułów i firm przedstawia headless jako jedyną słuszną drogę dla WordPressa, a jego prelekcja zestawiła to twierdzenie z możliwością, że to po prostu kolejny sposób na sprzedaż usług.

#Laravel Blade w WordPressie i maszyny stanu w JavaScript

W drugiej sali odbyły się jeszcze trzy warsztaty. Zapisy ruszyły 4 września 2023, a organizatorzy uprzedzali, że spóźnieni stracą miejsca na rzecz osób z listy rezerwowej.

#Szablony Blade w motywie WordPress

75-minutowe warsztaty Przemka Hernika tłumaczyły, dlaczego warto spróbować systemów szablonów przy tworzeniu wtyczek i dedykowanych motywów, na przykładzie Laravel Blade. Uczestnicy wdrażali Blade we własnej bazie kodu w kilku krokach. Wymagania to czysta instalacja WordPress 6.3, PHP w wersji co najmniej 8.1 i Composer w wersji co najmniej 2.5. Widok Blade trzyma zapytania i logikę poza znacznikami:

{{-- resources/views/archive-product.blade.php --}}
@extends('layouts.app')

@section('content')
  <header class="catalog-header py-8">
    <h1 class="text-3xl font-bold">{{ $categoryTitle }}</h1>
    <p class="text-gray-600">{{ $categoryDescription }}</p>
  </header>

  <div class="product-grid grid grid-cols-1 md:grid-cols-3 gap-6">
    @forelse($products as $product)
      @include('components.product-card', ['item' => $product])
    @empty
      <div class="alert alert-info">
        <p>{{ __('Brak produktów spełniających wybrane kryteria.', 'wppoland') }}</p>
      </div>
    @endforelse
  </div>

  <div class="pagination-wrapper mt-8">
    {!! $paginationLinks !!}
  </div>
@endsection

#Budowa motywu blokowego w Full Site Editing

Warsztaty Marcina Krzemińskiego wprowadzały w Full Site Editing i motywy blokowe. Celem było zbudowanie pełnego motywu w edytorze bez pisania ani jednej linijki kodu. Były otwarte dla każdego poziomu, a jedynym wymaganiem była podstawowa znajomość WordPressa i edytora bloków. Uczestnicy potrzebowali komputera, przeglądarki i lokalnego środowiska deweloperskiego albo, zamiast niego, darmowego konta InstaWP.

#Maszyny stanu w JavaScript z XState

Warsztaty Sebastiana Kurzynowskiego wprowadzały w maszyny stanu w JavaScript. Uczestnicy potrzebowali Visual Studio Code i zainstalowanego XState. XState opisuje się jako biblioteka do zarządzania stanem i orkiestracji dla JavaScript i TypeScript bez zależności, oparta na programowaniu sterowanym zdarzeniami, maszynach stanu, statechartach i modelu aktorów. Maszyna stanu pozwala komponentowi być w dokładnie jednym zdefiniowanym stanie naraz, na przykład IDLE, VALIDATING, SUBMITTING, SUCCESS albo ERROR, co wyklucza takie połączenia jak jednoczesne wyświetlanie wskaźnika ładowania i komunikatu o błędzie.

#Nagrania i prezentacje z WordCamp Gdynia 2023

Wszystkie 16 prelekcji ze ścieżki głównej zostało nagranych. 3 października 2023 organizatorzy ogłosili, że prezentacje są dostępne na kanale YouTube WordPress Trójmiasto, a 12 października opublikowali listę nagrań, po jednym na każdą prelekcję. Lista obejmuje prelekcje ze ścieżki głównej.

Wydarzenie sfinansowali sponsorzy. Sponsorami złotymi byli smarthost.pl, cyberFolks.pl, Fooz, statik space, White Label Coders i wpappointments, a WPPoland znalazło się wśród partnerów.

#Wnioski z WordCamp Gdynia 2023 dla zespołów deweloperskich

WordCamp Gdynia 2023 NextGen pokazał, że jednodniowy WordCamp z jednym tematem potrafi wypełnić dwie sale praktycznym materiałem. Playground działający w przeglądarce, importy CSV zrobione porządnie narzędziami, które WooCommerce już ma, szablony Blade oddzielające logikę od znaczników oraz rzetelne spojrzenie na headless i wybór hostingu łączy jedno pytanie: gdzie ucieka czas i co można wyciąć.

Dla Trójmiasta, gdzie działają spotkania WordUp Trójmiasto, organizacja ogólnopolskiej konferencji tej wielkości była efektem lat pracy osób prowadzących lokalną społeczność. Bezpośredni kontakt z twórcami narzędzi takich jak WordPress Playground łączy lokalny rynek z globalnym rozwojem open source.

Dla deweloperów i liderów technicznych takie wydarzenia to najlepszy sposób, by porównać własny proces wytwarzania z innymi zespołami i uniknąć kosztownych błędów architektonicznych.

Jeśli planujesz zaawansowany serwis, optymalizację dużego sklepu WooCommerce albo przejście na motyw blokowy, skontaktuj się z naszym zespołem WordPress.