isystems zdjecia

Firma i-systems stworzyła rozwiązanie, które pozwoli szybciej załadować treść dla użytkowników korzystających z urządzeń mobilnych.

Do niedawna wszystkie banery, grafiki i zdjęcia były wczytywane responsywnie, co oznacza że skalowały się automatycznie, dostosowując się do rozmiaru ekranu. Jednak rozmiar obrazka pozostawał wówczas taki sam, niezależnie od urządzenia.

Na przykład: na smartfon ładowany był obrazek o dużym rozmiarze, a czas ładowania mógł się przez to wydłużać. Poza tym, Responsive Web Design stało się już standardowym rozwiązaniem, dlatego w i-systems powstało jego kolejne autorskie ulepszenie.

Szybciej znaczy lepiej

Obecnie, wprowadzona została zmiana, polegająca na dedykowanym ładowaniu zdjęć produktów, jak i wszelkich obrazów w sklepie online, dostosowanym do konkretnego urządzenia mobilnego. Dzięki temu, sklep internetowy wczytuje się znacznie szybciej na urządzeniach mobilnych, ponieważ ładowane są mniejsze obrazy, odpowiednie do wielkości ekranu.

Dla przykładu można porównać badania przeprowadzone na stronie kategorii wyświetlającej 48 produktów. W przypadku wagi strony kategorii na desktopie wynoszącej 2,7 MB, po optymalizacji, na urządzeniu mobilnym, zmniejsza się ona do 0,5 MB, co oznacza mniejszą wagę strony o 82 proc..

Lepsza jakość

Analogicznie zmienia się również szybkość ładowania strony, która w danym przypadku na desktopie wynosi 3,37 sek., a po optymalizacji na urządzeniu mobilnym jest o 44 proc. szybsza.

W przypadku ekranów o wysokiej rozdzielczości HiDPI, czyli tzw. retina, następuje znacząca poprawa jakości plików graficznych. Dodatkowo istnieje opcja wyłączenia jakości, celem znaczącego przyspieszenia ładowania się sklepu na tych urządzeniach. O tym, co będzie priorytetem podczas ładowania się zdjęć (jakość czy szybkość) decyduje administrator sklepu.