Po naszym przeprojektowaniu, WPBv4, spędziliśmy trochę czasu na optymalizacji wydajności (nadal pozostało trochę pracy). Po przeprowadzeniu optymalizacji zauważyliśmy znaczną poprawę wydajności witryny. Było to na tyle zauważalne, że nasi użytkownicy wysyłali do nas e-maile z pytaniem o to. Wysłuchaliśmy twoich próśb i wkrótce pojawi się kompletny przewodnik po tym, co zrobiliśmy, aby przyspieszyć naszą stronę. Mimo że opisaliśmy, jak zainstalować MaxCDN w naszym samouczku na temat W3 Total Cache, od tego czasu wprowadziliśmy kilka dodatkowych zmian. W tym artykule pokażemy, jak zainstalować i skonfigurować MaxCDN w WordPress.
Oto e-mail, który otrzymaliśmy od jednego z naszych użytkowników:
„…głównym powodem, dla którego się z Tobą kontaktuję, jest pytanie o Szybkość witryny. Jak u licha udało Ci się tak szybko przyspieszyć swoją stronę? Prędkość jest szalona i po prostu mi się podobało.”
Przeprowadziliśmy wiele testów za pomocą strony o nazwie Pingdom. Najszybszy czas ładowania naszej strony głównej wynosił zaledwie 483ms. test przeprowadziliśmy wiele razy(różne godziny i centra danych). Nasz zakres czasu ładowania strony głównej wynosił 483ms – 1,7 s. Poniżej znajduje się jeden z zrzutów ekranu:
Wiele poszło na optymalizację wydajności (redukcja zapytań HTTP, takich jak ładowanie skryptów tylko wtedy, gdy są potrzebne, łączenie skryptów i arkuszy stylów, optymalizacja obrazów itp.). Ale jednym z głównych elementów, który sprawia, że nasza strona ładuje się szybko i zapobiega awarii, jest świetny CDN WordPress. Używamy MaxCDN, a naszą recenzję MaxCDN można znaleźć w sekcji Schematy, w której wyjaśniamy, dlaczego używamy MaxCDN. Jeśli nie wiesz, co to jest CDN lub dlaczego potrzebujesz CDN, powinieneś sprawdzić lub infografikę „Co To jest CDN”.
Mając to na uwadze, aby skorzystać z tego samouczka, musisz mieć konto MaxCDN. Jest to bardzo przystępne i warte swojej ceny. Jeśli nie masz konta, możesz zarejestrować się teraz. Możesz uzyskać 25% zniżki za pomocą naszego kuponu MaxCDN”wpbeginner”
Video Tutorial
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.
Po utworzeniu konta w MaxCDN musisz zainstalować tę bezpłatną wtyczkę WordPress o nazwie W3 Total Cache.
Pierwszą rzeczą, którą musisz zrobić, to zalogować się na swoje konto MaxCDN i utworzyć „Pull Zone”. Aby to zrobić, kliknij przycisk Zarządzaj strefami, a następnie kliknij ikonę „Utwórz Pull Zone”.
Na następnej stronie zostaniesz poproszony o wprowadzenie szczegółów nowej strefy Pull.
- Nazwa strefy ściągania: może to być wszystko bez spacji, minimum 3 znaki. Pomyśl o tym jako o swojej nazwie użytkownika.
- Adres URL serwera Origin: wprowadź adres URL swojego bloga wordpress. Musi mieć „http: / /” i końcowy ukośnik ( / ).
- Niestandardowa domena CDN: Użyj dowolnej subdomeny, na przykład: cdn.wpbeginner.com
- Etykieta: to jest jak Pole opisu. Dodanie opisu jest opcjonalne.
- Kompresja: zalecamy włączenie tej opcji, ponieważ pozwoli to zaoszczędzić wykorzystanie przepustowości na koncie.
Po kliknięciu przycisku Utwórz zostanie wyświetlony ekran sukcesu. W tym zielonym polu będziesz miał adres URL swojego CDN. Będzie to wyglądać mniej więcej tak „wpb.wpbeginner.netdna-cdn.com”. skopiujmy ten adres URL i zapisz go w notatniku. Będziemy musieli użyć go w późniejszych krokach. Jeśli przejdziesz do Pulpitu nawigacyjnego, zobaczysz teraz utworzoną strefę. Kliknij ikonę „Zarządzaj”.
Następnie musisz kliknąć kartę „Ustawienia” i spojrzeć na domeny niestandardowe.
Celem jest dodanie wielu subdomen (CNAMEs), dzięki czemu możemy poprawić wydajność pipeliningu w przeglądarce. Aby to zrobić, kliknij przycisk Edytuj w domenach niestandardowych i po prostu dodaj wiele domen niestandardowych.
Po dodaniu niestandardowych poddomen po prostu kliknij Aktualizuj. W Ustawieniach kompresji upewnij się, że włączyłeś kompresję GZip.
Teraz, gdy skonfigurowałeś swoją strefę pull, weź długi adres URL CDN, który otrzymałeś w poprzednich krokach, który wyglądał tak „wpb.wpbeginner.netdna-cdn.com”. będziemy tego potrzebować, aby ustawić rekordy CNAME. Pokażemy Ci, jak utworzyć rekord CNAME za pomocą cPanel. Większość dostawców hostingu WordPress korzysta z cPanel. Zaloguj się do swojego cPanel, a następnie przewiń w dół do sekcji domeny i kliknij na Prosty edytor stref DNS.
Na tej stronie musisz wypełnić pola, aby dodać rekord CNAME. Dwie wartości, które będziesz musiał wypełnić, to: nazwa i CNAME.
- Nazwa: To jest nazwa Twojej niestandardowej domeny CDN. Na przykład nasza niestandardowa domena CDN to cdn.wpbeginner.com, więc umieścimy ” cdn ” w naszym polu nazwy.
- CNAME: Będzie to adres URL podany przez MaxCDN podczas tworzenia strefy ściągania. Na przykład: „wpb.wpbeginner.netdna-cdn.com”.
Przykładowy zrzut ekranu:
Powtórz ten proces dla wszystkich dodanych domen niestandardowych. Wartość CNAME będzie taka sama. Wszystko, co zmieniasz, to nazwa na „cdn”,” cdn2 ” itp. Dodanie metody CNAME może być inne, jeśli masz hosta innego niż cPanel.
Teraz, gdy skonfigurowałeś MaxCDN, chodźmy do przodu i zintegruj go z WordPress. Będziemy musieli użyć wtyczki W3 Total Cache. Zainstaluj i aktywuj wtyczkę. Na ekranie Ogólne, po przewinięciu w dół, pojawi się okno CDN. Włącz CDN i wybierz opcję NetDNA / MaxCDN.
Zapisz ustawienia. Teraz musisz przejść do menu CDN w W3 Total Cache, aby skonfigurować MaxCDN z WordPress. Na tej stronie zostaniesz poproszony o podanie identyfikatora API, klucza API i niestandardowych nazw domen.
Identyfikator API i klucz można pobrać z Pulpitu Nawigacyjnego MaxCDN. Jeśli pójdziesz Zarządzaj kontem ” API. Kliknij przycisk Dodaj i Utwórz klucz.
Po skonfigurowaniu części całkowitej pamięci podręcznej W3 możesz już iść. Możesz kliknąć na przycisk Test NetDNA, i powinieneś być w stanie uzyskać test zdany.
Chcesz przyspieszyć swój WordPress? W takim razie zalecamy rozpoczęcie korzystania z usługi CDN, takiej jak MaxCDN. Użyj kuponu MaxCDN „wpbeginner” aby uzyskać 25% zniżki.
