W 1 sekundę tracisz 7% potencjalnych sprzedaży. Gdy Twoja strona otwiera się wolniej niż w 3-4 sekundy, swoich klientów zaczniesz szukać na platformach online konkurencji. Zwiększ szybkość strony www!
Czy chcesz czy nie, niecierpliwość użytkowników internetu stała się faktem. W 2014 roku zbadano, że gdy twój sklep www potrzebuje na otwarcie więcej niż 6 sekund, możesz oczekiwać spadku konwersji o 50%.
Można temu przeciwdziałać.
W poprzednich dwóch artykułach (linki do nich znajdziesz na końcu tego artykułu) opisaliśmy jak sprawdzić szybkość swojego sklepu internetowego, podaliśmy sposoby zwiększenia prędkości otwierania się stron, oraz czym jest serwis CDN i jak dużą role odgrywa w przyspieszeniu stron www.
Dla wielu z nas połączenie stron, sklepów internetowych z serwisem CDN jest nowym i skomplikowanym zadaniem. Ważne jest, by pamiętać, że nie zawsze jest to konieczne (korzystanie z CDN wiąże się z kosztami), ponieważ w przypadku mniejszych stron, jak blogi, wystarczy zastosować działania opisane w artykule: Szybkość Strony.
Gdy jednak jesteś zdecydowana/zdecydowany na używanie CDN, w tym artykule krok po kroku pokażemy Ci, jak połączyć stronę z serwisem Amazon CloudFront.
Zaczynajmy!
Informacja wprowadzająca: Amazon S3 jest serwisem gdzie przechowujesz pliki ze swojej strony, Amazon CloudFront jest serwisem CDN, łączącym je z Twoją stroną. (O CDN przeczytaj Tu). (działania opisane pomogą Ci pracować nad szybkością strony www)
Proces łączenia sklepu z Amazon AWS oraz CloudFront nie powinien zabrać Ci więcej niż pół godziny.
AWS
- Pierwszym krokiem jest założenie konta na Amazon AWS. http://aws.amazon.com/s3/ (Amazon nie jest tłumaczony na język polski, ale operując angielskim, niemieckim, poradzisz sobie bez problemu).
- Po utworzeniu konta, dodajemy koszyk na pliki „S3 Bucket”. By to wykonać, kliknij w przycisk S3 w kokpicie Amazon, to przeniesie Cię do konsoli s3, z opcją kreacji koszyka „Create a Bucket”. Kliknij ”create”, wpisz nazwę (może być to nazwa domeny dla której kreujesz połączenie, bądź inna nazwa charakterystyczna).
CloudFront
- Przechodzimy teraz do sekcji CloudFront. Wróć do głównego kokpitu AWS i kliknij w ikonę Cloudfront. Na następnym ekranie zobaczysz przycisk „create distribution”. Kliknij wen, to przeniesie Cię do strony kilku różnych opcji. Wybierz „Get started” w opcjach Web. W kolejnym kroku zostaniesz zapytany o domenę bazową, z której będą pochodziły pliki. Tu zamiast podawać URL strony, wybierz stworzony wcześniej koszyk S3 Bucket. To połączy serwis AWS z CloudFront w twoim projekcie. Kliknij „Create distribution”.
- Gdy chcesz przeliczyć wysokość opłat jakich możesz oczekiwać korzystając z serwisu CDM Amazon, firma oferuje Ci łatwy w obsłudze kalkulator kosztów. http://calculator.s3.amazonaws.com/index.html
- Teraz stworzymy klucze API, które umożliwią Ci połączenie twojej strony zbudowanej na WordPress z serwisem w chmurze AWS.
By tego dokonać, najpierw dodaj IAM użytkownika, który będzie miał dostęp do twojego konta AWS.
a. Przejdź do https://console.aws.amazon.com/iam/home?#home
b. Kliknij w zakładkę „Grupy” (Groups), widoczne po lewej stronie ekranu
c. Kliknij w przycisk „Create New Group”, dodaj grupie nazwę, następnie wybierz „Administrator Access” w opcji „Policy Template”.
d. Teraz w menu po lewej stronie kliknij w zakładkę „Users”
e. Dodamy nowego użytkownika. Kliknij w „Create a New user”, wpisz jego nazwę. Zwróć uwagę, by zaznaczona była opcja „Generate an Access key for each user”. To bardzo istotny szczegół, zapewnia Ci większe bezpieczeństwo podczas używania serwisu CloudFront. Następnie otrzymasz dwa ważne klucze dostępu:
-Access key
-Secret Key
Zapisz je, możesz również załadować te dane na swój komputer klikając w „Download credentials”
f. Połącz użytkownika z grupą. Kliknij na nazwę użytkownika którego właśnie stworzyłeś i wybierz „add user to groups”. Kolejno, wybierz dodaną wcześniej grupę. To sprawia, ze za pomocą stworzonych kluczy dostępu łączysz użytkownika z kontem na AWS.
Łączenie strony z Serwisem CDN
- Wykonasz to poprzez pluginy „W3Total Cache” lub „Amazon S3 and Cloudfront”
My skorzystamy z drugiego wymienionego pluginu: Amazon S3 and CloudFront. - Wtyczka ta do swojego funkcjonowania wymaga dodania wcześniej pluginu Amazon Web services https://console.aws.amazon.com/iam/home?#home (który łączy z serwisem AWS). Po jego instalacji na swoje stronie zbudowanej na WordPress, instalujemy plugin Amazon S3 and CloudFront” https://wordpress.org/plugins/amazon-s3-and-cloudfront/ (ładuje twoje pliki na serwery Cloudfront)
Minusem jest fakt, ze ów plugin przenosi na serwery Amazon AWS tylko pliki media z biblioteki media z twojej strony, dodawane na stronę na bieżąco. Pliki dodane wcześniej, nie zostaną przesłane. - By plugin zaczął działać, wymagane jest dodanie dwóch linijek kodu do pliku wp-config.php znajdującego się w głównym folderze plików strony wp-config.php. otworz plik, następnie dodaj:
define( 'AWS_ACCESS_KEY_ID’, '*****************’ );
define( 'AWS_SECRET_ACCESS_KEY’, '*************************************’ );
Zamiast gwiazdek wpisując otrzymane wcześniej dane kluczy dostępu. - Przejdź do kokpitu swojej strony na WordPress, odszukaj po lewej stronie nazwe AWS. W ustawieniach, wybierz utworzony wcześniej koszyk “bucket”. By przyśpieszyć stronę, w opcjach pluginu zaznacz by zdjęcia po załadowaniu do amazon cloudfront były kasowane z twojego serwera. Nie zaznaczaj opcji ”always serve files over https (SSL)”.
Połączenie jest ustanowione!
Uwaga: nie wszystkie serwery umożliwiają korzystanie z serwisów CDN. na przykład serwery Active na www.nazwa.pl nie są do tego przystosowane. Przed rozpoczęciem działań, radzimy skontaktowanie się z konsultantami twojego serwera i ustalenie czy jest to w twoim przypadku w tej chwili mozliwe.
Działania mogą wydawać skomplikowane, jednak korzystając z naszej instrukcji, szybko zaczniesz korzystając z Amazon CDN, co mamy nadzieje, przyspieszy otwieranie się stron twojego sklepu.
Pamiętaj, W 2014 roku zbadano, że sklep www traci 50% sprzedaży gdy otwiera się wolniej niż w 6 sekund Share on X
Połączenie z CDN jest jednym z kroków do szybszego sklepu i wzrostu konwersji. Pracując w internecie z określonym celem, szybkość strony www jest dla Ciebie kluczem do realizacji planów.
Gdy wolisz skorzystać z naszej pomocy, zapraszamy Cie do kontaktu.
Cykl artykułów na temat zwiększenia szybkości sklepu:
Część Pierwsza: W 1 sekundę tracisz 7% sprzedaży
artykuł omawia zachowania internautów w przypadku wolno otwierających się stron. Znajdziesz tu linki do najlepszych narzędzi dostępnych online które umożliwią Ci zmierzenie szybkości swojej strony www, oraz poznasz sposoby na przyspieszenie stron, sklepów internetowych.
Część Druga: 5 Serwisów CDN
Artykuł wyjaśnia zasadę działania serwisów CDN, pokazuje, w jaki sposób znacząco przyczyniają się zwiększenia szybkości stron, sklepów www. Podaje listę 10 najbardziej cenionych CDN, oraz charakteryzuje 5 z nich, wraz z cenami ich używania, długością darmowego okresu próbnego, itp.
Część Trzecia: Jak połączyć sklep www z serwisem CDN
Artykuł krok po kroku prowadzi poprzez proces połączenie wlasnej strony, sklepu internetowego z serwisem Amazon AWS oraz CloudFront. W mniej niż 20 minut dokonasz integracji i rozpoczniesz przyspieszanie sklepu www.
