# Metrotile i Tilcor: modernizacja i Umbraco Cloud \| Idea Makers Canonical URL: Przejęliśmy dwie strony producenta pokryć dachowych: przeniesienie do Umbraco Cloud, jedna baza kodu dla obydwu marek, zero przestoju, strony lżejsze o 91%. Klient IKO Metals Europe Branża Producent pokryć dachowych Zakres Modernizacja, Umbraco Cloud, wspólna baza kodu Czas trwania Od wiosny 2025 1 baza kodu dla dwóch marek zamiast dwóch osobnych repozytoriów 16 wersji stron: po 8 na markę, wersja międzynarodowa i 7 krajowych \< 5 GB mediów na stronę po uporządkowaniu bibliotek 96,6 średni wynik wydajności Lighthouse na desktopie, 10 kluczowych stron ## Wyzwanie W 2025 roku odpowiedzialność za europejskie strony Metrotile i Tilcor przejął europejski zespół IKO Metals, który szukał nowego partnera Umbraco. Po rozmowach z różnymi agencjami wybrał Idea Makers. Przejęliśmy utrzymanie i dalszy rozwój obydwu stron, a modernizacja okazała się bardziej wymagająca niż zwykle. ## Co zrobiliśmy ### Fundament pod naszą kontrolą Na start przejęliśmy i uporządkowaliśmy kod obydwu stron, przenieśliśmy go do Umbraco Cloud i zautomatyzowaliśmy wdrożenia. Dotychczasowe strony działały w tym czasie bez zmian. ### Migracja narzędziami Umbraco Treści przenieśliśmy przez Umbraco Deploy z użyciem własnych konektorów i konwerterów, bez ręcznego przepisywania i bez ryzyka utraty danych. ### Rozdzielone media Sprawdziliśmy, których plików używa każda marka, uporządkowaliśmy osobne biblioteki Metrotile i Tilcor oraz usunęliśmy nieużywane media. Po uporządkowaniu każda strona zajmuje mniej niż 5 GB, co ogranicza zapotrzebowanie na przestrzeń i koszty hostingu w Umbraco Cloud. ### Dokończone funkcje Dokończyliśmy to, czego brakowało w nowej wersji, naprawiliśmy to, co nie działało, i przeszliśmy przez zgłoszenia z testów akceptacyjnych. Uzupełniliśmy też podstawy techniczne SEO. ### Wydajność Dwa tygodnie po starcie pierwszej marki zoptymalizowaliśmy wspólny kod: obrazy i zasoby, ładowanie, renderowanie i aplikację. Średnia waga strony spadła z 10,8 MB do 0,9 MB. ### Przełączenie bez przestoju Nowe wersje uruchamialiśmy dopiero, gdy były w pełni gotowe. Metrotile ruszyło w październiku 2025, Tilcor w lutym 2026. ## Jedna baza kodu, dwie marki Wspólny kod dla wielu stron Umbraco Cloud oferuje w ramach dodatkowej subskrypcji. My osiągnęliśmy ten sam efekt bez dodatkowych kosztów licencyjnych. Schemat: jeden kod strony dla Metrotile i Tilcor, testowany przed wdrożeniem, potem konfiguracja każdej marki z jej logo i ustawieniami, a na końcu dwa Umbraco Cloud z własnymi treściami, zdjęciami i panelem redakcyjnym Jeden kod strony, dwie marki, osobne Umbraco Cloud - Jeden wspólny kod dla obydwu stron, każda w wyglądzie i ustawieniach swojej marki\. - Poprawki i nowe funkcje przygotowujemy raz, a korzystają z nich obydwie marki\. - Każda marka ma osobne treści, media i panel redakcyjny\. ### Dwa repozytoria Ten sam kod w osobnym repozytorium dla każdej marki. - Każda poprawka robiona dwa razy ### Jedno repozytorium Wspólny kod, a treści, media i dane każdej marki osobno. - Zmiana przygotowywana raz dla obydwu marek - Trafia na obydwie marki z kolejnym wdrożeniem - Automatyczne wdrożenia Zespół IKO Metals nadal decyduje dla każdej marki osobno, czy i kiedy zmiana trafia na stronę, a marki nigdy nie współdzielą treści ani danych. metrotile.eu tilcor.eu Ten sam kod i te same szablony, dwie marki: strona główna metrotile.eu i tilcor.eu. ## Przed i po Obszar Przy przejęciu Dziś Zmiana Stan przy przejęciu \(wiosna 2025\) i dziś. ### Platforma Starsza wersja Aktualna wersja wspierana ### Hosting Własny serwer Umbraco Cloud chmura ### Repozytoria kodu 2 1 zmiana raz ### Media \~16 GB \< 5 GB na stronę ## Wydajność Nie zaczynaliśmy od czystej karty. Przygotowana wcześniej nowa wersja miała wprawdzie lepszy wynik na desktopie niż dotychczasowa strona, ale była cięższa, a na telefonach główna treść pojawiała się średnio po 30 sekundach zamiast 7. Po naszej optymalizacji strona jest szybsza od obydwu wersji. Obydwie marki działają na tym samym kodzie i szablonach, więc wyniki dotyczą obydwu stron. Lighthouse Dotychczasowa strona Po naszej optymalizacji ### Wydajność, desktop 68 97 ### Wydajność, mobile 63 80 **Krok 1 · dotychczasowa strona a nowa wersja przed optymalizacją** Metryka Dotychczasowa strona Nowa wersja przed optymalizacją Zmiana Lighthouse, testy laboratoryjne tych samych 10 stron, 1 października 2025: dotychczasowa strona i nowa wersja przed startem. ### Wynik wydajności 67,5 84,8 ↑ \+17,3 pkt ### Wynik wydajności 63,3 63,9 ↑ \+0,6 pkt ### Średnia waga strony 7,4 MB 11,9 MB ↓ \+61% · pogorszenie ### Largest Contentful Paint 6,8 s 30,5 s ↓ \+349% · pogorszenie **Krok 2 · nowa wersja a nasza optymalizacja** Metryka Nowa wersja przed optymalizacją Po optymalizacji Zmiana Lighthouse, testy laboratoryjne 10 kluczowych stron, 3 pomiary na stronę i urządzenie, 17 października 2025. Średnie wyniki wydajności: desktop 83,4 → 96,6, mobile 64,7 → 80,1. ### Strony z wynikiem 90+ 3 9 ↑ \+6 ### Średnia waga strony 10,8 MB 0,9 MB ↓ −92% ### Largest Contentful Paint 3,00 s 1,15 s ↓ −62% ### Largest Contentful Paint 43,4 s 4,7 s ↓ −89% Strona główna i „Why Metrotile” osiągnęły na desktopie wynik 100. Najcięższa strona, Inspiration, zeszła z 28,5 MB do poniżej 1 MB, a czas ładowania na telefonie z około dwóch minut do 4 sekund. ## Jak pracowaliśmy ### Początek współpracy wiosna 2025 Pierwsze rozmowy, akceptacja oferty i umowa serwisowa. ### Migracja Metrotile lipiec 2025 Zamrożenie treści, migracja i start testów akceptacyjnych. ### Poprawki i wspólny kod sierpień–wrzesień 2025 Poprawki z testów i jedno repozytorium dla obydwu marek. ### Start nowej metrotile.eu październik 2025 Przełączenie bez przestoju, dwa tygodnie później optymalizacja wydajności. ### Migracja Tilcor listopad 2025 – styczeń 2026 Przeniesienie treści i poprawki. ### Start nowej tilcor.eu luty 2026 Druga marka na wspólnym kodzie, bez przestoju. ### Stała opieka od lutego 2026 Wsparcie i hosting, aktualizacje Umbraco, nowe funkcje. ## Dlaczego to zadziałało ### Najpierw stabilizacja, potem zmiany Najpierw uporządkowaliśmy i zabezpieczyliśmy przejęty kod, a dopiero potem zaczęliśmy go rozwijać. Dotychczasowe strony działały, dopóki nowe nie były gotowe. ### Tylko wspierane narzędzia Do migracji wykorzystaliśmy Umbraco Deploy dostępne w ramach licencji Umbraco Cloud. Przygotowaliśmy własne konektory i konwertery do przeniesienia treści, a następnie zweryfikowaliśmy wyniki. Migrację mogliśmy powtarzać i przećwiczyć przed startem. ### Jedna marka naraz Metrotile poszło pierwsze. Wszystko, czego się tam nauczyliśmy, od mapowania treści po poprawki wydajności, było już we wspólnym kodzie, gdy przyszła kolej na Tilcor. ### Najpierw pomiar, potem optymalizacja Przed startem porównaliśmy nową wersję z dotychczasową stroną, więc klient widział dokładnie, co się zmieniło i dlaczego. Strony główne metrotile.eu i tilcor.eu na dwóch telefonach: ten sam układ w barwach każdej z marek metrotile.eu i tilcor.eu na telefonie · ten sam kod ## Słowo od klienta > To, co zaczęło się od zwykłej rozmowy telefonicznej, przerodziło się w partnerstwo, które naprawdę zmienia obecność IKO Metals w świecie cyfrowym. \[…\] Współpraca z Idea Makers przypomina pracę z naszym własnym zespołem. Poważnie traktują każde wyzwanie, duże i małe, komunikują się otwarcie, dotrzymują obietnic i często dają od siebie coś więcej, co naprawdę robi różnicę. Adam Wielgołaski Marketing Coordinator Europe, IKO Metals Europe NV ## Co dalej Po migracji praca przeszła z fazy naprawiania na fazę rozwijania. Kolejnym krokiem jest aktualizacja obydwu stron do najnowszej wersji Umbraco, nad którą już pracujemy z klientem. Dzięki wspólnej bazie kodu to jedna aktualizacja dla obydwu marek. Pracujemy też z zespołem IKO Metals nad nowymi narzędziami dla odwiedzających. ### Chcesz przejść na Umbraco Cloud albo zaktualizować Umbraco do 17? Opisz krótko, na jakiej wersji Umbraco działa Twoja strona i ile ma wersji językowych. Podpowiemy, od czego zacząć i ile to potrwa. - Umbraco Cloud - Umbraco 17 [Porozmawiajmy](https://ideamakers.pl/kontakt.md) [Migracja z Umbraco 13](https://ideamakers.pl/migracja-umbraco-13.md) Dwie marki, jedna baza kodu Dla IKO Metals Europe przejęliśmy utrzymanie i dalszy rozwój stron Metrotile i Tilcor: modernizacja obydwu stron i przeniesienie do Umbraco Cloud, jedna wspólna baza kodu dla dwóch marek, znacznie lepsza wydajność i stała opieka. IKO Metals Europe 2025–2026 Producent pokryć dachowych Od wiosny 2025, w toku Strona główna metrotile.eu z hasłem Made for a safe and long life i zdjęciem domu z dachem Metrotile metrotile.eu · nowa wersja w Umbraco Cloud od października 2025