CYONE SECURITY

OPIS PROJEKTU

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 "Themes". 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 stron docelowych (landing pages), stron internetowych (website pages) i blogów postó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.

CELE PROJEKT

• Podniesienie standardów 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 "dield-ów" 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 mają być ł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.

EFEKT KOŃCOWY

• Wprowadziliśmy rozwiązania optymalizujące wydajność kodu aplikacji i szybkości ł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.
  
  
• Stworzyliśmy 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. Zmniejszyliśmy również 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.
  
  
• Wykorzystaliśmy "lazy load" do ładowania grafiki na stronach. Poprawia to szybkość ładowania strony oraz LCP i TID w optymalizacji SEO.