W artykule:
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 na przyspieszenie WordPress wiele razy wcześniej na blogu. . Zauważyliśmy, jak bardzo zwiększa się wydajność, jeśli odwiedzający 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 w CDN77 i jak go odpowiednio dostosować. Następnie zainstalujemy określony zestaw wtyczek na WordPress, a następnie sprawdzimy, czy wszystko działa dobrze.
Pierwszym krokiem w naszym przewodniku będzie utworzenie konta CDN77. Jeśli nie masz jeszcze konta, CDN77 oferuje bezpłatny 14-dniowy okres próbny. Rejestracja trwa tylko kilka minut. Następnie utworzymy zasób CDN, klikając Utwórz nowy zasób CDN (w zakładce CDN). Na potrzeby tego artykułu zamierzamy wdrożyć CDN na blogu filmowym, który jest hostowany w centrum danych w Las Vegas.
Ponieważ zamierzamy zaimplementować pełne rozwiązanie HTTPS, użyjemy nowego „HTTPS” w CDN77. Ta opcja zabezpiecza transfer danych z serwera hosta do serwera CDN.
Jeśli Twoja strona działa w trybie SSL, absolutnie musisz utworzyć zasób tylko SSL w CDN77. W przeciwnym razie ryzykujesz błędami o mieszanej treści. Tego rodzaju błędy występują, gdy przeglądarka działa w trybie SSL i nagle próbuje załadować zasób przez niezabezpieczone żądanie HTTP.
Jak skonfigurować SSL w CDN77
Możemy skonfigurować darmowy 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ć własnego CNAME (patrz zdjęcie powyżej). Ogólnie zachęcamy do używania CNAME jak cdn.yoursite.com.
Jeśli zdecydujesz się na rozwiązanie współdzielone CDN77, nie są konieczne dalsze kroki, aby poddomena SSL działała poprawnie.
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.nasza domena. Z CDN77 uzyskanie SSL to kwestia kilku kliknięć.
Podkręć to !
Po utworzeniu zasobu pierwszą rzeczą, na którą należy spojrzeć, jest menu Inne ustawienia. Jeśli zamierzasz używać protokołu HTTPS, absolutnie obowiązkowe jest włączenie protokołu HTTP / 2. Poprawa prędkości między normalnym HTTP / 1.x i HTTP / 2 są ogromne. CDN77 będzie działać w trybie HTTP/2 w zasobie HTTPS domyślnie, skracając czas o połowę.
Jeśli korzystasz z HTTPS, musisz również wykonać przekierowanie 301, aby spełnić standardy google dla HTTPS, włącz przekierowanie HTTPS.
Aby uzyskać optymalną wydajność, włącz opcję Ignoruj wszystkie w ciągach zapytań Ignoruj. O ile w witrynie nie działa dynamicznie ładowana zawartość, która musi być aktualizowana co godzinę, możesz uciec od ciągów zapytań i zignorować wszystko, co znacznie zwiększy wydajność pamięci podręcznej i witryny.
CDN77 oferuje również opcję wygaśnięcia pamięci podręcznej. W przypadku załadowania dużej ilości zdjęć, powinno to być ustawione na najwyższe możliwe ustawienie, czyli 12 dni.
W tym przewodniku w pierwszej kolejności rozważymy prędkość. CDN dostarczy nam więc tylko statyczną zawartość obrazu, Wszystko inne zostanie załadowane z serwera origin.
Dlaczego nie używać CDN dla Javascript & CSS, jesteś szalony?
Pamiętaj w naszym poprzednim artykule, rozmawialiśmy o tym, jak wydajność CDN może się różnić, gdy zawartość nie jest dostępna na żądanym węźle sieci CDN. Cóż, jeśli plik jeszcze nie buforowany jest plikiem CSS, czas ładowania wzrośnie i może negatywnie wpłynąć na wydajność. Może to znacznie wpłynąć na szybkość renderowania witryny, niż Jeśli zdecydujesz się nie obsługiwać CSS z CDN.
Pliki CSS i Javascript są niezbędne do ładowania 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żesz utworzyć statyczny zasób na CDN, aby zrzucić te ważne pliki. Jest to bardziej zaawansowana technika, która wymaga dostosowania WordPressa do poziomu wykraczającego poza zakres tego samouczka.
Po poprawnym dostosowaniu wszystkiego możemy przejść do zakładki Menu centrów danych.
CDN77 zapewnia wygodny sposób włączania / wyłączania każdego węzła ich sieci. Chodzi o to, aby starannie wybrać, które węzły są najbardziej aktywnie używane. Jest to łatwe do znalezienia, po prostu podążaj za czytelnikami.
Gdy już wiesz, których węzłów potrzebujesz, zaleca się wyłączenie wszystkich zbędnych węzłów. Istnieje na to proste wyjaśnienie: im więcej węzłów masz w sieci, tym więcej czasu zajmie ich aktualizacja, dlatego Twoja wydajność spada. Ogólnie rzecz biorąc, gdy zmniejszasz liczbę węzłów, zwiększasz również wydajność pamięci podręcznej. Wybieraj mądrze.
Podczas testowania wydajności witryny po raz pierwszy, Oczyszczanie i prefetch może się przydać. Wyczyść wypchnie określoną zawartość z sieci CDN, jest to przydatne, jeśli zmienisz zawartość i potrzebujesz opróżnić pamięć podręczną, aby zaktualizować. Prefetch zrobi coś przeciwnego, wymusi konkretną zawartość w pamięci podręcznej CDN.
Gdy już wszystko skonfigurujesz, możesz skierować swój CNAME do własnej domeny. W tym celu należy utworzyć regułę w rejestratorze lub panelu hosting w sekcji DNS i skierować cdn.yourdomain.com do CNAME xxx.rsc.cdn77.org jak pokazano na rysunku, spowoduje to, że DNS przekieruje cały ruch Twojej subdomeny do rzeczywistego miejsca, w którym musi się znajdować. Nie martw się, nie wpłynie to na wydajność. Ponadto służy również pokazaniu czytelnikom, że używasz cdn.yourdomain.com co wygląda elegancko.
Jeśli wolisz korzystać z cdn77.org adres, nie musisz nic robić, po prostu użyj tego adresu podczas wymiany treści w WordPress.
Strona WordPress
Po stronie WordPressa musimy dodać wtyczkę, aby to działało poprawnie. Użyjemy CDN Enabler, przydatnej darmowej wtyczki. 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 robi i jest to bardzo ważne dla naszego przypadku, ponieważ nie chcemy zawierać żadnych plików Javascript lub CSS, tylko przesłane obrazy.
Po zainstalowaniu wtyczki można znaleźć tutaj…
Poprawmy to !
Pamiętasz, jak rozmawialiśmy o dostosowywaniu? Oto najważniejszy fakt, jak prawidłowo skonfigurować CDN na WordPress. Zdecydowana większość wtyczek CDN powie Ci, aby dołączyć katalog CDN do „replikacji” i zwykle mówią ci, aby dołączyć wp-content. To dobrze dla ogólnego ustawienia, ale nie jest dobre dla twojej 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ść, gdy nie są one buforowane, jak wspomniano wcześniej.
Jak to naprawimy? Po prostu dołączamy folder wp-content/uploads. Takie proste rozwiązanie!
Jak możesz być zszokowany, zdecydowana większość wtyczek, które obsługują CDN, nie pozwoli ci na to. W tym tylko ten podfolder poinstruuje CDN do folderu przesyłania, tj. tylko twoje zdjęcia.
Proste odświeżenie strony pozwoli CDN uzyskać zawartość dla ciebie. W tym przykładzie otworzyliśmy kartę programista Firefoksa (F12) i wyszukaliśmy pierwszy obraz. Widać wyraźnie, że link został zastąpiony i jest teraz ładowany bezpośrednio z CDN zamiast naszego serwera hosta!
Przed i po
Zobaczmy, jak to wszystko się skończyło !
Na lewym ekranie widzimy czas potrzebny na załadowanie strony ze Szwecji (która jest daleko od naszego serwera hostingowego w Las Vegas, pamiętasz?) Na prawym ekranie widzimy, że wydajność wzrosła, czas został prawie przecięty na pół! Wszystkie niezbędne pliki nadal ładują się z naszego serwera w Las Vegas, ale pliki o dużym obciążeniu, takie jak obrazy, ładują się z węzła w Szwecji.
Wrapping Up
Mam nadzieję, że nauczyłeś się potężnego sposobu wdrożenia CDN w swojej witrynie WordPress. Niektóre techniki są nieinwazyjne, takie jak pliki CSS i Javascript, które są niezbędne dla szybkości ładowania witryny. Możesz teraz wykorzystać każdą zaletę CDN i jednocześnie zminimalizować jego wady. Mamy nadzieję, że wypróbujesz bezpłatną wersję próbną CDN i skorzystasz z wskazówek zawartych w tym artykule, aby sprawdzić, czy możesz przyspieszyć swoją witrynę WordPress. Mamy nadzieję, że podobał Ci się artykuł! Jak zwykle w komentarzach pozostaw wszelkie pytania lub wątpliwości.
