Jako projektant stron internetowych już wiesz, że świetny projekt jest niezbędny dla witryny - jest to koncepcja, której ufasz, chyba że strona wygląda absolutnie niesamowicie, nowym użytkownikom będzie trudno zaufać tej witrynie. Oto, jak ważny jest projekt strony internetowej.
Istnieje jednak inna istotna część posiadania wiarygodnej strony internetowej, pozytywny UX, który jest dostarczany z szybką, zgryźliwą witryną.
Po świetnym designie, prędkość jest jednym z najważniejszych czynników, które przyczyniają się do sukcesu strony internetowej.
The znaczenie szybkiej strony internetowej był badany w kółko.
Witryny, które nie są wystarczająco szybkie, powodują negatywne postrzeganie, a rzeczywisty czas ładowania witryny znacząco wpływa na współczynnik konwersji witryn.
Ponieważ czas ładowania jest coraz wyższy, współczynnik konwersji znacznie spada, a optymalny współczynnik konwersji występuje przy czasie ładowania strony wynoszącym 2,4 sekundy.
Chociaż korzystanie z CDN, o którym wkrótce będziemy dyskutować, przyniesie wiele korzyści, istnieje jedna podstawowa przesłanka, jak CDN sprawia, że twoja strona jest szybsza.
Mówiąc najprościej, CDN jest znacznie lepiej wyposażony jako sieć do obsługi ruchu na stronie internetowej niż większość usług hostingowych.
Hosting współdzielony jest zwykle zoptymalizowany pod kątem zapewnienia stabilnego środowiska, w którym witryna może uruchamiać PHP lub inne popularne środowiska hostingowe.
Nie jest nastawiona na optymalizację prędkości.
Z drugiej strony głównym celem CDN i faktycznej konfiguracji infrastruktury jest pomoc w dostarczaniu błyskawicznej strony internetowej.
Ale w jaki sposób CDN faktycznie przyspiesza moją witrynę?
Istnieje kilka powodów, dla których Twoja witryna może działać wolno:
Są inne powody, ale te są najważniejsze.
Możesz omówić każdy z nich indywidualnie, skupimy się głównie na dwóch ostatnich tutaj ...
Udostępniane serwery hostingowe nie powinny być szybkie. Mają być przystępne.
Ekonomika współdzielonego hostingu oznacza, że aby obniżyć koszty, liczba różnych witryn hostowanych na tym samym serwerze jest znacznie wyższa.
Oznacza to, że za każdym razem, gdy ktoś odwiedza Twoją witrynę, serwer hostingowy konkuruje o zasoby z WSZYSTKIMI stronami hostowanymi w witrynie, co oznacza, że zazwyczaj zajmuje więcej niż sekundę, aby rozpocząć obsługę witryny.
Teraz, kiedy mówimy o tworzeniu strony internetowej, kara za sekundę, zanim zaczniemy robić jakiekolwiek optymalizacje, jest okropnym sposobem na rozpoczęcie.
Oto kilka zaleceń:
Jeden z największych wpływów, jakie Twoja witryna może mieć na czas ładowania, zwykle pochodzi z obrazów hostowanych w Twojej witrynie.
Znajdziesz wiele blogów promujących wartość korzystania z obrazów na swojej stronie i blogu, i oczywiście jest to doskonała rada.
Obrazy są niezbędne do rozbicia dużych fragmentów tekstu i zapewnienia lepszej czytelności.
Kto również nie słyszał o frazie: "Obraz jest wart tysiąca słów"
Tak, obrazy są kluczowe dla powodzenia Twojej witryny.
Mają jednak wadę.
Nieoptymalizowane obrazy mogą zabić czas ładowania Twojej witryny.
Teraz, w idealnym świecie, przyjęliśmy zalecany sposób zapisywania każdego pliku w formacie przyjaznym dla sieci, optymalizując duże obrazy i kompresując je do rozmiaru, który jest akceptowalny bez utraty jakości.
Jednak w rzeczywistości po prostu nie mamy czasu ani ochoty przejść przez proces optymalizacji dla każdego obrazu.
Ale istnieje rozwiązanie. Automatyzacja.
Raz znowu CDN przybywają na ratunek. Kompresja i optymalizacja obrazu to zazwyczaj wbudowana funkcja CDN.
Mówiąc w skrócie, zajmujesz się tworzeniem świetnie wyglądającej witryny z niesamowitymi obrazami, a CDN poradzi sobie z kompresją i optymalizacją obrazów.
To kolejny zabójca prędkości.
Kiedy dopiero zaczynamy jako projektanci stron internetowych, lubimy odkrywać nowe wtyczki, testować je i instalować na naszej stronie internetowej, nie zdając sobie sprawy z wpływu wtyczek.
Nawet uznani projektanci stron internetowych wpadają w tę pułapkę. Używanie dziesiątek wtyczek do zapewnienia funkcjonalności wymaganej przez klienta ma swoje skutki uboczne.
W rzeczywistości każda wtyczka instalowana w witrynie dodaje pliki JavaScript, pliki CSS i wymaga większej wydajności z witryny.
Przekonasz się o tym w formie wielu próśb dotyczących stron testujących wydajność i bardzo długiego czasu ładowania.
Ponownie kilka zaleceń:
Podczas gdy CDN nie pomoże ci zdecydować, które wtyczki zachować i które wtyczki do zrzutu, CDN może rzeczywiście wykonywać kompresję i minimalizację skryptów w locie, aby zmniejszyć całkowity rozmiar zawartości Twojej witryny, a przez to szybszy.
Trzecią i bardzo ważną rekomendacją jest ustawienie HTTP / 2 - nie będziemy wchodzić w szczegóły, ponieważ już omówiliśmy obszernie HTTP / 2, zarówno na tej stronie i gdzie indziej .
Protokół HTTP / 2 został napisany specjalnie w celu optymalizacji czasu ładowania stron internetowych, w szczególności tych, które mają wiele różnych zasobów do wyświetlenia.
Większość usług CDN pozwala szybko i łatwo włączyć HTTP / 2 na swojej stronie internetowej, dzięki czemu twoja strona będzie miała natychmiastowy wzrost prędkości.
Nawet jeśli wykonałeś wszystkie powyższe optymalizacje, nadal istnieje jedna rzecz, która może całkowicie zabić prędkość Twojej witryny.
Jak to naprawić?
OK, jeśli zastosowałeś się do naszej porady, twoja strona powinna być teraz znacznie szybsza niż poprzednio.
Ale jest jedna rzecz, która może zabić prędkość ładowania twojej witryny.
Jeśli twoja strona jest skierowana do lokalnej publiczności, twoje rozwiązanie jest proste: wybierz dobrą usługę hostingową, która jest tak blisko fizycznie, jak to możliwe.
Jest to jednak trudniejsze, jeśli twoja strona internetowa jest przeznaczona dla międzynarodowej publiczności.
Po prostu nie można wybrać lokalizacji serwera, która jest fizycznie bliska wszystkim użytkownikom witryny.
Możesz zrobić następną najlepszą rzecz i hosta w lokalizacji odwiedzającego, która jest najbardziej popularna, ale istnieje drugie, bardziej skuteczne rozwiązanie.
Usługa CDN jest specjalnie ukierunkowana na naprawienie tego problemu.
ZA Infrastruktura CDN został zaprojektowany specjalnie w celu rozwiązania problemu, który właśnie opisaliśmy.
CDN mają sieć setek serwerów w dziesiątkach lokalizacji na całym świecie. Serwery te nazywane serwerami krawędziowymi lub buforującymi będą replikować obrazy i zasoby statyczne, takie jak pliki JavaScript i CSS, do tych lokalizacji.
Kiedy użytkownik trafi na twoją stronę, ciężkie zasoby zostaną dostarczone z miejsca, które jest tak blisko fizycznie jak to możliwe dla twojego gościa.
Znacznie zmniejsza to problem odległości i zapewnia Twojej witrynie bardzo istotną przewagę pod względem szybkości ładowania.
Wspaniałą rzeczą w korzystaniu z CDN jest to, że możesz z łatwością zwiększyć prędkość swojej strony internetowej, nie płacąc za nic więcej, zwłaszcza jeśli Twoja strona wciąż rośnie.
Większość usług CDN oferuje bezpłatny abonament, który zapewni niezbędną funkcjonalność buforowania, o której mówiliśmy powyżej. Zwykle oprócz optymalizacji treści, zyskujesz także na bezpieczeństwie swojej strony internetowej, poprzez mechanizmy bezpieczeństwa wdrażane przez CDN.
Wraz ze wzrostem twojej witryny i wzrostem potrzeb Twojej witryny, będziesz mógł dokonać aktualizacji do planu, który lepiej odpowiada Twoim potrzebom.
Istnieje kilka sposobów konfiguracji CDN, zależy to głównie od rzeczywistej sieci CDN, z której będziesz korzystać.
Pierwszym sposobem na utworzenie CDN jest użycie wtyczki CDN. Podczas konfiguracji CDN otrzymasz adres URL, który będzie nową lokalizacją statycznych obrazów Twojej witryny.
Wtyczka CDN przerobi URL zasobów statycznych, tak aby były obsługiwane z CDN.
https://www.example.com/images/logo-default.jpg
jest teraz przepisany jako
https://cdn.example.com/images/logo-default.jpg
Musisz wprowadzić kilka drobnych zmian w pozycjach DNS swojej witryny, aby adres cdn.example.com został rozwiązany jako adres URL podany przez twoją CDN.
Możesz użyć wtyczki CDN Enabler, jeśli korzystasz z usługi przepisywania URL, takiej jak KeyCDN (autorzy tej wtyczki), MaxCDN lub Incapsula.
Po zainstalowaniu tej wtyczki, jedyną rzeczą, którą musisz zrobić, to wprowadzić adres URL podany przez twoją usługę CDN i powinieneś być gotowy.
Innym, lepszym sposobem instalowania CDN jest używanie odwrotnego proxy.
Wymaga to również drobnych zmian w systemie DNS, które są typowe dla CDN, które będziesz instalować.
Ta implementacja jest korzystna, ponieważ usuwa znaczny ładunek z bezpośredniego trafiania na serwer.
Jak widzieliśmy powyżej, instalacja CDN nie jest tak wygórowana pod względem ceny, jak mogłoby się wydawać. Poza tym zwiększenie wydajności dla twojej witryny będzie znaczącym ulepszeniem UX.
Jeśli chcesz szybko przyspieszyć swoją stronę, CDN to niezbędnik.