Hosting dla WordPress niedawno zyskał bardzo interesującego klienta. 366 Concept to serwis należący do marki projektowej, wkładającej serce i duszę we wszystko, co robi. Nic dziwnego, że serwis i sklep, powstałe w wyniku powierzenia tego obszaru poznańskiej agencji Adchitects – po prostu zachwyca. Tak właśnie powinno się robić sklepy na WordPressWordPress to najczęściej wybierany CMS na świecie. W oparciu o niego powstała niemal połowa istniejących stron internetowych. WordPress jest doceniany przez użytkowników ze względu na prostotę, intuicyjność i łatwość zarządzania. Ze względu na charakter open source, WordPress może być rozwijany i udoskonalany na potrzeby konkretnych, indywidualnych projektów. Jak zacząć korzystać z WordPressa? Aby rozpocząć przygodę z WordPressem, najpierw potrzebujesz hostingu dla WordPress. Hosting zapewnia miejsce na serwerze, gdzie będą przechowywane wszystkie pliki...Czym jest WordPress? i WooCommerce. Klient – producent – skupia się na meblach w stylu retro, a konkretnie – na drugiej połowie XX wieku. Mimo to, wybierając rozwiązanie hostingowe pod ten wyjątkowy projekt braliśmy pod uwagę… prędkość światła!
Piękny e-commerce w oparciu o historię polskiego designu, ale kiedy właściwie to wszystko się zaczęło?
Tak naprawdę to… w 1960. Józef Chierowski zaprojektował wówczas najpopularniejszy mebel połowy XX wieku – Fotel 366. Dzięki minimalistycznemu wzornictwu i lekkiej konstrukcji drewnianej odniósł natychmiastowy sukces i w krótkim czasie wkrótce znalazł się w prawie każdym biurze, kawiarni i restauracji w Polsce. Fotel 366 był produkowany przez ponad 20 lat. W 2014 marka została reaktywowana.
Cele i wyzwania strony
Od początku było jasne, że marka z taką tradycją, nie bójmy się powiedzieć – marka legendarna – nie może bazować na zwykłym, gotowym szablonie i potrzebuje czegoś wyjątkowego. Wyzwania podjęli się Adchitects.
Adchitects to zespół łączący kreatywne i techniczne umiejętności. Dostarcza produkty cyfrowe (strony www, e-commerce oraz aplikacje webowe i mobilne) głównie dla klientów ze Stanów Zjednoczonych. Od kilku lat plasuje się w czołówce najlepszych firm dostarczających web design według serwisu Clutch (średnia ocen 4.9/5.0).
Ze swojej strony dodam, że sam jako klient przechodziłem proces oceny projektu w Clutch i recenzje w tym serwisie są wyjątkowo wysokojakościowe. Publikacja mojej recenzji była poprzedzona blisko godzinną rozmową z konsultantem z USA, szczegółowo wypytującym o przebieg projektu. Tym większy szacunek dla kolegów z Adchitects za ten świetny wynik. Wróćmy jednak do samego projektu.
Projekt wymagał połączenia tradycyjnej estetyki lat 60-tych i 70-tych z nowoczesnymi rozwiązaniami, jakie zapewnia Internet. Dodatkowo – ze względu na globalny charakter marki – konieczne było zapewnienie sprawnego działania praktycznie w dowolnym miejscu świata i w kilku językach.
Kuba Luty, CEO Adchitects
Jak się okazuje, ma to też swoje przełożenie na późniejsze decyzje technologiczne. Jako, że sklep działał na WooCommerceChcesz dowiedzieć się, jak założyć sklep na WooCommerce? Obejrzyj kurs zamieszczony na naszym kanale YouTube: https://www.youtube.com/watch?v=FoZ97ZAtxXQ&t=7s WooCommerce to oprogramowanie za pomocą którego uruchomisz sklep internetowy. Jest to dedykowana wtyczka dla WordPress umożliwiająca prowadzenie sprzedaży online. Aby rozpocząć swoją przygodę z e-commerce potrzebujesz 3 rzeczy: domeny, hostingu oraz środowiska umożliwiającego uruchomienie internetowego kanału sprzedaży. WooCommerce jest również znane z doskonałej integracji z innymi narzędziami marketingowymi i analitycznymi. Możesz łatwo połączyć swój...Czym jest WooCommerce? – naturalnym wyborem wydawał się właśnie szybki hosting dla WordPress. Tego rodzaju rozwiązania są w stanie zaoferować znacznie więcej niż tylko podstawową obsługę baz czy plików.
„Mamy sprawdzone rozwiązania dla rynku amerykanskiego, ale szukaliśmy czegoś, co da podobną jakość w cenie dopasowanej do polskiego klienta . Pracowaliśmy wtedy z cyber_Folks nad ich stroną www, więc nie musieliśmy daleko szukać.
W jeden dzień postawili nam stronę testową, która już na pierwszy rzut oka działała dużo szybciej. Kolejne testy wprowadzały nas natomiast w coraz większe zdumienie, bo uzyskane wyniki były wielokrotnie lepsze od tego do czego przyzwyczaiły nas polskie hostingi.”
I tu wchodzi hosting dla WordPress z cyber_Folks…
Rafał Pawlak, Head of Service Delivery w Adchitects
W cyber_Folks przenieśliśmy stronę na hosting dla WordPress i zadbaliśmy o pełne wykorzystanie potencjału specjalistycznych rozwiązań, które nazywamy łącznie pakietem cyber_Boost. Działania polegały na przeniesieniu danych (plików, bazy) na wysokowydajne środowisko. W jego skład wchodziły m.in.
Na stronę tego typu sklepu nie wchodzisz codziennie, wchodzisz na nią w zasadzie poszukując wyjątkowych mebli. To oznacza, że siła „pierwszego wrażenia” jest ogromna, zazwyczaj bowiem nie ma „drugiej szansy” przekonania do siebie użytkownika.
Przy projekcie na skalę globalną braliśmy pod uwagę takie sprawy jak… prędkość światła! Otóż wg obecnego stanu wiedzy światło porusza się z prędkością ok. 300 tys. km/s i jest to maksymalna prędkość rozchodzenia się oddziaływań we wszechświecie. Załóżmy więc teoretycznie, że z taką właśnie sygnał z serwera biegnie do przeglądarki użytkownika. Odległość między Los Angeles i Warszawą to ok. 9 tys km, co daje ok. 30 ms. Każde zapytanie o dane biegłoby ok. 30 ms z przeglądarki do serwera i wracało w tym samym czasie. Przy złożonej stronie, kiedy zasobów jest wiele – opóźnienia szybko mogłyby skumulować się w całe sekundy. Wykorzystanie protokołu HTTP/2 wraz z funkcją PUSH, a także automatycznie łączenie zasobów takich jak JS czy CSSCSS (Cascading Style Sheets) to język stylów używany do definiowania wyglądu i formatowania stron internetowych napisanych w języku HTML (HyperText Markup Language). CSS umożliwia oddzielenie treści strony internetowej od jej prezentacji, co pozwala na bardziej elastyczne i konsekwentne zarządzanie wyglądem witryny. CSS pozwala na definiowanie różnych stylów, takich jak kolor, czcionka, rozmiar, odstępy, tła itp., dla różnych elementów HTML, takich jak nagłówki, akapity, tabele, linki. CSS umożliwia oddzielenie treści strony...Czym jest CSS? z kilu małych plików w mniej większych zapewniło nam minimalizację tego niekorzystnego zjawiska.
- Dyski NVMe dla szybkiego dostępu do danych.
- Serwer REDIS dla obiektowego cache zapytań bazodanowych, dzięki czemu, zwłaszcza przy użym obciążeniu, serwer musi wykonać znacznie mniej komend SQL.
- LS Cache – technologia przyspieszająca działanie strony w sposób kompleksowy, ale głównie cachując wyniki dynamicznych skryptów.
- Włączenie HTTP/2 dzięki czemu zasoby były ładowane równolegle.
- Włączenie HTTP/2 PUSH dla JS I CSS, dzięki czemu zasoby są wypychane do przeglądarki ZANIM ona jeszcze o nie poprosi.
- Optymalizacja obrazów.
Hosting dla WordPress, projekt w stylu retro, a i tak braliśmy pod uwagę… prędkość światła!
Istotnym elementem jest też działanie systemu DNSDNS, czyli System Nazw Domenowych (Domain Name System), to system umożliwiający przypisanie nazw domen do adresów IP. Dzięki temu, zamiast pamiętać skomplikowane ciągi liczb, które stanowią adres IP danej strony, użytkownicy mogą wpisywać łatwo zapamiętywalne nazwy domen. System Nazw Domenowych został opracowany w latach 80. XX wieku, jako rozwiązanie problemu szybko rosnącej liczby adresów internetowych, co utrudniało ich zapamiętywanie i zarządzanie nimi. Zastąpił on wcześniejszą metodę, polegającą na centralnej edycji i dystrybucji pliku...Czym jest DNS?. W cyber_Folks stosowane są serwery DNS Anycast. Dzięki tej technologii klienci korzystają z kilkunastu serwerów DNS na 6 kontynentach. Użytkownikowi strony odpowiada ten serwer DNSSerwer DNS - System Nazw Domenowych (Domain Name System) protokół komunikacyjny, system, który tłumaczy nazwy domenowe przez człowieka (np. Cyberfolks.pl) na adresy IP, które są przyporządkowane do komputerów i innych urządzeń w sieci Internet, np. 195.149.224.42. Złożony system, odpowiadający za rejestrację domeny i ich powiązanie z numerem IP. Serwer DNS możemy podzielić na dwa typy: serwery DNS autorytatywne (przechowujące konfiguracje domen) i serwery DNS rekurencyjne (których zadaniem jest znalezienie IP dla...Czym jest Serwer DNS?, który jest najbliżej użytkownika. Na samym pierwszym wejściu na stronę, póki jeszcze odpowiedź z DNS nie znajduje się w lokalnym cache, można oszczędzić w praktyce nawet 90% czasu odpytania, co realnie przekłada się na ok. 100 ms.
Kiedy więc meble ze sklepu 366concept.com zechce zamówić ktoś ze Stanów Zjednoczonych, to przy wejściu na stronę odpowie mu serwer DNS Z Kalifornii (San Jose) lub z Nowego Jorku. Nie będzie konieczne czekanie na odpowiedź z Europy. DNS Anycast można zatem po części przyrównać do działania popularnych sieci CDNCDN (Content Delivery Network) to zdecentralizowana sieć serwerów, która umożliwia szybkie dostarczanie treści internetowych, takich jak strony internetowe, pliki multimedialne i inne zasoby, użytkownikom z różnych lokalizacji geograficznych. Głównym celem CDN jest zwiększenie wydajności i dostępności treści internetowych poprzez zminimalizowanie czasu odpowiedzi serwera i zmniejszenie opóźnień w dostarczaniu treści użytkownikom. CDN jest często stosowane przez duże witryny internetowe, platformy e-commerce, serwisy multimedialne i inne usługi online, aby poprawić wydajność, dostępność...Czym jest CDN?, tylko w odniesieniu do zapytań DNS’owych.
Przyspieszenie było widoczne gołym okiem, uczucie reagowania sklepu na zachowanie użytkownika zmieniło się radykalnie. Są to dość subiektywne uczucia, dlatego zmierzyliśmy wartości obiektywne. Testy w narzędziu dla deweloperów wykonano w lokalizacji Wrocław, fizycznie dane znajdują się natomiast w Gdańsku.
Przyspieszony ecommerce
Analiza wczytywania drzewa DOM ujawniła ogromną różnicę względem starego i nowego hostingu. Mechanizmy HTTP/2, szybka baza danychBaza danych to zorganizowany zbiór danych, który jest przechowywany w sposób umożliwiający łatwe zarządzanie, przeszukiwanie i aktualizację informacji. Bazy danych są wykorzystywane do przechowywania różnorodnych danych, od prostych list kontaktów po złożone informacje finansowe czy treści w sklepie internetowym. Jak działa baza danych? Baza danych działa dzięki systemowi zarządzania bazą danych (DBMS), który umożliwia tworzenie, modyfikowanie oraz odczytywanie danych za pomocą języków zapytań, takich jak SQL. Dane są przechowywane w...Czym jest Baza danych? i cacheowanie LS Cache „zrobiły robotę”, redukując czas DOM Load o spektakularne 90%. Co ważne – taka oszczędność czasu nie wymagała dodatkowych roboczogodzin po stronie twórców strony.
Testy syntentyczne wykonano w oparciu o narzędzie LighthouseLighthouse to narzędzie open-source stworzone przez Google, które służy do audytowania jakości stron internetowych. Jest to niezwykle przydatne narzędzie dla deweloperów i właścicieli stron, które pozwala na analizę różnych aspektów strony, takich jak wydajność, dostępność, najlepsze praktyki i optymalizacja pod kątem SEO. Lighthouse można uruchomić jako rozszerzenie przeglądarki Chrome lub jako narzędzie wiersza poleceń. Dlaczego warto używać Lighthouse? Używanie Lighthouse może pomóc w identyfikacji i naprawie problemów, które mogą wpływać na...Czym jest Lighthouse?. Zarówno w widoku dla urządzeń mobilnych, jak i stacjonarnych zanotowano spektakularny przyrost wyniku. Scoring poprawił się 268%!
Współzałożyciel marki 366 Concept podsumowuje:
Chcesz doświadczyć czegoś podobnego? W takim razie koniecznie pomyśl o przeniesieniu strony na szybki hosting dla WordPress u nas. Aby Ci to ułatwić, przygotowaliśmy informacje o tym, jak wygląda samo przeniesienie.
Przyspieszenie sklepu na poszczególnych podstronach
| strona | wcześniejszy hosting [s] | hosting w cyberfolks.pl [s] |
|---|---|---|
| Strona główna | 6,56 | 2,13 |
| Lista produktów | 4,31 | 2,29 |
| Karta produktu | 4,09 | 2,20 |
| Strona informacyjna | 5,35 | 3,22 |
Jak o efektach mówi klient właściciel sklepu?
Będzie mi miło, jeśli napiszesz w komentarzu, jak podoba Ci się sklep 366Concept.com i co sądzisz o takim przyspieszeniu w eCommerce. Zapraszam do dyskusji!
Chcesz doświadczyć czegoś podobnego? W takim razie koniecznie pomyśl o przeniesieniu strony na szybki hosting dla WordPress u nas. Aby Ci to ułatwić, przygotowaliśmy informacje o tym, jak wygląda samo przeniesienie.
Chcesz, aby Twoja strona działała niezawodnie i maksymalnie szybko? Sprawdź, w jaki sposób CDN może skrócić czas ładowania Twojej witryny – wybierz nasz Pakiet Wydajność!
Będzie mi miło, jeśli napiszesz w komentarzu, jak podoba Ci się sklep 366Concept.com i co sądzisz o takim przyspieszeniu w eCommerce. Zapraszam do dyskusji!
Dobry hosting robi gigantyczną różnicę. Odpowiednia szybkość wczytywania strony to plus dla SEO i więcej zadowolonych klientów. Jeżeli ryzyko występowania zadyszki spowodowanej nawet chwilowym przeciążeniem współdzielonego serwera jest zminimalizowane to Hosting WordPress z Cyberfolks.pl warto wziąć pod uwagę.
Mariusz, dzięki za głos w dyskusji. Podzielam Twoje zdanie – szybkość jest ważna dla SEO. Dodajmy, że jest też ważna dla ludzi z punktu widzenia ich doświadczenia użytkownika i prawdopodobieństwa realizowania konwersji.
Hosting jest bardzo ważny. Kiedyś dla przykładu zrobiłem dwie jednakowe strony na dwóch różnych hostingach. Okazało się, że szybkość wczytywania była różna z korzyścią dla jednej z nich. Tak więc, webmasterzy – pamiętajcie o tym
Dzięki za podzielenie się tym doświadczeniem, Piotrze!
Szybkość wczytywania to jedna z najważniejszych kwestii jesli mowa o konwersji. Żyjemy w czasach, gdzie trzeba szybko, na już itd. Czekanie na załadowanie strony sekune dłużej może kosztować Klienta i oczywiście $.
Cześć. Czy oferujecie kompleksową obsługę w postaci przyspieszenia strony o te 90%? proszę o kontakt mailowy bądź tel. Dzięki!
Oferujemy pomoc w zmigrowaniu strony od poprzedniego operatora na odpowiednio zoptymalizowane środowisko serwerowe u nas oraz – w wypadku WordPress – poustawianie cacheowania tak, żeby wycisnąć maksa z Twojej strony. W tym konkretnym wypadku testy w Google Chrome – F12 – zakładka Network, pokazały, że DOM Load Time skrócił się o 90%, więc różnica była ogromna – widoczna także gołym okiem. Całkowity Load time spadł o 80%, test Lighthouse także wykazał ogromny postęp. Konkretny wynik jednak zależy od samej strony, pluginów, motywu etc., a także od tego, na jakim serwerze strona była wcześniej – jeśli była na słabszym, albo nie była skonfigurowana do korzystania z dobrodziejstwa technologii – to różnica jest wyraźna. Jeśli strona była wcześniej na dobrym serwerze i śmiało korzystała z różnego rodzaju technik przyspieszających – różnica będzie mniejsza, więc każda sytuacja jest inna. Odezwiemy się mailowo:)
Hosting jest bardzo ważny, ale równie ważny jest sam szablon, liczba i rodzaj różnych wtyczek tam zastosowanych i same umiejętności optymalizacji. Sugerowanie, że wystarczy serwer do takich efektów może być mylące i wprowadzające w błąd. Jedna konfiguracja przyspieszy kilkukrotnie, a inna prawie wcale i to nawet mając najlepsze narzędzia i umiejętności.
Hosting to jeden z elementów. W tym wypadku pomogliśmy w migracji strony i włączeniu wszystkich wymienionych funkcji, a efekty pokazujemy na wykresach. To, jak przyspieszy konkretna strona zależy od szablonu i obciążenia. Nie zawsze też celem jest szybkość, czasami ważniejsza jest wydajność (czyli strona otwiera się troszkę wolniej, ale za to jest zdolna do obsługi bardzo dużego ruchu bez spowolnienia). Dobre rozwiązania hostingowe moim zdaniem zawsze są na plus, ale nigdy nie zastąpią – jak mówisz – spraw deweloperskich, jakości wtyczek etc. Dla najlepszych efektów potrzebna jest praca zarówno deweloperów, jak i firmy hostingowej. Wtedy uzyska się najlepsze efekty.
Chwile temu wszedłem na tę stronę i DOMContentLoaded jest 2s. Dodalibyście gwiazdkę, że mieliście specjalne laboratoryjne warunki i testowaliście wydajność na localhost
Pozdrawiam,
Fan waszej gramotności
W momencie prowadzenia testów uzyskaliśmy takie wyniki, jak na wykresach. W tej chwili uzyskujemy ok. 1,09 sek (cache lokalny w zakładce network wyłączony, kilkukrotne wejście na stronę), natomiast kluczowe jest raczej porównanie stanów przed i po. Nie jest to na localhost, ale przyznajemy, że byłaby to dość kusząca, choć naturalnie niewiarygodna perspektywa
Serwer jest w Trójmieście (linux), przeglądarka z której sprawdzamy – pod Wrocławiem (windows). Pozdrawiamy, Maćku. Dobrego dnia!
Jesteśmy bardzo zadowoleni z hostingu na cyberfolks.pl Nigdy nie mieliśmy żadnych problemów, strony ładują się bardzo szybko, warto ustawić php7.4, co na pewno zwiększy wydajność strony.
Dzięki wielkie za feedback, PHP 7.4 to tylko cześć „układanki”, 7.3 jest akurat podobne wydajnościowo, a obie wersje są znacznie szybsze niż poprzednie 7.2-7.0, już nie mówiąc o 5.x. Poza wersjami PHP jeśli masz pakiet z LiteSpeedem to gorąco polecam LS Cache – to jest ogromny przyrost szybkości.
Cieszę się, że znalazłam Cyberfolks. Dzięki Wam moja strona ładuje się bardzo szybko. Powiem więcej, jestem pewna, że szybciej niż 95% stron internetowych w Polsce. Dzięki pomocy ludzi z pomocy technicznej z Cyberfolks strona nabrała szybkości. Jeśli nie wierzycie, zapraszam na https://www.dorpa.pl/
Jeśli Artur Pajkert pozwoli, możemy zrobić konkurs. Oferujemy 200 zł nagrody dla strony szybszej od naszej. Mogę wtedy napisać artykuł, jak tego dokonaliśmy, żeby zachęcić do udziału. Ma to być normalna strona internetowa ze zdjęciami i tekstem. Wiadomo przecież, jeśli strona będzie prawie pusta, czas ładowania będzie szybki.
Cześć, dzięki za podzielenie się wrażeniami. Ogromnie się cieszę, że serwer ułatwia Ci osiąganie tak imponujących wyników. Wprawdzie pod konkurs się nie „podpinam”, ale stronka ładuje się fantastycznie szybko – gratulacje!
Sprawdziłem przed momentem stronę główną z tego case study na pagespeed insight – zawiodłem się bo tak kolorowo nie jest. Mobile poniżej 30, desktop blisko 60. Rozumiem, że ciężko jest zdobyć w tym teście wysoki wynik, ale szanujmy się… Z ciekawości spojrzałem na wynik witryny w gtmetrix. PageSpeed Score 80%, YSlow Score 70% – tutaj nie jest źle, wynik mocny. Jednak niepokojącym jest czas pełnego załadowania strony 10s oraz wielkości strony 16MB(!!!). W przyszłych case study przydałyby się również wyniki z tego narzędzia
Dzięki za podzielenie się Twoją opinią. Planujemy więcej publikacji o podobnym charakterze, weźmiemy pod uwagę Twoje sugestie.
Prędkość ładowania się strony jest niezwykle ważna w kontekście użytkownika i jego zachowania na stronie (m.in. takich wskaźników jak czas trwania sesji, konwersje itd.) a będzie jeszcze ważniejsza w kontekście nadchodzących zmian w Google. W maju 2021 prędkość strony jako składowa tzw. Core Web Vitals zyska na znaczeniu i wpłynie na pozycjonowanie strony w wyszukiwarkach jak nigdy dotąd. Rozwiązania dedykowane pod popularne CMS, jak np. Hosting WordPress w Cyberfolks na pewno są pomocne w osiąganiu lepszych wyników.
Nigdy nie mieliśmy problemów z hostingiem, bardzo szybkie działanie stron opartych o skrypt wordpress. Serdecznie polecamy.
Bardzo fajnie opisane
pozdrawiamy!
A co jeśli potem będę zmieniał z WordPressa na prestashopa? Hosting też do zmiany?
Nie ma takiej konieczności. Jednak Hosting PrestaShop został stworzony we współpracy z samą PrestaShop i jako ich partner technologiczny rekomendujemy właśnie ten hosting pod sklep na Preście.
Przyspieszenie sklepu z 6,56 sekundy do 2,13 sekundy na hostingu cyber_Folks jest imponujące, ale w kontekście obecnych oczekiwań użytkowników, czas ładowania 2,13 sekundy może nie być jeszcze optymalnym wynikiem