CyOne Security to firma zajmująca się cyberbezpieczeństwem, której misją jest uczynienie Szwajcarii najbezpieczniejszym krajem poprzez dostarczanie koncepcji i rozwiązań w kategorii cyberbezpieczeństwa.
Project overview
Mając na celu podniesienie standardów SEO i poprawę wydajności strony, ClickRay i CyOne podjęły ważne kroki w celu migracji istniejących stron, które były oparte na starszej technologii Template, do nowej technologii HubSpot Theme. Głównym celem było stworzenie wspólnego źródła, jakim jest Theme, z modułami typu drag-and-drop, umożliwiającymi elastyczne tworzenie treści, które wykraczają poza ograniczone możliwości szablonów.
Ważnym punktem w pracy był fakt, że Klient posiadał już około 400 landing page'y, stron internetowych i blogów. Z tego powodu w naszej pracy z Klientem ważne były nie tylko prace programistyczne, ale również proces aktualizacji istniejących stron Klienta.
ZWIĘKSZONA WYDAJNOŚĆ STRONY INTERNETOWEJ
95+
PROJECT GOALS
Podniesione standardy SEO i zoptymalizowanie kodu pod kątem parametrów mierzących wydajność strony, w tym Lighthouse i Google Page Speed.
Przebudowa modułów pod kątem technologii drag-and-drop.
Standaryzacja "Field"ow i znalezienie najlepszych możliwych rozwiązań dla zarządzania modułami opartymi na technologii "Themes"
Ograniczenie styli globalnych i skryptów na rzecz zamkniętego kodu w zakresie modułu.
Ograniczenie skryptów. Niezbędne biblioteki i skrypty są ładowane podczas korzystania z modułu.
Skompresowanie JQuery i niezbędne pliki CSS, aby zmniejszyć rozmiar skryptów.
Implementacja "Lazy Load" jako rozwiązanie poprawiające szybkość ładowania treści.
Project results
Wprowadzenie rozwiązań optymalizujących wydajność kodu aplikacji i szybkość ładowania strony w oparciu o moduły. Szybsze ładowanie skryptów i zasobów strony pozwala uzyskać wynik do 96 w testach wydajnościowych.
Moduły zostały przebudowane pod kątem technologii drag-and-drop, każdy moduł jest w pełni niezależny. Moduły można więc umieszczać w dowolnym miejscu na stronie, niezależnie od użytego szablonu i rodzaju strony, na której się je stosuje.
Przemyślany układ treści w ramach modułu, oparty na wspólnym podejściu do grupowania treści. Dzięki temu moduł jest łatwy w zarządzaniu i przejrzysty. Zmniejszenie liczby modułów poprzez zwiększenie opcji wyboru i zarządzania w ramach modułu, co pozwala na generowanie większej liczby układów.
Kod modułu został rozdzielony na niezależne części. Dzięki temu na stronę ładowane są tylko treści niezbędne dla danego modułu. Dzięki wyeliminowaniu globalnych stylów i skryptów zmniejsza się rozmiar Twoich stron, co przekłada się na lepsze wyniki w testach wydajnościowych aplikacji.
Zewnętrzne skrypty i biblioteki używane na stronach są ładowane tylko wtedy, gdy używany jest moduł, dla którego takie zasoby są wymagane do poprawnego działania. Pozwala to uniknąć obciążania aplikacji zasobami, które mogą nie być wykorzystywane na stronach.
Wykorzystanie lazy load do ładowania grafiki na stronach. Poprawia to szybkość ładowania strony oraz LCP i TID w optymalizacji SEO.
