Nowe, przepisane strony WWW (Wizytówki)
Elementy wizytówek podlegają ciągłym zmianom i optymalizacji, starając się sprostać wymaganiom obecnych czasów i trendów panujących wśród użytkowników, stąd też nasze najważniejsze priorytety to w głównej mierze praca nad usability experience (UX) użytkowników. Praca nad rozwojem wizytówek nie kończy się niemalże nigdy. Z tego powodu właśnie postanowiliśmy przebudować podstawową strukturę kodu naszych wizytówek i dodać najnowsze rozwiązania optymalizacyjne.
Oprócz podejścia mobile first przy UI, skupiliśmy się także na wydajności i osiągach, badania pokazują, że głównym czynnikiem porzuceń jest w pierwszej kolejności szybkość ładowania się strony. Nasza najnowsza wersja szablonu standard wizytówek, poddana została kompletnemu refactoringowi (bardzo wydajej optymalizacji kodu).
Nowa wersja szablonu wizytówek jest zupełnym przełomem na rynku, stawiając poprzeczkę bardzo wysoko w kwestii optymalizacji i osiąganych wyników.
Zaprojektowana na nowo staje się od dzisiaj normą w systemie booking IAI.
Z najważniejszych punktów na które warto zwrócić tu uwagę to czas jaki zajmuje oczekiwanie na wyrenderowanie treści (około 1,5 sekundy) jak i samą szybkość wczytywania wizytówki na komputerze. Aby to zniwelować wykonaliśmy m.in takie prace jak:
zminimalizowanie zapytań do serwera (o ok. 42%)
- odchudzenie wagi plików (o ok. 51%)
- zminimalizowanie wagi skryptów Javascript (o ok. 77%)
- zminimalizowanie pliku arkuszy styli CSS (o ok. 80%)
- przyspieszenie działania skryptów Javascript (o ok. 33% szybciej!)
Jak widać po powyższych danych osiągnięte wyniki są bardzo imponujące. Praktycznie w każdym obszarze zanotowaliśmy olbrzymi skok, co łącznie pozwala zanotować wzrost wskaźnika performance (wg Google PageSpeed Insight) do poziomu 98%.
CZEMU TO JEST TAK WAŻNE?
Pod koniec lipca 2018 roku Google wprowadził aktualizację algorytmu Pagespeed i oznaczył ją jako ważny czynnik rankingowy w wyszukiwarkach mobilnych, kolejna zmiana miała miejsce w listopadzie 2018 roku, opierając ocenę na silniku Lighthouse
Oznacza to, że dzięki temu, iż strona działa szybciej, np. na smartfonie, znajduje się wyżej w rankingu wyszukiwarek. Do tej pory szybkość strony traktowana była jedynie jako zalecenie m.in Google, natomiast od lipca stała się pełnoprawnym czynnikiem decydującym o miejscu witryny w rankingu wyszukiwarek mobilnych.
NOWA STRUKTURA KODU SZABLONU
Optymalizacja pod kątem szybkości to nie wszystkie nowości jakie wprowadziliśmy do nowej wersji. Zupełną nowością jest kompletna przebudowa struktury kodu wizytówki, który przygotowany jest dla naszych klientów niezwykle elastycznym środowisku S.M.A.R.T.Y.
Dzięki czemu każdy, kto choć trochę czuje się deweloperem, może we własnym zakresie zmodyfikować wygląd wizytówki.
Kod został gruntownie uporządkowany oraz podzielony na “komponenty”, dzięki czemu włączanie czy odłączanie całych sekcji jest od teraz bardzo proste. Dodatkowa zaleta takiego podziału to reużywalność takich komponentów pomiędzy nowych wizytówkami, dzięki czemu możliwe staje się opracowanie np. wersji, posiadającej wszystkie przydatne sekcje z każdej z wersji wizytówek.
Jesteśmy niezmiernie dumni mogąc pochwalić się naszą praca oraz osiąganymi wynikami. Jesteśmy przekonany, że ta zmiana będzie miała ogromny wpływ na sposób funkcjonowania przyszłych i obecnych wizytówek, ich pozycję w wynikach wyszukiwania Google, a przede wszystkim na satysfakcję użytkowników..
Jeżeli korzystasz z indywidualnego szablonu i chciałbyś przenieść usprawnienia z nowej wersji wizytówki, informujemy, że z uwagi na powyższe zmiany w strukturze kodu, nie będą one możliwe do przeprowadzenia w prosty i szybki sposób. Zmiany są na tyle głębokie i obszerne, że zalecamy w takim przypadku przeprowadzenie pełnego redesignu. Takie zmiany możesz nam zlecić korzystając z Biura Obsługi Klienta.