L4
  • Home
  • Strony internetowe
  • Pozycjonowanie
  • Social Media
  • Monitoring Marki
  • Oprogramowanie marketingowe
  • Blog
  • Kontakt

Konfiguracja W3 Total Cache oraz MaxCDN

Home| hidden| Konfiguracja W3 Total Cache oraz MaxCDN

27
kw., 2014
Przez Larry
  • hidden
  • 9 komentarzy
Zamów pozycjonowanie strony WWW

Przejdź na stronę https://wordpress.org/plugins/w3-total-cache/, następnie pobierz oraz zainstaluj wtyczkę na swojej stronie. Po instalacji w lewym bocznym menu zostanie dodana zakładka o nazwie „Performance” . Rozwiń ją i przejdź do zakładki „General Settings” .

W3 Total Cache General Settings

Do podstawowej konfiguracji rozszerzenia wystarczy, że uzupełnimy tylko 4 sektory:

1. Page Cache

W3 Total Cache - Page Cache

2. Minify (kompaktowanie)

Ta opcja usuwa z kodu HTML, JavaScript i CSS puste wiersze oraz spacje zmniejszając tym samym wagę plików.

W3 Total cache - Minify (Kompaktowanie)

Kod przed kompaktowaniem

Kod przed kompaktowaniem

Kod po kompaktowaniu

Kod po kompaktowaniu

Prawda, że widać różnicę? 🙂

3. Browser Cache

W3 Total Cache - Browser Cache

4. CDN (Content Delivery Network)

W3 Total Cache

My wykorzystaliśmy domyślny MaxCDN. Nie ogranicza Cię to jednak do jego wyboru jeśli nie chcesz. Do dyspozycji masz jeszcze kilka innych systemów.

Po aktywacji powyższych opcji rozszerzenie rozpoczęło już pracę w domyślnej konfiguracji w 3 sektorach: Page Cache, Modify, Browser Cache. Przejdziemy teraz do szczegółowej konfiguracji każdego z nich oraz aktywowania CDN na własnej subdomenie.

Poniższa konfiguracja każdego z sektorów rozszerzenia W3 Total Cache nie gwarantuje dokładnego dopasowania pod wszystkie preferencje i rodzaje stron internetowych, jednak w większości przypadków powinna być wystarczająca.

Przejdź do zakładki „Performance –> Page Cache” oraz zaznacz następujące pola.

W sekcji „General”

— Cache posts page
— Don’t cache pages for logged in users

W sekcji „Purge Policy”

— Front page
— Posts page
— Post page
— Blog feed
Specify the feed types to purge:
— rss2 (default)

Przejdź do zakładki „Performance –> Minify” oraz zaznacz następujące pola.

W sekcji „General”

— Rewrite URL structure
— Disable minify for logged in users
— Minify error notification: Disabled

W sekcji HTML & XML

— Enabled
— Inline CSS minification
— Line break removal
Opcja „Inline JS minification” nie została zaznaczona ponieważ u nas aktywacja JavaScript powodowała błąd w działaniu. Ty jednak możesz spróbować ją zaznaczyć, istnieje duże prawdopodobieństwo, że u Ciebie ta funkcja będzie działać poprawnie.

W sekcji CSS

— Enable
— Line break removal (not applied when combine only is active)

JavaScript

W wielu przypadkach kompaktowanie JavaScript w tej wtyczce może powodować błędy w jego działaniu. Jeżeli ten problem również u Ciebie występuje odhacz tą opcję i skorzystaj z tej alternatywy.

Przejdź do zakładki „Performance –> Browser Cache” oraz zaznacz następujące pola.

W sekcji General

— Set Last-Modified header
— Set expires header
— Set cache control header
— Set entity tag (eTag)
— Set W3 Total Cache header
— Enable HTTP (gzip) compression

W sekcji CSS & JS

— Set Last-Modified header
— Set expires header
—- Expires header lifetime: 31536000 seconds
— Set cache control header
— Set entity tag (ETag)
— Set W3 Total Cache header
— Enable HTTP (gzip) compression

W sekcji HTML & XML

— Set Last-Modified header
— Set expires header
—- Expires header lifetime: 3600 seconds
— Set cache control header
— Set entity tag (ETag)
— Set W3 Total Cache header
— Enable HTTP (gzip) compression

W sekcji Media & Other files

— Set Last-Modified header
— Set expires header
—- Expires header lifetime: 31536000 seconds
— Set cache control header
— Set entity tag (ETag)
— Set W3 Total Cache header
— Enable HTTP (gzip) compression

Content Delivery Network – MaxCDN

Przejdź do zakładki „Performance –> General Settings” do sekcji „CDN” . Następnie wejdź na stronę uprawniającą do uzyskania 25% rabatu.

CDN rejestracja 25% taniej

Kliknij „See Pricing” .

MaxCDN Rabat

Wybierz odpowiedni dla Ciebie plan. W większości przypadków na początek w zupełności wystarczy najtańsza opcja.

Wybierz plan MaxCDN

Po dokonaniu wszelkich czynności związanych z finalizacją zakupu zaloguj się do strefy klienta na stronie maxcdn.com.

MaxCDN login

Następnie przejdź do zakładki „Account –> API –> Create application” .

Create API

Kolejno uzupełnił dane.

Rejestracja API

Gdy API zostanie założone otrzymujemy zestaw danych. Na chwilę obecną będą Ci potrzebne tylko „Alias” , „Key” , „Secret” .

MaxCDN API Dane

W formacie „1+2+3” przeklej te dane do pola „Authorization key:” w sekcji „Configuration” w zakładce „Performance –> CDN” w WordPressie.

Validacja API MaxCDN

Wróc ponownie do strefy klienta maxCDN i przejdź do zakładki „Account –> API –> Whitelist IP” , w której musisz dodać IP serwera, gdzie znajdują się pliki Twojej strony. Jeżeli nie znasz IP wystarczy tutaj wpisać adres strony.

Biała lista IP

oraz

Dodaj IP strony

Przejdź do zakładki „Zones –> Create Pull Zone”

Utwórz strefę

Następnie

Wypełnienie rejestracji strefy

Kolejno przejdź do edycji strefy oraz kliknij podzakładkę „Settings” , następnie dodaj swoją subdomenę (na chwilę obecną nie musisz tworzyć subdomeny u usługodawcy hostingowego, wystarczy ją tylko wpisać w tym miejscu).

Dodaj subdomenę

Na tym samym poziomie przejdź do zakładki „SEO” oraz zaznacz „Canonical Header” .

SEO Canonical Header

Wybranie tej opcji wyeliminuje problem duplikowania treści (również w przypadku zdjęć), co jest istotnym czynnikiem w kontekście pozycjonowania strony w wyszukiwarce Google.

Przejdź do zakładki „Summary” (nadal w sekcji Zones) i skopiuj wartość pola „CDN URL” potrzebną do uzupełnienia rekordu CNAME Twojej domeny.

Zone CDN URL

Następnym krokiem będzie utworzenie rekordu CNAME dla subdomeny i umieszczenie w nim powyżej skopiowanej wartości. W zależności od miejsca w którym hostujesz pliki strony czynność ta może się odbywać na kilka sposobów. My zaprezentujemy konfigurację w oparciu o panel administracyjny serwera Direct Admin, którego popularność w środowisku hostingowym jest dość duża. Gdybyś jednak posiadał hosting bazujący na innym oprogramowaniu, maxCDN udostępnia w swojej bazie wiedzy dość rozległy poradnik jak poprawnie skonfigurować domenę również w innych wariantach. Gdyby i to nie pomogło, ostatecznie możesz poprosić support hostingowy o wykonanie tego zadania. Technikom ta czynność zajmie dosłownie kilka sekund.

Stworzenie CNAME w Direct Admin

Zaloguj się do Direct Admin oraz przejdź do domeny, która jest podpięta pod stronę. Przejdź do zakładki „Zarządzanie DNS” , kolejno w wierszu CNAME po lewej stronie wpisz nazwę subdomeny (samą, bez domeny głównej). W naszym przypadku będzie to „cdn” . W rubryce po prawej stronie zamień obecnie wyświetlaną domenę główną na uprzednio skopiowaną wartość. Bardzo ważne, aby na samym końcu znajdowała się kropka „.” . Kliknij „Dodaj” . W ten sposób rekord został już dodany, teraz pozostaje Ci odczekać okres propagacji, który wynosi od 4-24h, aby subdomena była w pełni aktywna.

Create CNAME w Direct Admin

Po pełnym rozpropagowaniu subdomeny przejdź do panelu administracyjnego WordPressa do zakładki „Performance –> CDN” do sekcji „Configuration” . W wierszu „Select pull zone:” wybierz wcześniej utworzoną strefę oraz w polu „Replace site’s hostname with” wpisz utworzoną subdomenę. W naszym przypadku jest to „cdn.yourdomain.com” . Aby sprawdzić czy wszystko jest poprawnie skonfigurowane naciśnij button „Test MaxCDN” . Jeżeli obok pojawi się komunikat na zielonym tle z napisem „Test passed” oznacza to, że już wszystko działa poprawnie.

CDN Ostatnia konfiguracja

Na sam koniec zobacz jeszcze pełne ustawienia CDN.

Better WordPress Minify (opcjonalnie)

Jeżeli u Ciebie również wystąpił problem podczas kompaktowania (Minify) JavaScript w W3 total Cache warto uzupełnić tą kwestę poprzez Better WordPress Minify.

Better WordPress Minify

Zaznacz tylko opcję:
— Minify JS files automatically?

Po powyższych zabiegach kondycja strony powinna ulec znacznej poprawie, jednak to jeszcze nie wszystko. Równie istotnym czynnikiem jest także optymalizacja zdjęć.

Przejdź do następnej części poradnika

About Admin

Pasjonat nowych technologii oraz ekspert w dziedzinie tworzenia systemów marketingowych z wykorzystaniem oprogramowania Zennoposter. Głowa działu technicznego L4.

9 Komentarze

  • Przez Mateusz

    Nie wczytywałem się specjalnie we wpis, bo sam przez to przechodziłem.
    Mam pytanie: O ile udało się wam zbić czas ładowanie się strony ? Jak tak w wygląda w wykorzystanych narzędziach i w GA ?

    • Przez Larry

      Kilka sekund udało się zbić, nie potrafię jednak dokładnie określić ile. W narzędziu do mierzenia szybkości Google punktacja wzrosła ok 20 jednostek.

  • Przez Martin

    Zaczalem uzywac CDN do wszystkich moich stron – naprawde dzialaja o wiele lepiej. Chociaz doszedlem do wniosku ze hosting tez musze zmienic

    • Przez Larry

      Dobry hosting to podstawa. CDN jest tylko wspomagaczem, ale za to dobrym wspomagaczem.

  • Przez Krzysiek

    Świetnie opisane opcje, wielkie dzięki za artykuł.

  • Przez Adrian

    Witam serdecznie, bardzo interesujący artykuł, sam ostatnio podpinałem maxcdn, nie znałem natomiast wtyczki Better WordPress Minify która na pewno się przyda w przypadku blokujących skryptów JavaScript i CSS. U mnie największy problem sprawia długi czas oczekiwania na serwer, bo czasami to aż nawet 1 sekunda. Nie wiem gdzie leży przyczyna 🙁 strona podpięta pod cloudflare, ale to nie jest przyczyna. Moglibyście Państwo zarekomendować dokładnie hosting na jakim chodzi wasza strona? Bo śmiga aż miło 🙂 Byłbym bardzo wdzięczny za odpowiedź 🙂 Może być na priv

  • Przez Larry

    Wykorzystywany przez nas hosting to żadna tajemnica. Jest to http://linuxpl.com – zespół doświadczonych administratorów. Z czystym sumieniem jako zwykły hosting współdzielony możemy polecić.

  • Przez Daro

    Witam, no ja mam problem ze swoja stroną http://facetwformie.pl Zrobiłem te zmiany w Minify, pobrałem ten dodatkowy plugin i dalej kodu mi nie „zbiło” Móglby Pan pomóc?

  • Przez Krystian

    Dzięki za te zrzuty ekranu, ułatwiły mi pracę! 🙂 Świetna robota.

Pozostaw komentarz Anuluj pisanie odpowiedzi

Opinie naszych klientów

Grzegorz Ciszewski – Przedsiębiorca
Grzegorz Ciszewski – Przedsiębiorca ,

Pełen profesjonalizm! – tak mogę skwitować współpracę. Dostępność, kompetencje, kreatywność to atrybuty firmy. Muszę przyznać, że efekty prac przerosły wartość dodatnią. Jeśli celem jest dalekosiężny rozwój wybór firmy L4 będzie dobrym trafem.

Krzysztof Zubek – MTA Engineering
Krzysztof Zubek – MTA Engineering ,

Wszelkie powierzone prace L4 wykonuje zawsze solidnie i na czas. Jestem bardzo zadowolony z prawie trzyletniej współpracy w zakresie projektowania, administracji oraz pozycjonowania stron internetowych.

Agnieszka Orłowska – Stow. Maja
Agnieszka Orłowska – Stow. Maja ,

Firma L4 wspiera inicjatywy charytatywne finansując z części swojego dochodu dobroczynne działania Stowarzyszenia „Maja”. Dziękuję serdecznie za pomoc i życzę wszystkim klientom firmy równie owocnej współpracy. Więcej o akcji.

Pobierz za darmo!

Rozdajemy gratisy
Udostępniliśmy szablon przeznaczony dla programu Zennoposter, którego zadaniem jest analiza treści na stronie internetowej pod kątem występowania duplikatów - zobacz szczegóły

L4 Charytatywnie

  • Akcja charytatywna L4
  • Stowarzyszenie „Maja” – informacje
  • Strona www za darmo

Formularz kontaktowy

Dane firmowe

L4 - Paweł Wojteczko
ul. Romera 37/2
20-487 Lublin
NIP: 867-204-33-33
REGON: 363839224
Tel: +48 500-517-699
Email: dzialhandlowy@l4.net.pl

Social Media