W naszym poprzednim artykule zbadaliśmy korzyści płynące z posiadania usługi CDN z WordPress i dlaczego CDN są jednym z najlepszych sposobów przyspieszenia WordPress wiele razy wcześniej na blogu. . Zauważyliśmy, o ile zwiększa się wydajność, jeśli użytkownicy są daleko od serwera hosta. Mamy nadzieję, że wzbudziło to Twoje zainteresowanie, ponieważ w dzisiejszym artykule zrobimy przewodnik krok po kroku, jak utworzyć zasób CDN na CDN77 i jak go odpowiednio poprawić. Następnie zainstalujemy określony zestaw wtyczek na WordPress, a następnie sprawdzimy, czy wszystko działa poprawnie.


Pierwszym krokiem w naszym przewodniku będzie utwórz konto CDN77. Jeśli nie masz jeszcze konta, CDN77 oferuje bezpłatny 14-dniowy okres próbny. Rejestracja zajmuje tylko kilka minut. Następnie utworzymy Zasób CDN, klikając opcję Utwórz nowy Zasób CDN (na karcie CDN). Na potrzeby tego artykułu zamierzamy wdrożyć CDN na blogu filmowym, który jest hostowany w centrum danych w Las Vegas.

cdn77-with-wordpress-03

Ponieważ zamierzamy wdrożyć pełne rozwiązanie HTTPS, użyjemy nowego „HTTPS” na CDN77. Ta opcja zabezpiecza transfer danych z serwera hosta do serwera CDN.

Jeśli witryna działa w trybie SSL, absolutnie musisz utworzyć zasób zawierający tylko SSL w CDN77. W przeciwnym razie ryzykujesz błędami o mieszanej zawartości. Tego rodzaju błędy występują, gdy przeglądarka działa w trybie SSL i nagle próbuje załadować zasób za pośrednictwem niepewnego żądania HTTP.

cdn77-with-wordpress-04

Jak skonfigurować SSL w CDN77

Możemy skonfigurować bezpłatny certyfikat SSL na 2 sposoby. Możemy użyć współdzielonego certyfikatu SSL dla subdomeny na xxx.c.cdn77.org lub możemy użyć naszej własnej CNAME (patrz obrazek powyżej). Ogólnie zachęcamy do używania CNAME, takiego jak cdn.yoursite.com.

Jeśli zdecydujesz się na wspólne rozwiązanie CDN77, dalsze subdomeny SSL nie będą konieczne do poprawnego działania.

W takim przypadku skonfigurujemy CNAME. Oznacza to, że zawartość naszej witryny będzie natychmiast dostępna za pośrednictwem HTTPS, jeśli zastąpimy naszą witrynę cdn.ourdomain. W przypadku CDN77 uzyskanie SSL to kwestia kilku kliknięć.

Ulepsz to !

Po utworzeniu zasobu pierwszą rzeczą do obejrzenia jest menu Inne ustawienia. Jeśli zamierzasz używać HTTPS, absolutnie obowiązkowe jest włączenie HTTP / 2. Poprawa prędkości między normalnym HTTP / 1.x a HTTP / 2 jest ogromna. CDN77 będzie domyślnie działać w trybie HTTP / 2 w zasobach HTTPS, skracając czas o połowę.

Jeśli korzystasz z HTTPS, musisz również wykonać przekierowanie 301, aby zachować zgodność ze standardami Google dla HTTPS, włącz przekierowanie HTTPS.

Aby uzyskać optymalną wydajność, włącz ignorowanie wszystkich w ciągach ignorowania zapytań. O ile witryna nie wyświetla dynamicznie ładowanej treści, która musi być aktualizowana co godzinę, możesz uniknąć ciągów zapytań i zignorować wszystko, co znacznie zwiększy pamięć podręczną i wydajność witryny.

CDN77 oferuje również opcję wygasania pamięci podręcznej. W przypadku załadowania dużej liczby zdjęć należy ustawić najwyższą możliwą wartość, czyli 12 dni.

W tym przewodniku przede wszystkim rozważymy szybkość. Dlatego CDN dostarczy nam tylko treść statyczną obrazu, wszystko inne zostanie załadowane z serwera źródłowego.

Dlaczego nie użyć CDN do obsługi Javascript i CSS, jesteś szalony?

Pamiętaj, że w poprzednim artykule rozmawialiśmy o tym, jak wydajność CDN może się różnić, gdy zawartość nie jest dostępna w żądanym węźle sieci CDN. Cóż, jeśli plik, który nie jest jeszcze buforowany, zdarza się, że jest plikiem CSS, czas ładowania wydłuży się i może to negatywnie wpłynąć na wydajność. Może to wpłynąć na szybkość renderowania witryny znacznie bardziej, niż jeśli zdecydujesz się nie obsługiwać CSS z CDN.

Pliki CSS i Javascript są niezbędne do wczytywania strony internetowej w dowolnej przeglądarce i nie powinny być przedmiotem mechanizmu pamięci podręcznej, takiego jak ten w usługach CDN. Chociaż można utworzyć zasób statyczny w sieci CDN, aby zrzucić te ważne pliki. Jest to bardziej zaawansowana technika, która wymagać będzie ulepszenia WordPressa do poziomu wykraczającego poza zakres tego samouczka.

Po poprawieniu wszystkich poprawek możemy przejść do karty menu centrów danych.

cdn77-with-wordpress-07

CDN77 zapewnia wygodny sposób włączania / wyłączania każdego węzła ich sieci. Chodzi o to, aby dokładnie wybrać, które węzły są najbardziej aktywne. Łatwo to ustalić, wystarczy śledzić czytelników.

Gdy wiesz, które węzły potrzebujesz, zaleca się wyłączenie wszystkich zbędnych węzłów. Jest na to proste wyjaśnienie: im więcej masz węzłów w sieci, tym więcej czasu zajmie ich aktualizacja, a tym samym pogorszenie wydajności. Zasadniczo zmniejszając liczbę węzłów, zwiększasz także wydajność pamięci podręcznej. Wybierz mądrze.

Gdy testujesz wydajność witryny po raz pierwszy, oczyść i pobierz z wyprzedzeniem może się przydać. Czyszczenie spowoduje wypchnięcie określonej zawartości z sieci CDN, przydaje się, jeśli zmienisz zawartość i będziesz musiał opróżnić pamięć podręczną, aby zaktualizować. Pobieranie wstępne zrobi odwrotnie, wymusi określoną zawartość w pamięci podręcznej CDN.

cdn77-with-wordpress-10

Po skonfigurowaniu wszystkich elementów możesz skierować swoją CNAME na własną domenę. Aby to zrobić, musisz utworzyć regułę w swoim rejestratorze lub panelu hostingowym w sekcji DNS i skierować swój cdn.twojadomena.com do CNAME xxx.rsc.cdn77.org, jak pokazano na obrazku, to poinstruuje DNS aby przekierować cały ruch Twojej subdomeny na rzeczywiste miejsce, w którym musi być. Nie martw się, nie wpłynie to na wydajność. Ponadto służy również do pokazania czytelnikom, że używasz cdn.twojadomena.com co wygląda fantazyjnie.

Jeśli wolisz używać adresu cdn77.org, nie musisz nic robić, po prostu użyj tego adresu podczas zastępowania treści w WordPress.

Strona WordPress

Po stronie WordPress musimy dodać wtyczkę, aby działała poprawnie. Użyjemy CDN Enabler, przydatna darmowa wtyczka. Powód korzystania z tej wtyczki jest prosty – większość wtyczek CDN nie pozwala na tak szczegółową kontrolę nad folderami wysyłanymi do CDN. Ta wtyczka działa i jest to bardzo ważne w naszym przypadku, ponieważ nie chcemy dołączać żadnych plików JavaScript ani CSS, tylko przesłane obrazy.

cdn77-with-wordpress-14

Po zainstalowaniu wtyczkę znajdziesz tutaj…

cdn77-with-wordpress-15

Poprawmy to !

cdn77-with-wordpress-16

Pamiętasz, kiedy rozmawialiśmy o dostosowaniu? Oto najważniejszy fakt na temat prawidłowej konfiguracji CDN w WordPress. Zdecydowana większość wtyczek CDN mówi o dołączeniu katalogu CDN do „replikacji”, a zazwyczaj informuje o wp-content. To w porządku dla ogólnego ustawienia, ale nie jest dobre dla wydajności, ponieważ folder wp-content jest wypełniony innym bardzo wrażliwym folderem, folderem wtyczek i motywów, w tym mnóstwem plików JavaScript i CSS. Możesz stracić wydajność, jeśli nie są buforowane, jak omówiono wcześniej.

Jak to naprawić? Po prostu dołączamy folder wp-content / uploads. Takie proste rozwiązanie!

Być może jesteś zszokowany, większość wtyczek obsługujących CDN nie pozwala na to. Uwzględnienie wyłącznie tego podfolderu poinstruuje CDN o folderze do przesłania, tj. Tylko zdjęciach.

cdn77-with-wordpress-17

Proste odświeżenie strony pozwoli CDN uzyskać dla Ciebie treść. W tym przykładzie otworzyliśmy kartę programisty Firefox (F12) i szukaliśmy pierwszego obrazu. Widać wyraźnie, że link został zastąpiony i jest teraz ładowany bezpośrednio z CDN zamiast z naszego serwera hosta!

Przed i po

Zobaczmy, jak to wszystko się potoczyło !

Na lewym ekranie możemy zobaczyć czas potrzebny do załadowania strony ze Szwecji (która jest daleko od naszego serwera hosta w Las Vegas, pamiętasz?) Na prawym ekranie możemy zobaczyć, że wydajność wzrosła, czas był prawie przecięty na pół! Wszystkie niezbędne pliki są nadal ładowane z naszego serwera w Las Vegas, ale pliki o dużym obciążeniu, podobnie jak obrazy ładowane są z węzła w Szwecji.

Podsumowanie

Mamy nadzieję, że nauczyłeś się potężnego sposobu implementacji CDN na swojej stronie WordPress. Niektóre techniki są nieinwazyjne, takie jak pliki CSS i Javascript, które są niezbędne do szybkości ładowania strony. Możesz teraz wykorzystać każdą zaletę CDN i jednocześnie zminimalizować jego wady. Mamy nadzieję, że skorzystasz z bezpłatnej wersji próbnej CDN i skorzystasz ze wskazówek w tym artykule, aby sprawdzić, czy możesz przyspieszyć swoją witrynę WordPress. Mamy nadzieję, że artykuł Ci się podobał! Jak zwykle zostaw wszelkie pytania lub wątpliwości w komentarzach poniżej.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me