{"id":227832,"date":"2022-10-06T18:02:00","date_gmt":"2022-10-06T15:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227832"},"modified":"2022-11-08T19:55:27","modified_gmt":"2022-11-08T16:55:27","slug":"jak-wykorzystac-buforowanie-przegladarki-w-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-wykorzystac-buforowanie-przegladarki-w-wordpress\/","title":{"rendered":"Jak wykorzysta\u0107 buforowanie przegl\u0105darki w WordPress"},"content":{"rendered":"\n

Je\u015bli chcesz wykorzysta\u0107 buforowanie przegl\u0105darki w WordPressie, wiesz ju\u017c o g\u0142\u00f3wnej korzy\u015bci, jak\u0105 ma \u2013 poprawia szybko\u015b\u0107 \u0142adowania strony.<\/p>\n

Ten szczeg\u00f3\u0142 jest bardzo wa\u017cny dla os\u00f3b, kt\u00f3re napotykaj\u0105 ten problem. Na szcz\u0119\u015bcie istniej\u0105 narz\u0119dzia takie jak Google PageSpeed \u200b\u200bInsights<\/a> czy GT matrix<\/a>. Mog\u0105 one dok\u0142adnie powiedzie\u0107, co chcesz wiedzie\u0107 o wydajno\u015bci Twojej witryny, co musisz zmieni\u0107, je\u015bli masz ju\u017c w\u0142\u0105czone buforowanie przegl\u0105darki lub nie, i wiele wi\u0119cej.<\/p>\n

\"Jak<\/a><\/p>\n

Ok ok. Wi\u0119c o co chodzi? Dlaczego musisz korzysta\u0107 z pami\u0119ci podr\u0119cznej przegl\u0105darki w WordPressie?<\/p>\n

Ta kwestia zosta\u0142a szczeg\u00f3\u0142owo om\u00f3wiona poni\u017cej przez nasz zesp\u00f3\u0142 wpDataTables<\/a><\/strong>, wi\u0119c czytaj dalej, a do ko\u0144ca tego artyku\u0142u uda Ci si\u0119 wykorzysta\u0107 buforowanie przegl\u0105darki (ze skrzy\u017cowanymi palcami).<\/p>\n

Stworzenie przyjemnej wizualnie strony internetowej nie jest ju\u017c najwa\u017cniejsze, gdy czasy \u0142adowania s\u0105 tak z\u0142e, \u017ce u\u017cytkownicy opuszczaj\u0105 j\u0105 w kilka sekund.<\/p>\n

Musisz zbudowa\u0107 witryn\u0119<\/a> z szybko \u0142aduj\u0105cymi si\u0119 stronami i wysokiej jako\u015bci tre\u015bci\u0105. Ka\u017cda osoba maj\u0105ca kontakt z Internetem powinna o tym wiedzie\u0107. A naj\u0142atwiejszym sposobem na przyspieszenie witryny jest wykorzystanie pami\u0119ci podr\u0119cznej przegl\u0105darki.<\/p>\n

\"Jak<\/a><\/p>\n

Ta koncepcja zostanie wyja\u015bniona p\u00f3\u017aniej, ale powiniene\u015b wiedzie\u0107, \u017ce jest to najlepsza rekomendacja Google, je\u015bli chodzi o czasy \u0142adowania.<\/p>\n

Zwykle szybko\u015b\u0107 \u0142adowania witryny mo\u017cna poprawi\u0107 nawet o 50%, o ile stosujesz odpowiednie metody.<\/p>\n

Co ma z tym wsp\u00f3lnego buforowanie przegl\u0105darki?<\/p>\n

Zag\u0142\u0119bmy si\u0119.<\/p>\n

Cache przegl\u0105darki d\u017awigni? Co przez to rozumiesz?<\/strong><\/h2>\n

Dla tych, kt\u00f3rzy nie wiedz\u0105, dlaczego nale\u017cy korzysta\u0107 z pami\u0119ci podr\u0119cznej przegl\u0105darki, najlepiej wyja\u015bni\u0107 to prostszymi s\u0142owami.<\/p>\n

Buforowanie reprezentuje czas, przez jaki przegl\u0105darki lokalnie przechowuj\u0105 zasoby, kt\u00f3re mo\u017cna przechowywa\u0107 w pami\u0119ci podr\u0119cznej, dost\u0119pne w witrynie internetowej.<\/p>\n

Zasoby te obejmuj\u0105 obrazy, JavaScript, CSS i inne. Za ka\u017cdym razem, gdy dana osoba wchodzi na stron\u0119 internetow\u0105, zasoby, kt\u00f3re mo\u017cna przechowywa\u0107 w pami\u0119ci podr\u0119cznej, kt\u00f3re s\u0105 przechowywane na twoim komputerze, s\u0105 przesy\u0142ane z powrotem. Szybko\u015b\u0107 \u0142adowania strony internetowej jest w ten spos\u00f3b wyra\u017anie poprawiona. To jest pow\u00f3d, dla kt\u00f3rego ludzie chc\u0105 wykorzystywa\u0107 buforowanie przegl\u0105darki w WordPress.<\/p>\n

Jak dzia\u0142a buforowanie<\/strong> przegl\u0105darki<\/strong> w WordPressie?<\/strong><\/h2>\n

\"Jak<\/a><\/p>\n

Gdy dana osoba uzyskuje dost\u0119p do okre\u015blonej domeny, w tle zachodzi wiele proces\u00f3w. Wszystko, co sk\u0142ada si\u0119 na Twoj\u0105 witryn\u0119 WordPress, jest przesy\u0142ane do przegl\u0105darki u\u017cytkownika, dzi\u0119ki czemu witryna jest widoczna. Te sk\u0142adniki witryny obejmuj\u0105 tre\u015bci, obrazy, arkusze styl\u00f3w, skrypty i inne. Musz\u0105 by\u0107 przeniesione z serwera serwisu do przegl\u0105darki u\u017cytkownika, gdy jest to wymagane. Etapy tego procesu to:<\/p>\n

    \n
  1. Odwiedzaj\u0105cy wpisuje adres URL w swojej przegl\u0105darce<\/li>\n
  2. Przegl\u0105darka generuje zapytanie do serwera, na kt\u00f3rym znajduje si\u0119 Twoja strona internetowa (\u017c\u0105danie HTTP)<\/li>\n
  3. Serwer \u0142\u0105czy wszystkie dane i przesy\u0142a je do u\u017cytkownika. To jest krok, w kt\u00f3rym u\u017cytkownicy zauwa\u017caj\u0105 spowolnienie. Aby zapobiec temu spowolnieniu, ludzie mog\u0105 zmniejszy\u0107 rozmiar wycink\u00f3w, zoptymalizowa\u0107 rozmiary obraz\u00f3w i tak dalej.<\/li>\n
  4. Po przes\u0142aniu danych przegl\u0105darka mo\u017ce wreszcie wy\u015bwietli\u0107 stron\u0119 internetow\u0105. Proces powtarza si\u0119, gdy odwiedzaj\u0105cy uzyskuj\u0105 dost\u0119p do innych stron. \u017b\u0105dania serwera mog\u0105 by\u0107 jednocze\u015bnie bardzo liczne, co mo\u017ce prowadzi\u0107 do niskiej wydajno\u015bci. Dlatego ludzie musz\u0105 zoptymalizowa\u0107 swoj\u0105 stron\u0119 internetow\u0105, aby by\u0142a szybka.<\/li>\n<\/ol>\n

    Zawarto\u015b\u0107 pami\u0119ci podr\u0119cznej jest u\u017cywana zar\u00f3wno w przegl\u0105darkach internetowych, jak i aplikacjach. Jest przechowywany tymczasowo na dysku lokalnym. Te dane nosz\u0105 nazw\u0119 ’ Pami\u0119\u0107 podr\u0119czna sieci<\/a> ’ lub ’ Pami\u0119\u0107 podr\u0119czna HTTP<\/a> ’. Za ka\u017cdym razem, gdy odwiedzasz t\u0119 sam\u0105 witryn\u0119, przegl\u0105darka przesy\u0142a informacje przechowywane na Twoim komputerze i pobiera zawarto\u015b\u0107 z witryny.<\/p>\n

    Aby sprawdzi\u0107, czy Twoja witryna WordPress prawid\u0142owo wykorzystuje buforowanie przegl\u0105darki, musisz u\u017cy\u0107 okre\u015blonego narz\u0119dzia. Najpopularniejszym z nich jest Google PageSpeed \u200b\u200bInsights. Sprawd\u017a, czy wszystko dzia\u0142a poprawnie, wpisuj\u0105c adres URL swojej witryny.<\/p>\n

    Nast\u0119pnie kliknij Analizuj i pozw\u00f3l, aby narz\u0119dzie wykona\u0142o swoj\u0105 magi\u0119. PageSpeed \u200b\u200bpowinien informowa\u0107, jaki wynik ma Twoja witryna pod wzgl\u0119dem optymalizacji pod k\u0105tem urz\u0105dze\u0144 mobilnych i komputer\u00f3w stacjonarnych. Wynik waha si\u0119 od 0 do 100, a nast\u0119pnie otrzymasz sugestie, jak ulepszy\u0107 swoj\u0105 witryn\u0119. Jedn\u0105 z najcz\u0119stszych sugestii jest skorzystanie z pami\u0119ci podr\u0119cznej przegl\u0105darki w WordPress.<\/p>\n

    Hej, czy wiesz, \u017ce dane te\u017c mog\u0105 by\u0107 pi\u0119kne?<\/h3>\n

    wpDataTables<\/a> mo\u017ce to zrobi\u0107. Nie bez powodu jest to wtyczka nr 1 WordPress do tworzenia responsywnych tabel i wykres\u00f3w.<\/p>\n

    \"Jak<\/a><\/p>\n

    Rzeczywisty przyk\u0142ad wpDataTables w \u015brodowisku naturalnym<\/p>\n

    I naprawd\u0119 \u0142atwo jest zrobi\u0107 co\u015b takiego:<\/p>\n

      \n
    1. Podajesz dane tabeli<\/li>\n
    2. Skonfiguruj i dostosuj go<\/li>\n
    3. Opublikuj go w po\u015bcie lub na stronie<\/li>\n<\/ol>\n

      I to nie tylko \u0142adne, ale i praktyczne. Mo\u017cesz tworzy\u0107 du\u017ce tabele z milionami wierszy<\/a>, mo\u017cesz u\u017cy\u0107 zaawansowanych filtr\u00f3w i wyszukiwania<\/a>, albo mo\u017cesz poszale\u0107 i udost\u0119pni\u0107 je do edycji<\/a>.<\/p>\n

      \u201eTak, ale po prostu za bardzo lubi\u0119 Excela, a na stronach internetowych nic takiego nie ma". Tak, jest. Mo\u017cesz u\u017cy\u0107 formatowania warunkowego,<\/a> takiego jak w Excelu lub Arkuszach Google.<\/p>\n

      Czy m\u00f3wi\u0142em ci, \u017ce mo\u017cesz te\u017c tworzy\u0107 wykresy<\/a> ze swoich danych? A to tylko niewielka cz\u0119\u015b\u0107. Istnieje wiele innych funkcji<\/a> dla Ciebie.<\/p>\n

      R\u00f3\u017cnice mi\u0119dzy buforowaniem serwera a buforowaniem przegl\u0105darki<\/strong><\/h2>\n

      Ka\u017cdy u\u017cytkownik WordPressa powinien wiedzie\u0107 wi\u0119cej o buforowaniu serwera. Jest to proces, kt\u00f3ry obejmuje generowanie stron internetowych z pami\u0119ci podr\u0119cznej dla Twojej witryny za po\u015brednictwem serwera WWW. Powy\u017csze kroki reprezentuj\u0105 buforowanie witryny, kt\u00f3re odbywa si\u0119 g\u0142\u00f3wnie po stronie serwera.<\/p>\n

      Istnieje kilka sposob\u00f3w na ulepszenie systemu buforowania serwera. Najbardziej zalecan\u0105 opcj\u0105 by\u0142aby aktualizacja nag\u0142\u00f3wk\u00f3w w Apache. Korzystanie z wtyczek WordPress by\u0142oby kolejnym krokiem, a dodanie CDN nast\u0119puje po nim.<\/p>\n

      Wykorzystaj buforowanie przegl\u0105darki w WordPress<\/strong><\/h2>\n

      Aby wykorzysta\u0107 buforowanie przegl\u0105darki w WordPressie, musisz u\u017cy\u0107 troch\u0119 kodu. Nie martw si\u0119 \u2013 to nie jest takie trudne, jak mog\u0142oby si\u0119 wydawa\u0107.<\/p>\n

      Musisz tylko dotrze\u0107 do. htaccess file<\/a>, dodaj dany fragment kodu i to wszystko. Wykorzystanie buforowania przegl\u0105darki za pomoc\u0105 pliku Htaccess jest naj\u0142atwiejsz\u0105 i najskuteczniejsz\u0105 metod\u0105, o kt\u00f3rej powiniene\u015b si\u0119 dowiedzie\u0107.<\/p>\n

      Najprostszym i najszybszym sposobem, aby upewni\u0107 si\u0119, \u017ce Twoja witryna WordPress w pe\u0142ni wykorzystuje buforowanie zar\u00f3wno po stronie serwera, jak i przegl\u0105darki, jest skorzystanie z zarz\u0105dzanego hostingu WordPress<\/a>, kt\u00f3ry wst\u0119pnie konfiguruje dla Ciebie wszystkie niezb\u0119dne ustawienia.<\/p>\n

      Wykorzystaj buforowanie przegl\u0105darki w WordPressie r\u0119cznie, wykonuj\u0105c nast\u0119puj\u0105ce czynno\u015bci:<\/p>\n

        \n
      1. Dodaj nag\u0142\u00f3wki wygasa<\/li>\n
      2. Dodaj nag\u0142\u00f3wki kontroli pami\u0119ci podr\u0119cznej<\/li>\n
      3. Wy\u0142\u0105cz tagi ET<\/li>\n<\/ol>\n

        Aby to zrobi\u0107, musisz wykona\u0107 poni\u017csze czynno\u015bci:<\/p>\n

          \n
        1. \n

          Uzyskaj dost\u0119p do plik\u00f3w strony internetowej<\/h4>\n<\/li>\n<\/ol>\n

          \"Jak<\/a><\/p>\n

          Zacznij od zalogowania si\u0119 na swoje konto hostingowe\/cPanel. Przejd\u017a do mened\u017cera plik\u00f3w. Tutaj znajdziesz ustawienia witryny, w kt\u00f3rych musisz w\u0142\u0105czy\u0107 opcj\u0119 Ukryty plik. Nast\u0119pnie przejd\u017a do katalogu g\u0142\u00f3wnego witryny i przejd\u017a do pliku .htaccess.<\/p>\n

          Zwykle znajduje si\u0119 w \/public_html\/.htaccess. Je\u015bli domena Twojej witryny jest niestandardowa, znajdziesz j\u0105 pod domainname\/public_html\/.htaccess. Kliknij plik prawym przyciskiem myszy i edytuj go, korzystaj\u0105c z otrzymanych instrukcji.<\/p>\n

            \n
          1. \n

            Dodaj kod pami\u0119ci podr\u0119cznej przegl\u0105darki do pliku .htaccess<\/h4>\n<\/li>\n<\/ol>\n

            Nast\u0119pny krok jest najprostszy. Skopiuj poni\u017cszy kod i wklej go na ko\u0144cu zawarto\u015bci pliku .htaccess. Nie wprowadzaj \u017cadnych innych zmian w pliku.<\/p>\n

            #Customize expires cache start - adjust the period according to your needs\n<IfModule mod_expires.c>\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n<\/IfModule>\n#Expires cache end<\/code><\/pre>\n
            Ustawienia zawarte w powy\u017cszym kodzie obejmuj\u0105 600-sekundowy czas od\u015bwie\u017cania\/wyga\u015bni\u0119cia dla HTML oraz jeden miesi\u0105c dla CSS i JavaScript.<\/p>\n
            Celem tego okresu wyga\u015bni\u0119cia jest unikni\u0119cie zbyt cz\u0119stego ponownego pobierania zasob\u00f3w przez u\u017cytkownik\u00f3w. Je\u015bli cz\u0119\u015bciej dokonujesz zmian w zakresie aktyw\u00f3w, mo\u017cesz zmieni\u0107 okres zgodnie ze swoimi potrzebami.<\/p>\n
            Dla os\u00f3b, kt\u00f3re chc\u0105 wykorzysta\u0107 buforowanie przegl\u0105darki, zmiana pliku .htaccess jest najlepsz\u0105 opcj\u0105.<\/p>\n
            Jak wida\u0107 na fragmencie kodu, obrazy wygasaj\u0105 po up\u0142ywie roku. Aby doda\u0107 wygas\u0142e nag\u0142\u00f3wki .htaccess, musisz zmieni\u0107 plik bez uszkadzania czegokolwiek innego.<\/p>\n
            Jednak niekt\u00f3rzy ludzie nie chc\u0105 zadziera\u0107 z plikiem .htaccess. Je\u015bli taka jest Twoja sytuacja, mo\u017cesz po prostu u\u017cy\u0107 wtyczki do buforowania przegl\u0105darki. Wi\u0119cej o takich wtyczkach dowiesz si\u0119 w dalszej cz\u0119\u015bci tego artyku\u0142u.<\/p>\n
              \n
            1. \n
              Dodaj nag\u0142\u00f3wki kontroli pami\u0119ci podr\u0119cznej za po\u015brednictwem Apache<\/h4>\n<\/li>\n<\/ol>\n
              Skopiuj poni\u017cszy kod:<\/p>\n
              # BEGIN Cache-Control Headers\n\n<IfModule mod_expires.c>\n  <IfModule mod_headers.c>\n \u00a0\u00a0 <filesMatch \".(ico|jpe?g|png|gif|swf)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(css)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(js)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(x?html?|php)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 <\/filesMatch>\n  <\/IfModule>\n<\/IfModule><\/code><\/pre>\n
              Ustawienie daty wyga\u015bni\u0119cia lub maksymalnego wieku w nag\u0142\u00f3wkach HTTP nie jest ju\u017c wymagane, poniewa\u017c zosta\u0142o to ju\u017c ustawione w poprzednim kroku, co oznacza, \u017ce \u200b\u200bnie trzeba tego tutaj powtarza\u0107.<\/p>\n
                \n
              1. \n
                Wy\u0142\u0105cz etagi<\/h4>\n<\/li>\n<\/ol>\n
                Etags to skr\u00f3t od Entity Tags i odnosz\u0105 si\u0119 do nowych wersji plik\u00f3w z pami\u0119ci podr\u0119cznej. Poniewa\u017c masz ju\u017c ustawione nag\u0142\u00f3wki kontroli pami\u0119ci podr\u0119cznej, nie ma potrzeby u\u017cywania ETag\u00f3w, wi\u0119c mo\u017cesz je wy\u0142\u0105czy\u0107, aby skr\u00f3ci\u0107 czas \u0142adowania. Dodaj nast\u0119puj\u0105cy fragment kodu do pliku .htaccess:<\/p>\n
                <IfModule mod_headers.c>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n<\/IfModule>\nFileETag None<\/code><\/pre>\n
                Zapisz plik .htaccess i gotowe!<\/p>\n
                Serwer NGINX i buforowanie przegl\u0105darki<\/strong><\/h2>\n
                Je\u015bli Twoja witryna korzysta z NGINX, b\u0119dziesz musia\u0142 u\u017cy\u0107 innych fragment\u00f3w kodu, poniewa\u017c nie b\u0119dziesz w stanie znale\u017a\u0107 pliku .htaccess. Ponownie, jest to bardzo \u0142atwy proces, kt\u00f3ry nie wymaga du\u017cej wiedzy technicznej. Przejd\u017a do \/etc\/nginx\/sites-enabled\/default i wklej tam ten kod:<\/p>\n
                server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n
                Prawdopodobnie mo\u017cesz powiedzie\u0107, \u017ce czas wyga\u015bni\u0119cia plik\u00f3w graficznych jest ustawiony na 365 dni, co odpowiada jednemu rokowi. Pliki PDF wygasaj\u0105 po zaledwie 30 dniach. Mo\u017cesz dostosowa\u0107 kod tak, jak chcesz, tak jak w poprzednim przypadku.<\/p>\n
                Po edycji NGINX zapisz plik i mo\u017cesz mie\u0107 pewno\u015b\u0107, \u017ce aktywowa\u0142e\u015b buforowanie przegl\u0105darki na serwerze NGINX.<\/p>\n
                Wykorzystaj przegl\u0105danie w WordPressie za pomoc\u0105 wtyczek<\/strong><\/h2>\n
                Poprawianie pliku .htaccess tam, gdzie go nie potrzebujesz, mo\u017ce zrujnowa\u0107 ca\u0142\u0105 witryn\u0119. Pope\u0142nienie jednego b\u0142\u0119du doprowadzi do pustych stron i b\u0142\u0119d\u00f3w, wi\u0119c jest ca\u0142kowicie zrozumia\u0142e, je\u015bli nie chcesz samodzielnie zmienia\u0107 pliku.<\/p>\n
                Na szcz\u0119\u015bcie istniej\u0105 wtyczki, kt\u00f3re mog\u0105 by\u0107 przydatne, bez konieczno\u015bci uczenia si\u0119, jak w\u0142\u0105czy\u0107 buforowanie przegl\u0105darki w WordPressie<\/p>\n
                r\u0119cznie. Instalacj\u0119 wtyczki mo\u017cna wykona\u0107 w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n
                \"Jak<\/a><\/p>\n
                  \n
                1. Pobierz wtyczk\u0119 \u2013 jeden przyk\u0142ad znajdziesz tutaj<\/li>\n
                2. Przejd\u017a do pulpitu nawigacyjnego, wtyczek i dodaj nowy<\/li>\n
                3. Znajd\u017a \u201eWykorzystaj buforowanie przegl\u0105darki”<\/li>\n
                4. Kliknij Zainstaluj teraz<\/li>\n
                5. Aktywuj wtyczk\u0119<\/li>\n
                6. Przetestuj swoj\u0105 witryn\u0119<\/li>\n<\/ol>\n
                  Istniej\u0105 r\u00f3wnie\u017c inne wtyczki, kt\u00f3rych mo\u017cesz u\u017cy\u0107, a niekt\u00f3re z nich s\u0105 wymienione poni\u017cej. Wybierz je zgodnie ze swoimi wymaganiami:<\/p>\n
                  Ca\u0142kowita pami\u0119\u0107 podr\u0119czna W3 \u2013 wtyczka WordPress<\/h2>\n
                  \"Jak<\/a><\/p>\n
                  Naprawianie buforowania przegl\u0105darki z d\u017awigni\u0105 w WordPress za pomoc\u0105 W3 Total Cache mo\u017cna wykona\u0107, wykonuj\u0105c nast\u0119puj\u0105ce czynno\u015bci:<\/p>\n
                    \n
                  1. Pobierz i zainstaluj wtyczk\u0119 W3 Total Cache WordPress<\/li>\n
                  2. Przejd\u017a do ustawie\u0144 og\u00f3lnych i wybierz opcj\u0119 W\u0142\u0105cz pami\u0119\u0107 podr\u0119czn\u0105 przegl\u0105darki<\/li>\n
                  3. Kliknij Zapisz i przejd\u017a do Ustawie\u0144 pami\u0119ci podr\u0119cznej przegl\u0105darki (u g\u00f3ry strony)<\/li>\n
                  4. Wybierz dost\u0119pne nag\u0142\u00f3wki pami\u0119ci podr\u0119cznej<\/li>\n
                  5. Ustaw nag\u0142\u00f3wki wygasania, kontrol\u0119 pami\u0119ci podr\u0119cznej i nag\u0142\u00f3wki ETag (na podstawie ustawie\u0144 zrobionych wcze\u015bniej)<\/li>\n
                  6. Zapisz wszystkie ustawienia i od\u015bwie\u017c swoj\u0105 stron\u0119<\/li>\n<\/ol>\n
                    Najszybsza pami\u0119\u0107 podr\u0119czna WP<\/h2>\n
                    \"Jak<\/a><\/p>\n
                    WP Fastest Cache to kolejna wtyczka, kt\u00f3rej mo\u017cesz u\u017cy\u0107 do w\u0142\u0105czenia buforowania przegl\u0105darki w WordPress.<\/p>\n
                      \n
                    1. Pobierz i zainstaluj WP Fastest Cache.<\/li>\n
                    2. Przejd\u017a do ustawie\u0144 wtyczki<\/li>\n
                    3. Wybierz Buforowanie przegl\u0105darki, zaznaczaj\u0105c pole<\/li>\n
                    4. Kliknij Prze\u015blij, aby zastosowa\u0107 zmiany i to wszystko<\/li>\n<\/ol>\n
                      W\u0142\u0105cz pami\u0119\u0107 podr\u0119czn\u0105 \u2013 pami\u0119\u0107 podr\u0119czna WordPress<\/h2>\n
                      \"Jak<\/a><\/p>\n
                      Ta wtyczka zawiera wi\u0119cej funkcji, kt\u00f3re mog\u0105 okaza\u0107 si\u0119 przydatne w przysz\u0142o\u015bci: mo\u017cesz zautomatyzowa\u0107 proces czyszczenia pami\u0119ci podr\u0119cznej lub mo\u017cesz to zrobi\u0107 r\u0119cznie, mo\u017cesz r\u0119cznie wyczy\u015bci\u0107 stron\u0119, mo\u017cesz zminimalizowa\u0107 HTML i JavaScript i wiele innych. Aby z niego skorzysta\u0107, po prostu:<\/p>\n
                        \n
                      1. Zainstaluj wtyczk\u0119 i aktywuj j\u0105<\/li>\n
                      2. Przejd\u017a do ustawie\u0144<\/li>\n
                      3. Kliknij W\u0142\u0105cz buforowanie przegl\u0105darki z d\u017awigni\u0105<\/li>\n<\/ol>\n
                        U\u017cyj Yoast SEO, aby edytowa\u0107 plik .htaccess<\/strong><\/h2>\n
                        \"Jak<\/a><\/p>\n
                        Mo\u017cesz tak\u017ce edytowa\u0107 plik .htaccess w bezpieczniejszy spos\u00f3b, u\u017cywaj\u0105c wtyczki Yoast SEO. Najcz\u0119\u015bciej u\u017cywan\u0105 wtyczk\u0105 WordPress jest SEO firmy Yoast. Korzystaj\u0105c z tej wtyczki, mo\u017cesz \u0142atwo edytowa\u0107 plik .htaccess. Je\u015bli nie masz jeszcze Yoast, musisz go wcze\u015bniej zainstalowa\u0107 i aktywowa\u0107. Nast\u0119pnie musisz:<\/p>\n
                          \n
                        1. Uzyskaj dost\u0119p do SEO, a nast\u0119pnie Narz\u0119dzia.<\/li>\n
                        2. Przejd\u017a do Edytora plik\u00f3w<\/li>\n
                        3. Plik .htaccess zostanie otwarty w edytorze tekstu, w kt\u00f3rym mo\u017cesz wklei\u0107 wymienione powy\u017cej fragmenty kodu<\/li>\n
                        4. Zapisz zmiany<\/li>\n<\/ol>\n
                          Po wprowadzeniu zmian mo\u017cesz skorzysta\u0107 z Google PageSpeed \u200b\u200bInsights, aby sprawdzi\u0107, czy po wprowadzeniu zmian wszystko jest w porz\u0105dku. Je\u015bli Twoja witryna prawid\u0142owo wykorzystuje pami\u0119\u0107 podr\u0119czn\u0105 przegl\u0105darki, mo\u017cesz zacz\u0105\u0107. Je\u015bli nie, powiniene\u015b ponownie przej\u015b\u0107 przez ten proces i zobaczy\u0107, co przegapi\u0142e\u015b.<\/p>\n
                          Buforowanie zasob\u00f3w firm trzecich<\/strong><\/h2>\n
                          Po wykonaniu wszystkich zmian opisanych w tym artykule nadal mo\u017cesz uzyska\u0107 z\u0142y wynik podczas testowania szybko\u015bci witryny za pomoc\u0105 r\u00f3\u017cnych narz\u0119dzi. Google PageSpeed \u200b\u200bInsights mo\u017ce da\u0107 Ci z\u0142y wynik z powodu wielu skrypt\u00f3w lub us\u0142ug innych firm, kt\u00f3re dzia\u0142aj\u0105 za Twoj\u0105 witryn\u0105. Skrypty te nie maj\u0105 d\u0142ugiego czasu wa\u017cno\u015bci z wielu powod\u00f3w.<\/p>\n
                          Je\u015bli nadal b\u0119dziesz otrzymywa\u0107 wiadomo\u015bci do wykorzystania buforowania przegl\u0105darki w WordPress po zastosowaniu wszystkich mo\u017cliwych wskaz\u00f3wek, niewiele mo\u017cesz zrobi\u0107 poza wyeliminowaniem skrypt\u00f3w, kt\u00f3rych nie u\u017cywasz. Maksymalnie trzy skrypty powinny wystarczy\u0107 na stronie internetowej, wi\u0119c pami\u0119taj o wyczyszczeniu listy.<\/p>\n
                          Po wprowadzeniu tej zmiany wszystko powinno dzia\u0142a\u0107 poprawnie, a czas \u0142adowania Twojej strony powinien by\u0107 jak najbardziej zbli\u017cony do perfekcji. Je\u015bli napotkasz problem, kt\u00f3ry jest bardzo specyficzny i nie ma on nic wsp\u00f3lnego ze skryptami innych firm, powiniene\u015b zosta\u0107 o tym poinformowany i sprawdzi\u0107, jakie ustawienie powoduje problem.<\/p>\n
                          Ko\u0144cowe my\u015bli o tym, jak wykorzysta\u0107 pami\u0119\u0107 podr\u0119czn\u0105 przegl\u0105darki w WordPress<\/strong><\/h2>\n
                          Pami\u0119taj, \u017ce mo\u017cesz nie zauwa\u017cy\u0107 zmian, kt\u00f3re wprowadzasz natychmiast po zainstalowaniu wtyczki. Powodem tego op\u00f3\u017anienia jest plik CSS\/Arkusz styl\u00f3w. Pami\u0119\u0107 podr\u0119czna przegl\u0105darki, kt\u00f3r\u0105 ju\u017c zapisa\u0142e\u015b na swoim komputerze, uniemo\u017cliwi Ci zobaczenie dokonanych zmian. Aby poprawnie zobaczy\u0107 stron\u0119 po wprowadzeniu kilku zmian, zaleca si\u0119 odwiedzenie jej za pomoc\u0105 funkcji Incognito w Twojej przegl\u0105darce. Korzystaj\u0105c z tej funkcji, nie b\u0119dziesz korzysta\u0107 z zasob\u00f3w pami\u0119ci podr\u0119cznej i powiniene\u015b by\u0107 w stanie poprawnie zobaczy\u0107 zmiany.<\/p>\n
                          Ostatecznie wybrana metoda wykorzystania buforowania przegl\u0105darki nie ma znaczenia. Jedyne, co si\u0119 liczy, to zobaczy\u0107 go w akcji. Tak d\u0142ugo, jak buforowanie przegl\u0105darki w WordPressie dzia\u0142a zgodnie z za\u0142o\u017ceniami, spos\u00f3b, w jaki si\u0119 tam znalaz\u0142e\u015b, nie ma znaczenia. Mo\u017cesz wybra\u0107 metod\u0119, z kt\u00f3r\u0105 czujesz si\u0119 komfortowo, a wynik b\u0119dzie taki sam. Albo zdecydujesz si\u0119 zmieni\u0107 plik .htaccess, albo u\u017cy\u0107 wtyczki, uzyskasz lepsze czasy \u0142adowania, aktywuj\u0105c buforowanie przegl\u0105darki d\u017awigni.<\/p>\n
                          Je\u015bli podoba\u0142 Ci si\u0119 ten artyku\u0142 o tym, jak wykorzysta\u0107 pami\u0119\u0107 podr\u0119czn\u0105 przegl\u0105darki w WordPressie, powiniene\u015b zapozna\u0107 si\u0119 z tym, jak przyspieszy\u0107 dzia\u0142anie WordPressa<\/a>.<\/p>\n
                          Pisali\u015bmy r\u00f3wnie\u017c o kilku powi\u0105zanych tematach, takich jak wtyczka bazy danych WordPress<\/a>, wtyczka leniwego \u0142adowania<\/a> WordPress, opcje wtyczki do pami\u0119ci podr\u0119cznej WordPress i<\/a> us\u0142ugi CDN<\/a>.<\/p>\n
                          \u0179r\u00f3d\u0142o nagrywania:  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
                          Je\u015bli chcesz opanowa\u0107 buforowanie przegl\u0105darki w WordPressie, wiesz ju\u017c o g\u0142\u00f3wnej korzy\u015bci, jak\u0105 ma \u2013 zwi\u0119ksza szybko\u015b\u0107 \u0142adowania strony.<\/p>\n","protected":false},"author":1,"featured_media":173742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[919,845,866],"tags":[1169],"class_list":["post-227832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inny","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/227832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=227832"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/227832\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/173742"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=227832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=227832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=227832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}