Jak poprawić wynik w GTMetrix – Use Cookie-Free Domain

Prawdopodobnie widziałeś „błąd” Cookie-Free Domain w GTMetrix. W tym artykule wyjaśnię jak korzystać z domeny bez plików cookie w WordPress

Czy kiedykolwiek korzystałeś z narzędzi online do sprawdzania wydajności swojej witryny? Na bank musiałeś kiedyś spotkać jedno z nich.

Na przykład narzędzia takie jak Gtmetrix, Pingdom itp. analizują całą witrynę internetową i wyświetlają raport oraz informują, które części działają dobrze, a które wymagają dodatkowej uwagi. Podczas korzystania z narzędzia GTMetrix możesz napotkać błąd Use Cookie-Free Domain, czyli użyj domeny bez plików cookie.

Plik cookie HTTP to dane przesyłane do przeglądarek użytkowników przez strony internetowe. Dane te będą przechowywane w przeglądarce podczas przeglądania strony przez użytkownika. Podczas następnej wizyty dane zostaną przesłane do serwera w celu przypomnienia informacji o użytkowniku.

Co to jest domena bez plików cookie? Jak i dlaczego powinniśmy korzystać z domeny bez plików cookie w WordPress? W tym artykule omówię sposób korzystania z domeny bez plików cookie w WordPress.

Co to jest Cookie-Free Domain?

Zacznijmy od podstaw. Cookie-Free Domain to w wolnym tłumaczeniu domena wolna od plików cookie. Domena bez plików cookie, to domena, która nie wysyła polecenia do przeglądarki użytkownika prośby o przechowywanie plików cookie z witryny.

Zazwyczaj strony internetowe zawierają informacje statyczne, które nigdy nie mogą się zmienić. Obrazy, pliki CSS, JavaScript itp.

Ponieważ te pliki są zwykle takie same i pozostają niezmienione, przeglądarka użytkownika nie musi zapisywać plików cookie. W ten sposób, dokonując pewnych zmian w domenie, możesz obniżyć liczbę żądań wysyłanych do serwera od użytkownika. Ma to wiele zalet.

Tę prędkość i wydajność można użyć w innym miejscu, aniżeli marnować na przechowywanie niepotrzebnych plików cookie w przeglądarce użytkownika. Jaki jest główny tego powód? Wiadomo! Głównym powodem jest zwiększenie wydajności witryny.

Dzięki zmniejszeniu liczby żądań dotyczących plików cookie witryna będzie działać płynnie i szybciej odpowiedzieć na niezbędne żądania.

Jak użyć Cookie-Free Domain w WordPress?

Zatem wiesz już co to jest domena bez plików cookie i dlaczego warto z niej korzystać. Ogólnie rzecz biorąc, korzystanie z domeny bez plików cookie ma dwie zalety:

1. Zmniejsza ruch w sieci.
2. Skraca czas ładowania treści statycznej.

Skróć czas ładowania treści statycznych

Teraz nadszedł czas, aby dowiedzieć się, jak korzystać z domeny bez plików cookie w WordPress. Konfiguracja domeny bez plików cookie w WordPressie może wydawać się trudna. Ale to bardzo proste, jeśli wykonasz poniższe czynności.

Pamiętaj, że jeśli konfiguracja domeny jest skonfigurowana do używania plików cookie, wszystkie subdomeny będą używać tej samej konfiguracji. Dlatego, aby korzystać z domeny bez plików cookie, musisz użyć oddzielnej domeny dla statycznych plików cookie.

EDIT #1: Zanim zaczniesz zabawę z bazą danych zrób proszę kopię zapasową!

EDIT #2: Jeżeli Twój motyw WordPress wymaga zmiennych do CORS, proszę wklej poniższy kod na początku Twojego pliku .htaccess:

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|json)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

Pytanie brzmi: jak korzystać z domeny bez plików cookie w WordPress?

1. Stwórz subdomenę. Na przykład: media.twojadomena.pl
2. Ustaw tę subdomenę na katalog wp-content na Twoim hostingu.
3. W pliku konfiguracji WordPress wp-config.php, który znajduje się w głównym katalogu Twojej strony dodaj poniższy fragment kodu. Jeżeli już istnieje, to zmodyfikuj odpowiednio

define("WP_CONTENT_URL", "https://media.twojadomena.pl");
define("COOKIE_DOMAIN", "www.twojadomena.pl");

4. Przekieruj wszystkie posty na nową subdomenę. Użyj prostego polecenia w bazie SQL:

UPDATE `wp_posts` SET post_content = REPLACE(post_content,'www.twojadomena.pl/wp-content/','media.twojadomena.pl/')

To wszystko! Wykonując powyższe kroki, skonfigurowałeś subdomenę dla statycznych plików cookie. Jeszcze raz to samo na video: jak w prosty sposób zrobisz to na hostingu Serwer.io

Cookie-Free Domain przez CDN

Korzystanie z CDN to kolejna przydatna metoda korzystania z domeny bez plików cookie w WordPress. Większość CDN ma możliwość ignorowania plików cookie. Jednak wybór właściwego CDN może być trudny. Jak wiadomo, każda sieć CDN ma unikalną funkcję. Zatem użycie ich wszystkich nie może być dobrym rozwiązaniem.

Nie będziemy rozmawiać o tym, który CDN może powodować problemy. Chciałbym przedstawić Tobie tylko odpowiedni CDN. Moją rekomendacją jest relatywnie tani KeyCDN. Aby użyć tego CDN na swojej stronie internetowej, możesz użyć dedykowanej wtyczki od KeyCDN.

Wykonaj poniższe kroki:

1. Utwórz konto na KeyCDN. Pierwsze 14 dni jest za darmo.
2. Zainstaluj i aktywuj na WordPress wtyczkę CDN Enabler
3. W panelu KeyCDN stwórz nową strefę:

4. Skopiuj Zone URL i wklej go w CDN Enabler w polu CDN URL jako pełen adres (wraz z https://). Przykład: https://typowyjanusz-4c56.kxcdn.com

Kiedy zapiszesz zmiany, wyczyść cache strony i przeglądarki.

To wszystko. Upewnij się, że postępujesz zgodnie z instrukcjami. Teraz przejdź do GTMetrix i sprawdź swoją witrynę.

Case Study: Motyw Uncode + problemy SQL

Powyższy samouczek starałem się zrobić dokładnie. Jednak bywają strony „oporne” na proste metody. Bywają również strony, które mają inne błędy czy też trudności spowodowane konfliktami, hostingiem, wtyczkami. Przykład poniżej, to motyw Uncode oraz tabele SQL zaczynające się od cyfry + masa innych problemów typu CORS, SSL itd.

https://vimeo.com/420746122

Pomogłem? Udostępnij artykuł na swoim FB i pomóż innym zoptymalizować ich strony. Jeżeli masz pytania, pisz śmiało w komentarzu poniżej!