Nie boimy się porównywać z konkurencją!

Jesteśmy gotowi do porównania naszego oprogramowania pod różnymi kryteriami. Zapraszamy do przeprowadzenia testu szybkości oraz jakości kodu z naszymi największymi konkurentami, aby sprawdzić, jak wypadają na naszym tle.

Dlaczego szybkość ładowania sklepu jest tak ważna?

Jeśli sklep zbyt długo się ładuje klient może być zniecierpliwiony i przejść do konkurencyjnego sklepu. Dla przykładu Amazon.com zbadał, że każde 100milisekun opóźnienia w otwarciu ich strony kosztuje ich 1% sprzedaży. Musimy zadbać o komfort i miłą atmosferę pracy klienta ze sklepem. Google próbując zwiększyć liczbę wyświetlanych wyników z 10 do 30 na jednej stronie straciło na tym 20% swojego generowanego ruchu, taki był koszt minimalnie dłuższego czasu ładownia strony (z większą ilością wyników).

Drugim ważnym aspektem jest obciążenie serwera, na którym działa sklep. Im więcej sklep zajmuje, tym bardziej obciążony zostaje serwer. O ile na początku funkcjonowania sklepu ma to znikome znaczenie dla właściciela, to przy bardzo dużej liczbie klientów odczuje on rosnące koszty utrzymania sklepu.

Opis testu

Do testu polecamy program YSlow. Jest to program stworzony przez programistów Yahoo. Test możecie wykonać Państwo na własnym komputerze. Wystarczy posiadać przeglądarkę Firefox oraz ściągnąć YSlow, aby to zrobić kliknij tutaj.

Aby badania były możliwie dokładne, nie testujemy wersji testowych, a gotowe realizacje. Zwróćmy uwagę na to, by ilość produktów na stronie głównej, styl grafiki był możliwie podobny. Chętnie rozwiejemy wszelkie wątpliwości, jeśli takie się pojawią.

Trzeba mieć na uwadze, iż poszczególne sklepy biorące udział w teście znajdują się na różnych serwerach, co bezpośrednio i zapewne ma największe znaczenia dla rzeczywistej szybkości działania sklepu, test jednak wykazuje możliwości oprogramowania, zastosowane metody optymalizacji, ukazują strukturę plików i obrazują jakość kodu.

Objaśnienia

• HTTP Requests - Ilość zapytań klienta o poszczególne elementy sklepu. Klient wpisując adres "prosklepy.pl" wysyła zapytanie do serwera, serwer przygotowuje całą listę elementów, które klient musi pobrać, aby wyświetlić stronę. Następnie klient wysyła zapytanie o każdy z tych elementów. Im mniejsza ilość zapytań, tym sklep działa szybciej.
• Total Weight - Całkowita objętość sklepu w Kilobajtach, na wagę sklepu składa się waga wszystkich komponentów sklepu. Im niższa waga sklepu tym lepiej, klient szybciej go ściągnie.
• HTML/Text - rozmiar kodu html wysyłanego przez sklep. Im kod mniej zajmuje tym sklep ładuje się szybciej. Ale co bardziej istotne obrazuje on także jakiej klasy koderzy pracują nad państwa sklepem. Stworzyć "minimalny" kod html jest to pewnego rodzaju "sztuka". Tylko najlepsi programiści potrafią stworzyć taki kod. Dodatkowo dobrej jakości, "minimalny" kod jest znacznie lepiej oceniany przez wyszukiwarki internetowe typu "google", co jest bardzo ważnym elementem optymalizacji pod kątem SEO.
• Stylesheet File - Jest to plik opisujący wygląd strony. Podobnie jak w przypadku kodu HTML, trzeba go storzyć w najlepszy możliwy sposób. Dodatkowo istnieje szereg innych metod pozwalających na jego optymalizację.
• JavaScript File - Jest to kod javascript, wykorzystywany do interakcji sklepu z użytkownikiem w czasie rzeczywistym. Podobnie jak Stylesheet Fil można odpowiednio zminimalizować jego objętość.
• CSS Image Jest to bezpośrednio grafika sklepu, a przynajmniej takie jest założenie nowoczesnego projektowania aplikacji - skupienie całej warstwy layoutu sklepu (nie mówimy tutaj o zawartościach np: zdjęciach produktów) w stylach CSS. Wartości mogą być tutaj różne, w zależności od stylu grafiki, kolorystyki. Jednak dobrą praktyką jest, aby wartości nie przekraczały 200kB, stosuje się ku temu rozmaite techniki i "sztuczki" by zminimalizować wielkości grafiki. Ze względu na to, iż mało, która firma stosuje się do wzorców projektowych i nie umieszcza plików layoutu sklepu jako CSS Image, a zwykle bezpośrednio w kodzie html, zdjęcia potrzebne do wyświetlenia layoutu pokażą się w "Image", co niestety zachwieje nam obraz i uniemożliwi porównanie. Dlatego nie będziemy porównywać tej wartości.
• Image - Są to zdjęcia użyte w sklepie, są to najczęściej zdjęcia produktów, sklepy mogą wyświetlać różną ilość produktów, dlatego ciężko porównywać te wartości. Wartość ta zostanie pominięta z naszej analizy.
• Pierwsze wejście - - badamy jak zachowuje się sklep przy pierwszym jego otwarciu.
• Drugie wejście -- po pierwszym wejściu do sklepu, na komputerze klienta zapisuje się większość plików sklepu, tak, aby przy ponownym odświeżeniu nie musiał pobierać, tych elementów, które pobrał za pierwszym razem. Różnice pomiędzy pierwszym i drugim wejściem obrazują stopień wykorzystania technik optymalizacji. Im różnice są większe tym lepiej.

Wyniki testu

Zestawienie oraz analiza otrzymanych wyników

Powrót na górę