6-krotne przyspieszenie serwisu korporacyjnego na Umbraco dla Instant Group

Oprócz głównej platformy na Sitecore do wyszukiwania i wynajmu biur, The Instant Group prowadzi serwis informacyjny oparty na Umbraco – otwartoźródłowym systemie CMS na ASP.NET Core.

Portal nie spełniał jednak oczekiwań pod względem wydajności. Strony ładowały się aż przez 5,5 sekundy, a użytkownicy mobilni trafiali na błędy, mimo że serwis był responsywny. Problemy z wyświetlaniem w różnych przeglądarkach podbijały współczynnik odrzuceń, a dużym minusem był też brak wielojęzyczności.

Ponieważ sprawdziliśmy się już przy modernizacji i utrzymaniu platformy Real-Estate Marketplace, The Instant Group powierzyło nam również swój portal na Umbraco. Zespół złożony z deweloperów back-end i front-end oraz inżyniera QA pracował w metodyce Agile, stawiając na częste i regularne wdrożenia.

Refaktoryzacja i przejście na Reacta

Prace rozpoczęliśmy od dokładnego audytu kodu i architektury. Ponieważ serwis opierał się na przestarzałych i wolnych technologiach, zdecydowaliśmy się na gruntowną refaktoryzację.

Po usprawnieniu back-endu odświeżyliśmy interfejs, zastępując stary jQuery Reactem — bez naruszania kluczowej logiki biznesowej. Aby dodatkowo podbić wydajność, wdrożyliśmy renderowanie po stronie serwera (SSR) z wykorzystaniem Reacta, Webpacka i TypeScriptu.

Optymalizacja UI i multimediów

Klient zdecydował się również na pełny redesign strony, dlatego do zespołu dołączył projektant UI/UX. Prace objęły audyt struktury treści oraz interfejsu, a następnie stworzenie i wdrożenie nowej koncepcji wizualnej.

Podczas audytu wyszło też na jaw, że ogromnym obciążeniem dla serwisu były niezoptymalizowane, zbyt duże zdjęcia. Zautomatyzowaliśmy więc konwersję wszystkich dotychczasowych grafik na lżejszy format WebP i stworzyliśmy dedykowaną wtyczkę do Umbraco, która automatycznie optymalizuje nowo wgrywane pliki.

Migracja do Umbraco 8 i obsługa wielu języków

Początkowo serwis The Instant Group posiadał osobne wersje dla Wielkiej Brytanii i USA oparte na dwóch niemal identycznych drzewach stron. Klient chciał dodać kolejne języki, jednak Umbraco 7 mocno to ograniczał. Aby rozwiązać problem, przenieśliśmy stronę do Umbraco 8, które natywnie wspiera wielojęzyczność. W ramach tej aktualizacji zmigrowaliśmy treści, uporządkowaliśmy strukturę serwisu, zaktualizowaliśmy kod i skonfigurowaliśmy kluczowe przekierowania.

Dalszy rozwój platformy

W trakcie wieloletniej współpracy stale rozwijaliśmy serwis o nowe możliwości. Do najważniejszych zadań należały:

• Tworzenie nowych szablonów i komponentów.
• Wdrożenie nowej wyszukiwarki.
• Integracja z Salesforce.
• Stworzenie modułu analityki marketingowej do obsługi formularzy.

Dzięki współpracy z SaM Solutions serwis The Instant Group stał się szybszy, skalowalny i bardziej przyjazny dla użytkowników. Najważniejsze rezultaty:

• Skrócenie czasu ładowania z 5,5 do 0,9 sekundy (6-krotne przyspieszenie).
• Przejście na nowocześniejsze Umbraco 8.
• Bezproblemowe działanie na telefonach i w różnych przeglądarkach.
• Odświeżony interfejs wydłużający czas wizyt na stronie.
• Dodanie 4 nowych wersji językowych.
• Integracja z Salesforce usprawniająca przepływ danych.
• Nowe funkcje i elastyczność pod dalszą rozbudowę.