{"id":247197,"date":"2022-04-27T12:15:00","date_gmt":"2022-04-27T09:15:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=247197"},"modified":"2022-04-27T12:24:55","modified_gmt":"2022-04-27T09:24:55","slug":"wszystkie-36-sposobow-na-przyspieszenie-witryny-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/wszystkie-36-sposobow-na-przyspieszenie-witryny-wordpress\/","title":{"rendered":"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress"},"content":{"rendered":"<p>To szale\u0144stwo.<\/p>\n<p>Nie chc\u0119 by\u0107 cyniczny, ale oto prawda:<\/p>\n<p>Wi\u0119kszo\u015b\u0107 post\u00f3w na blogu dotycz\u0105cych przyspieszenia dzia\u0142ania WordPressa to gor\u0105cy ba\u0142agan.<\/p>\n<p>Na g\u00f3rze listy znajduj\u0105 si\u0119 wskaz\u00f3wki, kt\u00f3re tylko przyspiesz\u0105 twoje menu administratora o 0,01 s lub dos\u0142ownie w og\u00f3le nie poprawi\u0105 wydajno\u015bci.<\/p>\n<p>Nast\u0119pnie na samym dole znajduj\u0105 si\u0119 niekt\u00f3re z najbardziej znacz\u0105cych dost\u0119pnych technik wykonania.<\/p>\n<p>To tylko orzechy. Oto jak zorganizowany jest m\u00f3j przewodnik po wydajno\u015bci\u2026<\/p>\n<p><strong>Zacznij od krok\u00f3w o du\u017cym wp\u0142ywie<\/strong>.<\/p>\n<p>Na pocz\u0105tku wymieni\u0142em 9 najskuteczniejszych sposob\u00f3w na przyspieszenie witryny. S\u0105 to zdecydowanie najwa\u017cniejsze kroki, kt\u00f3re mo\u017cesz podj\u0105\u0107, aby przyspieszy\u0107 \u0142adowanie witryny.<\/p>\n<p>W rzeczywisto\u015bci, je\u015bli nie u\u017cyjesz \u017cadnej taktyki poza pierwszymi 9, wszystko b\u0119dzie dobrze.<\/p>\n<p>Nast\u0119pnie znajdziesz 27 dodatkowych sposob\u00f3w na przyspieszenie WordPressa. Ka\u017cda z tych taktyk sprawi, \u017ce Twoja witryna b\u0119dzie nieco szybsza, a wyniki ju\u017c osi\u0105gni\u0119te.<\/p>\n<p>I jest jeszcze jedna rzecz, o kt\u00f3rej powiniene\u015b wiedzie\u0107.<\/p>\n<p><strong>To s\u0105 dok\u0142adnie te taktyki, kt\u00f3rych u\u017cywam<\/strong><\/p>\n<p>Nie wymieniam tu \u017cadnej taktyki, kt\u00f3rej w tej chwili nie u\u017cywam.<\/p>\n<p>W rzeczywisto\u015bci, zanim napisa\u0142em ten post, wymy\u015bli\u0142em ogromn\u0105 list\u0119 technik wydajno\u015bciowych, w tym kilka rzeczy, kt\u00f3rych nigdy wcze\u015bniej nie wypr\u00f3bowa\u0142em i przetestowa\u0142em je wszystkie.<\/p>\n<p>Competethemes.com \u0142adowa\u0142 si\u0119 ju\u017c szybko, ale po zastosowaniu ka\u017cdej z wymienionych poni\u017cej taktyk wydajno\u015bciowych jest niesamowicie szybki.<\/p>\n<p>Oto wyniki <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GTMetrix<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>M\u00f3j pierwszy raz uzyska\u0142em 100% wyniku PageSpeed<\/p>\n<p>A je\u015bli u\u017cywam pobliskiej lokalizacji w <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pingdom<\/a>, zg\u0142aszaj\u0105 \u0142adowanie mojej witryny w zaledwie 0,571 sekundy.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Kilka szybkich test\u00f3w por\u00f3wnawczych, zanim zaczniemy:<\/p>\n<ul>\n<li>&gt;3s czas \u0142adowania jest powolny<\/li>\n<li>Czas \u0142adowania 2-3 s jest dobry<\/li>\n<li>Czas \u0142adowania 1-2 s jest szybki<\/li>\n<li>Czas \u0142adowania 0-1s jest bardzo szybki<\/li>\n<\/ul>\n<p>Twoim pierwszym celem powinno by\u0107 za\u0142adowanie witryny w mniej ni\u017c trzy sekundy. Bardzo wa\u017cne jest osi\u0105gni\u0119cie tego testu por\u00f3wnawczego, w przeciwnym razie u\u017cytkownicy opuszcz\u0105 witryn\u0119 przed zako\u0144czeniem wczytywania witryny.<\/p>\n<p>Je\u015bli wdro\u017cysz pierwsze 9 poni\u017cszych taktyk, nie powiniene\u015b mie\u0107 problem\u00f3w ze skr\u00f3ceniem czasu \u0142adowania do 3 sekund.<\/p>\n<p>Je\u015bli chcesz, aby Twoja witryna \u0142adowa\u0142a si\u0119 w ci\u0105gu zaledwie 1 sekund, b\u0119dziesz musia\u0142 zastosowa\u0107 wi\u0119kszo\u015b\u0107, je\u015bli nie wszystkie wymienione tutaj taktyki, a <strong>jest to du\u017co pracy<\/strong>. Nie obwiniam Ci\u0119, je\u015bli ogolisz kilka sekund taktyk\u0105 1-9 i nazwiesz to dniem \ud83d\udc4d<\/p>\n<p>Prawdopodobnie masz ochot\u0119 zacz\u0105\u0107 ju\u017c teraz, wi\u0119c oto najwa\u017cniejszy krok, jaki mo\u017cesz wykona\u0107, aby przyspieszy\u0107 swoj\u0105 witryn\u0119.<\/p>\n<p>Ten post jest skandalicznie d\u0142ugi! Prawdopodobnie nie sko\u0144czysz tego za jednym posiedzeniem, wi\u0119c pami\u0119taj, aby <strong>doda\u0107 t\u0119 stron\u0119<\/strong> do <strong>zak\u0142adek na p\u00f3\u017aniej,<\/strong> aby m\u00f3c wraca\u0107 do niej podczas optymalizacji witryny.<\/p>\n<h2>1 Prze\u0142\u0105cz si\u0119 na szybszego hosta<\/h2>\n<p>Hosting to moc Twojej witryny.<\/p>\n<p>Dzi\u0119ki mocniejszemu hostingowi ca\u0142a witryna b\u0119dzie si\u0119 \u0142adowa\u0107 szybciej.<\/p>\n<p>Mo\u017cesz zaimplementowa\u0107 ka\u017cd\u0105 inn\u0105 technik\u0119 ze \u015bwietnym efektem, ale wszystkie b\u0119d\u0105 dzia\u0142a\u0107 lepiej z hostem o wysokiej wydajno\u015bci. Ponadto zmiana hosta w dzisiejszych czasach jest naprawd\u0119 \u0142atwa.<\/p>\n<p>U\u017cywam <a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kinsta<\/a> for Compete Themes i nie mog\u0119 ich wystarczaj\u0105co poleci\u0107.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Opr\u00f3cz zautomatyzowanych codziennych kopii zapasowych, pi\u0119knego pulpitu nawigacyjnego i naprawd\u0119 pomocnej obs\u0142ugi czatu na \u017cywo\u2026<\/p>\n<p><strong>Sprawi\u0105, \u017ce Twoja witryna b\u0119dzie si\u0119 szybko \u0142adowa\u0107.<\/strong><\/p>\n<p>Kinsta dzia\u0142a tak dobrze, poniewa\u017c jest zbudowany na infrastrukturze chmurowej Google.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Zwykle tego rodzaju specjalistyczna technologia jest dost\u0119pna tylko dla przedsi\u0119biorstw ze wzgl\u0119du na koszty i trudno\u015b\u0107 wdro\u017cenia, ale Kinsta zajmuje si\u0119 tym wszystkim za Ciebie. Po prostu otrzymujesz niesamowit\u0105 wydajno\u015b\u0107.<\/p>\n<p>U\u017cywam Kinsta od sze\u015bciu miesi\u0119cy i ju\u017c by\u0142em zadowolony z ich us\u0142ug, gdy kilka tygodni temu losowo <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">zwi\u0119kszyli wydajno\u015b\u0107 wszystkich o 30-200%<\/a>.<\/p>\n<p>Po prawie dekadzie prowadzenia witryn WordPress nigdy nie mia\u0142em takiego hosta.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sprawd\u017a Kinsta \u2192<\/a><\/p>\n<p>Hosting to podstawa wydajno\u015bci Twojej witryny, wi\u0119c je\u015bli pominiesz wszystko inne, upewnij si\u0119, \u017ce wykona\u0142e\u015b ten krok dobrze.<\/p>\n<p>Nast\u0119pn\u0105 najwa\u017cniejsz\u0105 rzecz\u0105, jak\u0105 mo\u017cesz zrobi\u0107, aby przyspieszy\u0107 swoj\u0105 witryn\u0119 WP, jest dodanie pami\u0119ci podr\u0119cznej.<\/p>\n<h2>2 Dodaj buforowanie<\/h2>\n<p>Ile wynosi 9027 podzielone przez 17?<\/p>\n<p>Aby na to odpowiedzie\u0107, musisz wyci\u0105gn\u0105\u0107 kalkulator, wpisa\u0107 cyfry, a nast\u0119pnie \u015bmia\u0142o powiedzie\u0107 odpowied\u017a, kt\u00f3ra jest 531.<\/p>\n<p>Teraz jeszcze raz zapytam, ile wynosi 9027 podzielone przez 17?<\/p>\n<p>Tym razem odpowied\u017a zna\u0142e\u015b od razu, poniewa\u017c masz j\u0105 w pami\u0119ci.<\/p>\n<p>Na tym polega buforowanie.<\/p>\n<p>Kiedy kto\u015b odwiedza Twoj\u0105 witryn\u0119, uruchamia szereg proces\u00f3w w celu wygenerowania strony. Bez buforowania dzieje si\u0119 tak za ka\u017cdym razem, gdy kto\u015b odwiedza Twoj\u0105 witryn\u0119. To jak u\u017cywanie kalkulatora, aby w k\u00f3\u0142ko uzyskiwa\u0107 odpowied\u017a.<\/p>\n<p>Jak mo\u017cesz zrozumie\u0107, jest to bardzo marnotrawne.<\/p>\n<p>Dzi\u0119ki buforowaniu Twoja witryna generuje stron\u0119 raz, a nast\u0119pnie zapisuje j\u0105, tak jak zapisa\u0142e\u015b numer 531 w swojej pami\u0119ci. Nast\u0119pnie, gdy kto\u015b ponownie odwiedzi Twoj\u0105 witryn\u0119, kopia z pami\u0119ci podr\u0119cznej jest udost\u0119pniana natychmiast, bez konieczno\u015bci uruchamiania wszystkich proces\u00f3w pierwotnie u\u017cytych do utworzenia strony.<\/p>\n<p>Ma sens?<\/p>\n<p>Porozmawiajmy teraz o tym, jak wykorzysta\u0107 t\u0119 technologi\u0119 na swojej stronie.<\/p>\n<h3>Jak doda\u0107 pami\u0119\u0107 podr\u0119czn\u0105 do swojej witryny?<\/h3>\n<p>Po pierwsze, Tw\u00f3j host mo\u017ce zapewni\u0107 wbudowane buforowanie. Dotyczy to Kinsta i wielu innych wydajnych host\u00f3w. Wi\u0119c by\u0107 mo\u017ce masz ju\u017c dodane buforowanie.<\/p>\n<p>Je\u015bli Tw\u00f3j host nie zapewnia buforowania, mo\u017cesz wybra\u0107 spo\u015br\u00f3d wielu wtyczek. Moim zdaniem najlepsz\u0105 opcj\u0105 jest <a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>WP Rocket zapewnia ultraszybkie buforowanie i mn\u00f3stwo innych optymalizacji wydajno\u015bci. B\u0119d\u0119 odwo\u0142ywa\u0142 si\u0119 do tej wtyczki jeszcze sto razy w tym po\u015bcie, wi\u0119c zobaczysz wszystko, co mo\u017ce zrobi\u0107.<\/p>\n<p>Mimo \u017ce Kinsta zapewnia buforowanie, u\u017cywam r\u00f3wnie\u017c WP Rocket ze wzgl\u0119du na inne do\u0142\u0105czone narz\u0119dzia wydajno\u015bci.<\/p>\n<p>Mo\u017cesz post\u0119powa\u0107 zgodnie z moim samouczkiem konfiguracji WP Rocket, aby rozpocz\u0105\u0107:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/aG5uFiWjsU4\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sprawd\u017a WP Rocket \u2192<\/a><\/p>\n<p>Je\u015bli potrzebujesz darmowej alternatywy, polecam <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Super Cache,<\/a> je\u015bli chcesz czego\u015b \u0142atwego w u\u017cyciu, i <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3 Total Cache,<\/a> je\u015bli chcesz bardziej zaawansowane opcje.<\/p>\n<p>Wysokowydajny hosting i buforowanie to zdecydowanie najwa\u017cniejsze funkcje szybko\u015bci, kt\u00f3rych potrzebuje Twoja witryna. To m\u00f3wi\u2026<\/p>\n<p>Zosta\u0142a tylko jedna rzecz, kt\u00f3ra mo\u017ce ca\u0142kowicie wykolei\u0107 twoj\u0105 wydajno\u015b\u0107.<\/p>\n<h3>MUSISZ skorzysta\u0107 z tych trzech kolejnych krok\u00f3w<\/h3>\n<p>Po skonfigurowaniu pami\u0119ci podr\u0119cznej zwr\u00f3\u0107 uwag\u0119 na obrazy swojej witryny.<\/p>\n<p>Je\u015bli nie zoptymalizujesz obraz\u00f3w, Twoja witryna nigdy nie osi\u0105gnie 2-3 sekund czasu \u0142adowania, nigdy nie uzyskasz <a href=\"https:\/\/www.edgeoftheweb.co.uk\/blog\/importance-of-page-speed\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">zoptymalizowanego wyniku PageSpeed<\/a>.<\/p>\n<p>Obrazy mog\u0105 by\u0107 absolutnie ogromnym obci\u0105\u017ceniem dla czas\u00f3w \u0142adowania, wi\u0119c do\u0142\u0105czam tutaj trzy sposoby ich optymalizacji.<\/p>\n<p>Pierwszym sposobem optymalizacji obraz\u00f3w jest ich kompresja.<\/p>\n<h2>3 Kompresuj swoje obrazy<\/h2>\n<p>Nowoczesne algorytmy kompresji obrazu s\u0105 niesamowite.<\/p>\n<p>Mog\u0105 zmniejszy\u0107 rozmiar pliku obrazu o 70% bez zauwa\u017calnego wp\u0142ywu na jego jako\u015b\u0107. Chodzi o to, \u017ce mo\u017cesz sprawi\u0107, \u017ce wszystkie obrazy w Twojej witrynie \u0142aduj\u0105 si\u0119 znacznie szybciej, nie pogarszaj\u0105c ich jako\u015bci. Nie ma minus\u00f3w \u2013 powa\u017cnie!<\/p>\n<p>Je\u015bli chodzi o optymalizacj\u0119 obrazu, moj\u0105 ulubion\u0105 wtyczk\u0105 jest <a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Optimole<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>W kolejnych dw\u00f3ch krokach dowiesz si\u0119 wi\u0119cej o Optimole, ale najpierw musisz wiedzie\u0107:<\/p>\n<p>Optimole u\u017cywa bardzo skutecznego algorytmu kompresji, aby skompresowa\u0107 obrazy do u\u0142amka ich poprzedniego rozmiaru pliku. Jeszcze lepsze jest to, \u017ce jest tak \u0142atwy w u\u017cyciu.<\/p>\n<p>Inne wtyczki do optymalizacji obrazu edytuj\u0105 obrazy w Twojej witrynie i wykorzystuj\u0105 zasoby serwera. Optimole nie dotyka Twoich orygina\u0142\u00f3w \u2013 kopiuj\u0105 Twoje obrazy na sw\u00f3j serwer i tam je optymalizuj\u0105. Dzi\u0119ki temu biblioteka multimedi\u00f3w jest uporz\u0105dkowana, a witryna nie zostanie spowolniona podczas kompresji obraz\u00f3w.<\/p>\n<p>Je\u015bli chcesz dowiedzie\u0107 si\u0119, jak skonfigurowa\u0107 Optimole na swojej stronie, mo\u017cesz \u015bledzi\u0107 m\u00f3j pe\u0142ny film instrukta\u017cowy:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/iZwliEUen2A\" frameborder=\"0\"><\/iframe><\/div>\n<p>Doskona\u0142\u0105 alternatyw\u0105 jest wtyczka <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a>. Konfiguracja wymaga troch\u0119 wi\u0119cej pracy, ale nadal jest wystarczaj\u0105co \u0142atwa w u\u017cyciu.<\/p>\n<p>Z rado\u015bci\u0105 u\u017cywa\u0142em ShortPixel na tej stronie przez lata i przeszed\u0142em na Optimole tylko w tej nast\u0119pnej taktyce.<\/p>\n<h2>4 Zmie\u0144 rozmiar swoich obraz\u00f3w<\/h2>\n<p>Zwr\u00f3\u0107 szczeg\u00f3ln\u0105 uwag\u0119, poniewa\u017c szczeg\u00f3\u0142y s\u0105 krytyczne.<\/p>\n<p>Oto wielki pomys\u0142:<\/p>\n<p><strong>Im wi\u0119ksze s\u0105 wymiary obrazu, tym wi\u0119kszy b\u0119dzie rozmiar pliku.<\/strong><\/p>\n<p>Na przyk\u0142ad obraz o szeroko\u015bci 3000 pikseli mo\u017ce mie\u0107 900 kb, ale po przeskalowaniu do szeroko\u015bci 600 pikseli ma tylko 60 kb. To 15-krotne zmniejszenie rozmiaru pliku!<\/p>\n<p>Oto dlaczego to takie wa\u017cne.<\/p>\n<p>Obrazy w tym po\u015bcie na blogu b\u0119d\u0105 mia\u0142y szeroko\u015b\u0107 600 pikseli w najszerszym miejscu. W moim przyk\u0142adzie ten obraz zosta\u0142 przeskalowany do szeroko\u015bci 600 pikseli i ma tylko 60 KB.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Gdybym nie zmieni\u0142 rozmiaru obrazu i u\u017cy\u0142 wersji 3000 pikseli, w tym po\u015bcie nadal pojawia\u0142by si\u0119 tylko jako szeroko\u015b\u0107 600 pikseli. Obraz wygl\u0105da\u0142by tak samo, ale \u0142adowanie trwa\u0142oby 15 razy d\u0142u\u017cej.<\/p>\n<p>Innymi s\u0142owy, odpowiedni rozmiar obraz\u00f3w przed wstawieniem ich do post\u00f3w mo\u017ce mie\u0107 ogromny wp\u0142yw na szybko\u015b\u0107 \u0142adowania witryny.<\/p>\n<p>Oto problem.<\/p>\n<p>Prawdopodobnie nie wiesz dok\u0142adnie, jak szerokie s\u0105 Twoje obrazy w Twoich postach. Co wi\u0119cej, urz\u0105dzenia mobilne komplikuj\u0105 ten spos\u00f3b. Je\u015bli chodzi o rozmiar ekranu, je\u015bli we\u017amiemy pod uwag\u0119 wszystkie r\u00f3\u017cne monitory i urz\u0105dzenia mobilne, jest ich dos\u0142ownie tysi\u0105ce.<\/p>\n<p>Je\u015bli chcesz wy\u015bwietla\u0107 obrazy, kt\u00f3re s\u0105 idealnie dopasowane dla odwiedzaj\u0105cych, <strong>musz\u0105 by\u0107 one dostosowywane dynamicznie<\/strong> i dlatego zacz\u0105\u0142em u\u017cywa\u0107 Optimole.<\/p>\n<p>Optimole <strong>automatycznie generuje idealnie dopasowane wersje<\/strong> Twoich obraz\u00f3w. Je\u015bli kto\u015b odwiedza Twoj\u0105 witryn\u0119, a obraz wy\u015bwietla si\u0119 w szeroko\u015bci 400 pikseli, Optimole daje mu wersj\u0119 tego obrazu o szeroko\u015bci 400 pikseli.<\/p>\n<p>Inny u\u017cytkownik mo\u017ce wyl\u0105dowa\u0107 na stronie sekund\u0119 p\u00f3\u017aniej, u\u017cywaj\u0105c tabletu wy\u015bwietlaj\u0105cego obraz o szeroko\u015bci 510 pikseli, a Optimole za\u0142aduje inn\u0105 kopi\u0119 obrazu o szeroko\u015bci dok\u0142adnie 510 pikseli.<\/p>\n<p>Zyski z wydajno\u015bci s\u0105 ogromne, a najlepsze jest to, \u017ce nie musisz nic robi\u0107 poza instalacj\u0105 wtyczki Optimole. Dzia\u0142a od momentu aktywacji, nawet nie dotykaj\u0105c \u017cadnych ustawie\u0144. To niesamowite!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Wypr\u00f3buj Optimole na swojej stronie \u2192<\/a><\/p>\n<p>Jest jeszcze jeden spos\u00f3b na optymalizacj\u0119 obraz\u00f3w w witrynie, kt\u00f3ry mo\u017ce mie\u0107 ogromne znaczenie.<\/p>\n<h2>5 Lazy za\u0142aduj swoje obrazy<\/h2>\n<p>Ten post na blogu jest naprawd\u0119 d\u0142ugi i zawiera du\u017co zdj\u0119\u0107.<\/p>\n<p>Je\u015bli doczyta\u0142e\u015b tak daleko, prawdopodobnie by\u0142e\u015b na tej stronie od co najmniej minuty. Wiedz\u0105c o tym, jak g\u0142upio by by\u0142o, gdyby\u015b za\u0142adowa\u0142 wszystkie obrazy w ca\u0142ym po\u015bcie, kiedy po raz pierwszy za\u0142adowa\u0142e\u015b t\u0119 stron\u0119? Nadal nie dotar\u0142e\u015b do wielu obraz\u00f3w, wi\u0119c nie musisz ich jeszcze \u0142adowa\u0107.<\/p>\n<p>Przy <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">leniwym \u0142adowaniu \u0142adowane s\u0105<\/a> tylko obrazy, kt\u00f3re pojawiaj\u0105 si\u0119 na ekranie. Nast\u0119pnie, gdy przewijasz stron\u0119, pozosta\u0142e obrazy s\u0105 \u0142adowane, gdy pojawiaj\u0105 si\u0119 na ekranie.<\/p>\n<p>Zrobi\u0142em wizualizacj\u0119 w tym filmie, kt\u00f3ra ilustruje, jak to dzia\u0142a, ja\u015bniej, ni\u017c mog\u0119 to wyja\u015bni\u0107 za pomoc\u0105 pisania:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/suKQowa2JXQ\" frameborder=\"0\"><\/iframe><\/div>\n<p>Teraz, gdy rozumiesz, jak dzia\u0142a leniwe \u0142adowanie, porozmawiajmy o implementacji.<\/p>\n<h3>Jak doda\u0107 leniwe \u0142adowanie<\/h3>\n<p>Dodanie lazy loading jest naprawd\u0119 \u0142atwe, wi\u0119c moim zdaniem jest to taktyka obowi\u0105zkowa.<\/p>\n<p>Po pierwsze, je\u015bli zainstalowa\u0142e\u015b Optimole, automatycznie dodaje leniwe \u0142adowanie, wi\u0119c ju\u017c sko\u0144czy\u0142e\u015b z t\u0105 taktyk\u0105.<\/p>\n<p>Po drugie, je\u015bli nie u\u017cywasz Optimole, ale zdecydowa\u0142e\u015b si\u0119 u\u017cy\u0107 WP Rocket, po prostu zaznacz to pole tutaj w ustawieniach:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Na koniec, je\u015bli nie zamierzasz u\u017cywa\u0107 \u017cadnej z tych dw\u00f3ch wtyczek, zainstaluj <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>a3 Lazy Load to \u015bwietna wtyczka i zawiera wiele opcji konfiguracyjnych.<\/p>\n<p>W postach takich jak ten leniwe \u0142adowanie jest tak wa\u017cne. To jedna z moich ulubionych optymalizacji wydajno\u015bci.<\/p>\n<p>Kolejne dwie optymalizacje id\u0105 w parze i s\u0105 szczeg\u00f3lnie wa\u017cne w przypadku witryn WordPress.<\/p>\n<h2>6 Zminimalizuj swoje pliki<\/h2>\n<p>W\u0142a\u015bnie dowiedzia\u0142e\u015b si\u0119, \u017ce kompresowanie obraz\u00f3w przyspiesza ich \u0142adowanie, poniewa\u017c skompresowane obrazy maj\u0105 mniejszy rozmiar pliku.<\/p>\n<p>Czasami rozmiar pliku nazywamy wag\u0105, wi\u0119c skompresowanie obrazu zmniejsza jego wag\u0119.<\/p>\n<p>Najwa\u017cniejsze jest to, \u017ce <strong>zmniejszenie wagi witryny przyspiesza jej \u0142adowanie<\/strong>. Oznacza to, \u017ce chcesz zmniejszy\u0107 rozmiar ka\u017cdego pliku, kt\u00f3ry \u0142aduje Twoja witryna.<\/p>\n<p>Opr\u00f3cz obraz\u00f3w Twoja witryna \u0142aduje mi\u0119dzy innymi pliki CSS, pliki JavaScript i pliki czcionek. Zatrzymaj t\u0119 my\u015bl przez chwil\u0119 i porozmawiajmy o minifikacji.<\/p>\n<p>Minifikacja to fantazyjny termin programistyczny, kt\u00f3ry zasadniczo oznacza kompresj\u0119 plik\u00f3w tekstowych. Kompresujesz obrazy i minifikujesz pliki. Dla naszych cel\u00f3w nie musimy podawa\u0107 nic bardziej szczeg\u00f3\u0142owego.<\/p>\n<p>Tak jak skompresowa\u0142e\u015b swoje obrazy, mo\u017cesz zminimalizowa\u0107 pliki CSS i JavaScript (i HTML), aby je zmniejszy\u0107 i zmniejszy\u0107 wag\u0119 strony.<\/p>\n<h3>Jak zminimalizowa\u0107 pliki<\/h3>\n<p>Po raz kolejny dodanie minifikacji do witryny jest proste.<\/p>\n<p>W WP Rocket dost\u0119pne s\u0105 pola wyboru umo\u017cliwiaj\u0105ce minifikacj\u0119 CSS, JS i HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Minimalizacja plik\u00f3w CSS za pomoc\u0105 WP Rocket jest prosta<\/p>\n<p>To wszystko, co musisz zrobi\u0107.<\/p>\n<p>Minifikacja jest tak wa\u017cna dla witryn WordPress, poniewa\u017c prawdopodobnie masz co najmniej sze\u015b\u0107 wtyczek i motyw \u0142aduj\u0105cy pliki w swojej witrynie. Wiele razy programi\u015bci sami nie minimalizuj\u0105 plik\u00f3w, wi\u0119c WP Rocket dba o to za Ciebie.<\/p>\n<p>Je\u015bli potrzebujesz darmowej alternatywy dla minifikacji, <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wypr\u00f3buj<\/a> wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Autoptimize<\/a>.<\/p>\n<h2>7 Po\u0142\u0105cz swoje pliki<\/h2>\n<p>Konkatenacja to kolejny termin techniczny oznaczaj\u0105cy \u201epo\u0142\u0105czy\u0107&quot;.<\/p>\n<p>Kiedy \u0142\u0105czysz pliki, \u0142\u0105czysz je.<\/p>\n<p>Po raz kolejny, poniewa\u017c masz wszystkie te wtyczki w swojej witrynie, kt\u00f3re \u0142aduj\u0105 pliki, wa\u017cne jest, aby u\u017cy\u0107 wtyczki takiej jak WP Rocket, aby po\u0142\u0105czy\u0107 je w jak najmniejsz\u0105 liczb\u0119 plik\u00f3w. Dlatego\u2026<\/p>\n<p>Dowiedzia\u0142e\u015b si\u0119, \u017ce zmniejszenie wagi strony przyspiesza jej \u0142adowanie, ale jest jeszcze jeden wa\u017cny czynnik wydajno\u015bci, kt\u00f3ry nale\u017cy zoptymalizowa\u0107 pod k\u0105tem: \u017c\u0105da\u0144 HTTP.<\/p>\n<p>Wiem, \u017ce ten post staje si\u0119 coraz bardziej techniczny, wi\u0119c postaram si\u0119 o to jak najpro\u015bciej.<\/p>\n<p>Ka\u017cdy \u0142adowany plik wymaga \u017c\u0105dania HTTP. Ka\u017cdy obraz, plik JS, plik CSS itp. \u2013 wszystkie wymagaj\u0105 jednego \u017c\u0105dania HTTP.<\/p>\n<p>Twoja strona internetowa ma ustalon\u0105 liczb\u0119 \u017c\u0105da\u0144 HTTP, kt\u00f3re mo\u017ce obs\u0142u\u017cy\u0107 na raz, wi\u0119c podczas \u0142adowania plik\u00f3w wyst\u0119puje efekt w\u0105skiego gard\u0142a. Z tego powodu im mniej \u017c\u0105da\u0144 HTTP wysy\u0142a Twoja witryna, tym szybciej si\u0119 \u0142aduje.<\/p>\n<p>Na przyk\u0142ad, je\u015bli Twoja witryna zawiera 5 plik\u00f3w CSS, z kt\u00f3rych wszystkie maj\u0105 rozmiar 5 KB, za\u0142aduje si\u0119 szybciej, je\u015bli po\u0142\u0105czysz je w jeden plik CSS o rozmiarze 25 KB.<\/p>\n<p>Dzi\u0119ki minifikacji zmniejszamy wag\u0119 plik\u00f3w Twojej witryny, a nast\u0119pnie poprzez konkatenacj\u0119 \u0142\u0105czymy je w celu zmniejszenia \u017c\u0105da\u0144 HTTP.<\/p>\n<h3>Jak doda\u0107 konkatenacj\u0119<\/h3>\n<p>W celu tej optymalizacji mo\u017cemy r\u00f3wnie\u017c skorzysta\u0107 z wtyczki WP Rocket.<\/p>\n<p>Istniej\u0105 pola wyboru do \u0142\u0105czenia plik\u00f3w CSS i plik\u00f3w JS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Wystarczy zaznaczy\u0107 oba pola, zapisa\u0107 zmiany i gotowe.<\/p>\n<p>Te opcje s\u0105 r\u00f3wnie\u017c dost\u0119pne we wtyczce Autooptimize.<\/p>\n<p>Kolejna wskaz\u00f3wka mo\u017ce Ci\u0119 zaskoczy\u0107, ale moim zdaniem jest to kolejna niezb\u0119dna optymalizacja.<\/p>\n<h2>8 Za\u0142aduj pliki za pomoc\u0105 CDN<\/h2>\n<p>Internet to magia.<\/p>\n<p>Dobrze?<\/p>\n<p>Ale tak naprawd\u0119 nie, tak nie jest.<\/p>\n<p>Jest to sie\u0107 komputer\u00f3w, a po\u0142\u0105czenia w tej sieci s\u0105 ostatecznie fizyczne.<\/p>\n<p>Mo\u017ce si\u0119 to wydawa\u0107 dziwne, ale odleg\u0142o\u015b\u0107 mi\u0119dzy serwerem, na kt\u00f3rym przechowywana jest zawarto\u015b\u0107 Twojej witryny, a lokalizacj\u0105 odwiedzaj\u0105cego jest bardzo wa\u017cna.<\/p>\n<p>Je\u015bli Tw\u00f3j serwer znajduje si\u0119 w Nowym Jorku i kto\u015b z Tokio odwiedzi Twoj\u0105 witryn\u0119, dotarcie do niej plik\u00f3w potrwa d\u0142u\u017cej ni\u017c w przypadku wizyty innej osoby z Nowego Jorku.<\/p>\n<p>Powiedzia\u0142em, \u017ce dziwnie o tym my\u015ble\u0107<\/p>\n<p>A co, je\u015bli przechowujesz kopi\u0119 swojej witryny r\u00f3wnie\u017c na serwerze w Tokio? Czy nie \u0142adowa\u0142oby si\u0119 wtedy szybciej dla odwiedzaj\u0105cych w Japonii?<\/p>\n<p>Tak!<\/p>\n<p>I to jest dok\u0142adnie to, co robi CDN.<\/p>\n<p>CDN oznacza sie\u0107 dostarczania tre\u015bci i jest to zasadniczo sie\u0107 serwer\u00f3w, kt\u00f3re przechowuj\u0105 buforowane kopie Twojej witryny na ca\u0142ym \u015bwiecie.<\/p>\n<p>W ten spos\u00f3b, bez wzgl\u0119du na to, gdzie kto\u015b si\u0119 znajduje, w pobli\u017cu znajduje si\u0119 serwer, kt\u00f3ry dostarcza zawarto\u015b\u0107 Twojej witryny.<\/p>\n<p>Kiedy po raz pierwszy aktywujesz CDN, mo\u017ce si\u0119 wydawa\u0107, \u017ce nie pomaga, je\u015bli mieszkasz w pobli\u017cu serwera \u017ar\u00f3d\u0142owego hosta. Wa\u017cniejsze jest to, jak szybko strona \u0142aduje si\u0119 dla reszty \u015bwiata.<\/p>\n<h3>Jak doda\u0107 CDN do swojej witryny?<\/h3>\n<p>Istnieje kilka solidnych opcji dodawania sieci CDN do witryny.<\/p>\n<p>Po pierwsze, je\u015bli zarejestrowa\u0142e\u015b si\u0119 w Kinsta, mo\u017cesz u\u017cy\u0107 ich wbudowanego CDN. Wszystko, co musisz zrobi\u0107, to w\u0142\u0105czy\u0107 go z menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Mimo \u017ce u\u017cywam Kinsta, u\u017cywam <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CDN Cloudflare,<\/a> kt\u00f3ry jest dost\u0119pny na ich bezp\u0142atnym poziomie cenowym. U\u017cywam CDN Cloudflare, poniewa\u017c u\u017cywam ich zapory ogniowej do blokowania du\u017cego ruchu bot\u00f3w, kt\u00f3ry ta strona otrzymywa\u0142a.<\/p>\n<p>Konfiguracja Cloudflare jest do\u015b\u0107 \u0142atwa i ma wiele innych korzy\u015bci. Mo\u017cesz <a href=\"https:\/\/kinsta.com\/knowledgebase\/install-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">post\u0119powa\u0107 zgodnie z instrukcjami tutaj,<\/a> aby u\u017cy\u0107 Cloudflare w swojej witrynie.<\/p>\n<p>Opr\u00f3cz Cloudflare istniej\u0105 inne popularne p\u0142atne CDN, ale nie wypr\u00f3bowa\u0142em \u017cadnego z nich osobi\u015bcie, wi\u0119c nie mog\u0119 wyda\u0107 dodatkowych rekomendacji.<\/p>\n<p>Przed wszystkimi dodatkami mam dla ciebie jeszcze jeden wzmacniacz wydajno\u015bci.<\/p>\n<h2>9 Wybierz szybki motyw<\/h2>\n<p>Dobra, musz\u0119 przyzna\u0107, ta ostatnia wskaz\u00f3wka jest nieco inna.<\/p>\n<p>Wielu bloger\u00f3w WP powie ci, aby wybra\u0107 motyw, kt\u00f3ry \u0142aduje si\u0119 szybko, ale jako programista motyw\u00f3w, pozw\u00f3l mi wyja\u015bni\u0107, jak to faktycznie dzia\u0142a.<\/p>\n<p>Motyw WordPress nie przyspieszy Twojej witryny. Raczej szukasz takiego, kt\u00f3ry nie spowolni Twojej witryny. To powiedziawszy, o ile motyw nie jest naprawd\u0119 \u017ale wykonany, nie spowolni to zbytnio Twojej witryny, je\u015bli u\u017cyjesz taktyk wymienionych powy\u017cej. Wyt\u0142umacz\u0119.<\/p>\n<p>Przy wszystkich <a href=\"https:\/\/www.competethemes.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">moich motywach<\/a> \u0142aduj\u0119 absolutne minimum, jednocze\u015bnie tworz\u0105c stylowe i nowoczesne wra\u017cenia u\u017cytkownika. Oznacza to, \u017ce motywy \u0142aduj\u0105 si\u0119 tylko:<\/p>\n<ul>\n<li>Jeden plik CSS<\/li>\n<li>Jeden zminimalizowany plik JavaScript<\/li>\n<li>Jedna pro\u015bba o czcionki Google<\/li>\n<li>Czcionka ikony Font Awesome (dla ikon spo\u0142eczno\u015bciowych)<\/li>\n<\/ul>\n<p>Bez po\u015bwi\u0119ce\u0144 projektowych (takich jak u\u017cywanie czcionki systemowej), jest to tak minimalne, jak tylko mo\u017ce uzyska\u0107 motyw.<\/p>\n<p>Nie wszystkie motywy s\u0105 tak zoptymalizowane, ale niekoniecznie stanowi to problem. Dzieje si\u0119 tak, poniewa\u017c nawet je\u015bli Tw\u00f3j motyw nie jest dobrze zoptymalizowany i \u0142aduje dwa pliki CSS i trzy pliki JavaScript, a \u017caden z nich nie jest minifikowany, wtyczka taka jak WP Rocket nadal b\u0119dzie \u0142\u0105czy\u0107 i minimalizowa\u0107 je dla Ciebie, wi\u0119c wynik ko\u0144cowy jest praktycznie taki sam.<\/p>\n<p>Zasadniczo jest ma\u0142o prawdopodobne, \u017ce Tw\u00f3j motyw znacznie spowolni Twoj\u0105 witryn\u0119, je\u015bli zastosujesz strategie wydajno\u015bci wymienione powy\u017cej.<\/p>\n<p>Wybierz motyw od renomowanego dewelopera, a wydajno\u015b\u0107 motywu nie b\u0119dzie stanowi\u0107 problemu.<\/p>\n<h2>Dodatkowe optymalizacje<\/h2>\n<p>Uff!<\/p>\n<p>Ten post jest ju\u017c znacznie d\u0142u\u017cszy ni\u017c si\u0119 spodziewa\u0142em, a je\u015bli dotar\u0142e\u015b tak daleko, mam nadziej\u0119, \u017ce jeste\u015b podekscytowany, aby dowiedzie\u0107 si\u0119 jeszcze wi\u0119cej o optymalizacji wydajno\u015bci.<\/p>\n<p>W dalszej cz\u0119\u015bci tego postu om\u00f3wi\u0119 bardziej szczeg\u00f3\u0142owe i techniczne optymalizacje. Uczyni\u0142em te wskaz\u00f3wki tak przyjaznymi dla pocz\u0105tkuj\u0105cych, jak to tylko mo\u017cliwe. Niekt\u00f3re z nich s\u0105 \u0142atwe do wdro\u017cenia, ale szczerze m\u00f3wi\u0105c, niekt\u00f3re s\u0105 bardzo zaawansowane i tak w\u0142a\u015bnie musi by\u0107 \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>U\u017cyj jak najwi\u0119cej w swojej witrynie i pami\u0119taj, \u017ce je\u015bli wdro\u017cy\u0142e\u015b pierwsze 9 taktyk i post\u0119pujesz zgodnie z <a href=\"https:\/\/webtrainingwheels.com\/7-simple-wordpress-performance-test-best-practices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">najlepszymi praktykami dotycz\u0105cymi wydajno\u015bci,<\/a> to masz ju\u017c lwi\u0105 cz\u0119\u015b\u0107 wynik\u00f3w.<\/p>\n<h3>10 Od\u0142\u00f3\u017c Javascript<\/h3>\n<p>Je\u015bli u\u017cywasz tylko jednej taktyki z reszty tej listy, u\u017cyj tej.<\/p>\n<p>Nie gubi\u0105c si\u0119 zbytnio w szczeg\u00f3\u0142ach technicznych, kolejno\u015b\u0107 \u0142adowania plik\u00f3w na Twojej stronie jest bardzo wa\u017cna. Ta koncepcja nazywa si\u0119 optymalizacj\u0105 \u015bcie\u017cki renderowania.<\/p>\n<p>Chodzi o to, \u017ce CSS Twojej witryny powinien zosta\u0107 za\u0142adowany jako pierwszy, poniewa\u017c Twoja witryna b\u0119dzie pustym bia\u0142ym ekranem, dop\u00f3ki to si\u0119 nie stanie. Je\u015bli chodzi o pliki JavaScript, s\u0105 one prawdopodobnie u\u017cywane do takich rzeczy, jak analizy, kt\u00f3rych nie trzeba od razu \u0142adowa\u0107.<\/p>\n<p>Zamiast zachowywa\u0107 pust\u0105 bia\u0142\u0105 stron\u0119 podczas \u0142adowania JS, odk\u0142adasz pliki JS do momentu za\u0142adowania wszystkich innych element\u00f3w witryny. W ten spos\u00f3b Twoja witryna \u0142aduje si\u0119 w tym samym czasie, ale wy\u015bwietla si\u0119 szybciej, co sprawia, \u017ce \u200b\u200bpojawia si\u0119 szybciej.<\/p>\n<p>Koncepcja jest do\u015b\u0107 zaawansowana, ale po raz kolejny nie jest tak trudna do wdro\u017cenia.<\/p>\n<h4>Jak odroczy\u0107 Javascript<\/h4>\n<p>Pokochasz to.<\/p>\n<p>Tak zaawansowana jak taktyka, wszystko, co musisz zrobi\u0107, to zaznaczy\u0107 pole w ustawieniach WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Je\u015bli nie wiesz, co robisz, bardzo polecam pozostawienie zaznaczonej opcji \u201eTryb awaryjny&#8221;.<\/p>\n<p>Istnieje r\u00f3wnie\u017c spos\u00f3b na zoptymalizowanie kodu CSS pod k\u0105tem \u015bcie\u017cki renderowania.<\/p>\n<h3>11 Optymalizacja dostarczania CSS<\/h3>\n<p>Podobnie jak JavaScript, CSS blokuje renderowanie, wi\u0119c mo\u017cemy go r\u00f3wnie\u017c odroczy\u0107, aby uzyska\u0107 lepsz\u0105 wydajno\u015b\u0107.<\/p>\n<p>Teraz wiem, o czym my\u015blisz: czy nie odroczyli\u015bmy po prostu JS, aby CSS m\u00f3g\u0142 si\u0119 za\u0142adowa\u0107, a teraz odk\u0142adamy te\u017c CSS?<\/p>\n<p>Oto, co si\u0119 dzieje\u2026<\/p>\n<p>Aby usun\u0105\u0107 kod CSS blokuj\u0105cy renderowanie, wstawisz krytyczny kod CSS u\u017cywany do stylizowania cz\u0119\u015bci witryny, kt\u00f3re pojawiaj\u0105 si\u0119 od razu. Nast\u0119pnie reszta kodu CSS Twojej witryny jest \u0142adowana p\u00f3\u017aniej. Po raz kolejny oznacza to, \u017ce Twoja witryna pojawi si\u0119 wizualnie jeszcze szybciej.<\/p>\n<p>Jest to bardzo zaawansowana taktyka i nie zawraca\u0142bym sobie g\u0142owy, gdyby WP Rocket nie uczyni\u0142 tego tak cholernie \u0142atwym.<\/p>\n<h4>Jak zoptymalizowa\u0107 dostarczanie CSS<\/h4>\n<p>Prawdopodobnie ju\u017c si\u0119 do tego przyzwyczajasz\u2026<\/p>\n<p>Wszystko, co musisz zrobi\u0107, aby zoptymalizowa\u0107 dostarczanie CSS za pomoc\u0105 WP Rocket, to zaznacz to pole:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>WP Rocket nast\u0119pnie generuje krytyczny CSS potrzebny dla ka\u017cdej strony i umieszcza go w kodzie HTML. Pozosta\u0142a cz\u0119\u015b\u0107 CSS jest nast\u0119pnie odraczana.<\/p>\n<p>Nigdy nie pr\u00f3bowa\u0142bym robi\u0107 tego r\u0119cznie, wi\u0119c zautomatyzowanie w ten spos\u00f3b jest zab\u00f3jcz\u0105 optymalizacj\u0105.<\/p>\n<p>Nast\u0119pnie mam jeszcze dwie szybkie wygrane, aby przyspieszy\u0107 dzia\u0142anie Twojej witryny.<\/p>\n<h3>12 Wy\u0142\u0105cz obs\u0142ug\u0119 emoji WordPress<\/h3>\n<p>WordPress doda\u0142 obs\u0142ug\u0119 emoji z powrotem w wersji 4.2.<\/p>\n<p>Aby zapewni\u0107 dzia\u0142anie emotikon\u00f3w w Twojej witrynie, WordPress \u0142aduje ma\u0142y plik JavaScript na ka\u017cdej stronie Twojej witryny. To jest ta rzecz\u2026<\/p>\n<p>W\u0142a\u015bciwie nie potrzebujemy tego pliku do obs\u0142ugi emoji, poniewa\u017c praktycznie ka\u017cde urz\u0105dzenie ma ju\u017c zainstalowan\u0105 czcionk\u0119 emoji. Na przyk\u0142ad usun\u0105\u0142em obs\u0142ug\u0119 emotikon\u00f3w z tej strony, ale nadal widzisz emotikony, poniewa\u017c s\u0105 one zainstalowane na Twoim urz\u0105dzeniu \ud83d\udc4d<\/p>\n<p>Usuni\u0119cie obs\u0142ugi emotikon\u00f3w sprawi, \u017ce Twoja witryna nie b\u0119dzie ju\u017c \u0142adowa\u0107 dodatkowego pliku JavaScript, co sprawi, \u017ce b\u0119dzie troch\u0119 szybsza.<\/p>\n<p>Mo\u017cesz zaznaczy\u0107 to pole w WP Rocket, aby usun\u0105\u0107 obs\u0142ug\u0119 emoji:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Wy\u0142\u0105cz emotikony<\/a> wtyczki jest prosta, darmowa alternatywa.<\/p>\n<h3>13 Wy\u0142\u0105cz osadzania WordPress<\/h3>\n<p>Kiedy wkleisz link z Twittera do posta, WordPress automatycznie utworzy \u0142adne pole do umieszczenia.<\/p>\n<p>To fajnie, ale denerwuje mnie to, \u017ce robi to r\u00f3wnie\u017c podczas wklejania link\u00f3w do witryn WordPress, takich jak ta. Nigdy nie u\u017cywam tej funkcji, wi\u0119c wol\u0119 j\u0105 wy\u0142\u0105czy\u0107.<\/p>\n<p>Poniewa\u017c WordPress \u0142aduje dodatkowy plik JavaScript dla tej funkcji osadzania, usuni\u0119cie go zmniejsza wag\u0119 Twojej strony i pozbywa si\u0119 kolejnego \u017c\u0105dania HTTP.<\/p>\n<p>WP Rocket ma kolejne pole wyboru, aby \u0142atwo doda\u0107 t\u0119 optymalizacj\u0119 do swojej witryny.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>To ma\u0142a optymalizacja, ale wszystko pomaga.<\/p>\n<h3>14 Zaktualizuj swoj\u0105 wersj\u0119 PHP<\/h3>\n<p>Wsp\u00f3\u0142czesne j\u0119zyki kodowania s\u0105 zadziwiaj\u0105co szybkie.<\/p>\n<p>Wi\u0119kszo\u015b\u0107 taktyk wydajno\u015bci nie ma nic wsp\u00f3lnego z szybko\u015bci\u0105 wykonywania kodu w Twojej witrynie. Optymalizujemy raczej szybko\u015b\u0107 dostarczania zawarto\u015bci Twojej witryny na urz\u0105dzenie odwiedzaj\u0105cego. To jest cz\u0119\u015b\u0107, kt\u00f3ra wymaga czasu.<\/p>\n<p>Ta taktyka jest inna, poniewa\u017c w rzeczywisto\u015bci przyspiesza dzia\u0142anie kodu w Twojej witrynie.<\/p>\n<p>Nowsze wersje PHP staj\u0105 si\u0119 coraz szybsze, ale je\u015bli nadal u\u017cywasz PHP 5, zobaczysz ogromne korzy\u015bci, prze\u0142\u0105czaj\u0105c si\u0119 na 7.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Zdj\u0119cie dzi\u0119ki uprzejmo\u015bci Kinsta<\/p>\n<p>Wa\u017cne jest, aby zrozumie\u0107, \u017ce podwojenie szybko\u015bci PHP Twojej witryny nie spowoduje, \u017ce witryna b\u0119dzie \u0142adowa\u0107 si\u0119 dwa razy szybciej. Sprawia, \u017ce \u200b\u200bkod PHP dzia\u0142a dwa razy szybciej, co prawdopodobnie stanowi niewielk\u0105 cz\u0119\u015b\u0107 czasu \u0142adowania witryny.<\/p>\n<p>To powiedziawszy, jest to potencjalnie bardzo \u0142atwy wzrost wydajno\u015bci i jest lepszy r\u00f3wnie\u017c pod wzgl\u0119dem bezpiecze\u0144stwa i kompatybilno\u015bci wtyczek.<\/p>\n<h4>Jak zaktualizowa\u0107 wersj\u0119 PHP<\/h4>\n<p>Oto co\u015b, czego nauczy\u0142em si\u0119 przez lata.<\/p>\n<p>Ni\u017cszej jako\u015bci firmy hostingowe u\u017cywaj\u0105 przestarza\u0142ych wersji PHP, a najlepsze firmy hostingowe s\u0105 na bie\u017c\u0105co z wersjami PHP.<\/p>\n<p>Aktualizacja do najnowszej wersji PHP przyspieszy twoj\u0105 stron\u0119 i w zale\u017cno\u015bci od twojego hosta powinna by\u0107 naprawd\u0119 \u0142atwa do zrobienia.<\/p>\n<p>Na przyk\u0142ad Kinsta ma opcj\u0119 na pulpicie nawigacyjnym, kt\u00f3rej mo\u017cesz u\u017cy\u0107 do zmiany wersji PHP jednym klikni\u0119ciem.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Tw\u00f3j host kontroluje wersj\u0119 PHP uruchomion\u0105 w Twojej witrynie i \u0142atwo\u015b\u0107 jej aktualizacji. Sprawd\u017a sw\u00f3j panel sterowania i powiniene\u015b znale\u017a\u0107 tam opcj\u0119 aktualizacji.<\/p>\n<h3>15 Zrezygnuj z wtyczek<\/h3>\n<p>Czy wtyczki spowalniaj\u0105 twoj\u0105 stron\u0119?<\/p>\n<p>Raczej. To skomplikowane. Podam kilka przyk\u0142ad\u00f3w.<\/p>\n<p>U\u017cywam wtyczki MonsertInsights, aby <a href=\"https:\/\/themewp.inform.click\/kak-dobavit-google-analytics-v-wordpress\/\" title=\"doda\u0107 Google Analytics\">doda\u0107 Google Analytics<\/a> do mojej witryny. Google Analytics \u0142aduje dwa pliki Javascript na ka\u017cdej stronie mojej witryny, co spowalnia j\u0105 (wi\u0119ksza waga i dwa \u017c\u0105dania HTTP).<\/p>\n<p>U\u017cywam wtyczki WPForms do wszystkich moich formularzy kontaktowych. WPForms \u0142aduje plik CSS i w zale\u017cno\u015bci od u\u017cywanych funkcji, r\u00f3wnie\u017c kilka plik\u00f3w JS. Jednak \u0142aduje te pliki tylko na stronach, kt\u00f3re maj\u0105 formularze kontaktowe. Oznacza to, \u017ce nie ma to \u017cadnego wp\u0142ywu na wydajno\u015b\u0107 mojej witryny, z wyj\u0105tkiem strony kontaktowej.<\/p>\n<p>Na koniec u\u017cywam wtyczki o nazwie Format Media Titles, aby automatycznie dodawa\u0107 tytu\u0142y do \u200b\u200bmoich obraz\u00f3w na podstawie nazwy pliku. Ta wtyczka uruchamia troch\u0119 PHP w panelu administracyjnym, gdy przesy\u0142am obrazy i nie ma \u017cadnego wp\u0142ywu na wydajno\u015b\u0107 mojej witryny.<\/p>\n<p>Teraz mo\u017cesz zobaczy\u0107, dlaczego powiedzenie \u201ewtyczki spowalniaj\u0105 Twoj\u0105 witryn\u0119&#8221; nie jest prawd\u0105. Robi\u0105, nie robi\u0105, pod pewnymi warunkami itp. \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Jedyn\u0105 wtyczk\u0105 z moich przyk\u0142ad\u00f3w, o kt\u00f3rej mog\u0119 powiedzie\u0107, \u017ce spowalnia moj\u0105 witryn\u0119, jest MonsterInsights, ale potrzebuj\u0119 moich analiz, wi\u0119c nie mam nic przeciwko wymianie niewielkiej ilo\u015bci dodatkowego czasu \u0142adowania dla tej funkcji.<\/p>\n<p><strong>Z regu\u0142y, je\u015bli wtyczka zmieni co\u015b w interfejsie witryny, wp\u0142ynie to na wydajno\u015b\u0107.<\/strong> I odwrotnie, je\u015bli wtyczka wp\u0142ywa tylko na panel administratora, prawdopodobnie nie spowolni Twojej witryny.<\/p>\n<p>To, co widz\u0105 u\u017cytkownicy, to \u201efront-end&#8221; Twojej witryny. \u201eZaplecze&#8221; to Tw\u00f3j pulpit nawigacyjny.<\/p>\n<p>Przejrzyj menu Wtyczek i wybierz wszelkie wtyczki, kt\u00f3re wprowadzaj\u0105 zmiany w interfejsie witryny. Je\u015bli znajdziesz jakie\u015b aktywne, ale nie u\u017cywasz, prawdopodobnie spowalniaj\u0105 Twoj\u0105 witryn\u0119, wi\u0119c je wy\u0142\u0105cz.<\/p>\n<h3>16 U\u017cyj obraz\u00f3w webP<\/h3>\n<p>Jestem pewien, \u017ce znasz formaty obraz\u00f3w, takie jak JPG i PNG.<\/p>\n<p>C\u00f3\u017c, Google <a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wypu\u015bci\u0142 nowy format obrazu o<\/a> nazwie webP, kt\u00f3ry zosta\u0142 zaprojektowany z my\u015bl\u0105 o optymalnej wydajno\u015bci. W przypadku korzystania z formatu webP obraz wygl\u0105da identycznie, ale \u0142aduje si\u0119 szybciej.<\/p>\n<p>Na pocz\u0105tku brzmi \u015bwietnie, ale w tym momencie wszystko si\u0119 komplikuje.<\/p>\n<p>Nie wszystkie przegl\u0105darki <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">obs\u0142uguj\u0105<\/a> jeszcze <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">obrazy webP<\/a>. Oznacza to, \u017ce je\u015bli u\u017cywasz webP dla wszystkich swoich obraz\u00f3w, mog\u0105 one w og\u00f3le nie pojawia\u0107 si\u0119 w przegl\u0105darkach takich jak Safari. Na razie musisz obs\u0142ugiwa\u0107 obrazy webP, a tak\u017ce mie\u0107 zapasow\u0105 wersj\u0119 JPG lub PNG ka\u017cdego obrazu.<\/p>\n<p>Oczywi\u015bcie brzmi to jak wi\u0119cej pracy ni\u017c jest to warte, ale po raz kolejny istnieje bardzo proste rozwi\u0105zanie.<\/p>\n<h4>Jak korzysta\u0107 z obraz\u00f3w webP<\/h4>\n<p>Je\u015bli u\u017cywasz wtyczki Optimole, jest ona ca\u0142kowicie obs\u0142ugiwana za Ciebie.<\/p>\n<p>W rzeczywisto\u015bci nie ma nawet na to miejsca.<\/p>\n<p>Optimole automatycznie tworzy wersje webP Twoich obraz\u00f3w i wy\u015bwietla je odwiedzaj\u0105cym, je\u015bli ich przegl\u0105darka to obs\u0142uguje. Gdy przegl\u0105darka odwiedzaj\u0105cego nie obs\u0142uguje webP, \u0142adowany jest ma\u0142y plik JavaScript z wype\u0142nieniem, aby wy\u015bwietla\u0107 obrazy w formacie JPG\/PNG.<\/p>\n<h3>17 U\u017cyj wst\u0119pnego pobierania DNS<\/h3>\n<p>Wst\u0119pne pobieranie DNS jest super fajne.<\/p>\n<p>Wi\u0119kszo\u015b\u0107 plik\u00f3w w Twojej witrynie zostanie za\u0142adowana z Twojej domeny. Na przyk\u0142ad plik CSS w motywie, kt\u00f3ry stylizuje witryn\u0119, jest hostowany przez Twoj\u0105 witryn\u0119.<\/p>\n<p>Je\u015bli korzystasz z Google Analytics, Twoja witryna b\u0119dzie wczytywa\u0107 potrzebne pliki Javascript z serwer\u00f3w Google zamiast z Twoich. Trwa to d\u0142u\u017cej ni\u017c wczytywanie plik\u00f3w hostowanych w Twojej domenie.<\/p>\n<p>Zasadniczo, gdy korzystasz z wst\u0119pnego pobierania DNS, Twoja witryna szybciej rozpoczyna proces \u0142adowania zewn\u0119trznych plik\u00f3w. W rzeczywisto\u015bci, gdy kto\u015b wpisze Twoj\u0105 domen\u0119 w pasku adresu, wst\u0119pne pobieranie DNS rozpoczyna prac\u0119 nad przygotowaniem zewn\u0119trznych plik\u00f3w, zanim jeszcze odwiedz\u0105 Twoj\u0105 witryn\u0119.<\/p>\n<p>Szczeg\u00f3\u0142y s\u0105 do\u015b\u0107 techniczne, ale to jest idea tej taktyki.<\/p>\n<h4>Jak korzysta\u0107 z wst\u0119pnego pobierania DNS<\/h4>\n<p>WP Rocket udost\u0119pnia prost\u0105 opcj\u0119 pobierania z wyprzedzeniem.<\/p>\n<p>W menu Wst\u0119pne \u0142adowanie mo\u017cesz wprowadzi\u0107 adresy URL wszystkich zewn\u0119trznych plik\u00f3w, kt\u00f3re \u0142aduje Twoja witryna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Twoja witryna prawdopodobnie u\u017cywa czcionek Google, wi\u0119c dodanie \u201e\/\/fonts.googleapis.com&#8221; umo\u017cliwi\u0142oby wst\u0119pne pobieranie dla tej nazwy domeny.<\/p>\n<h3>18 Ogranicz posty na stronie<\/h3>\n<p>Je\u015bli prowadzisz aktywnego bloga, strona g\u0142\u00f3wna z postami jest najwa\u017cniejsz\u0105 stron\u0105 Twojej witryny. Mo\u017ce by\u0107 r\u00f3wnie\u017c jednym z najwolniejszych.<\/p>\n<p>Widzia\u0142em bloger\u00f3w wy\u015bwietlaj\u0105cych ka\u017cdy ze swoich post\u00f3w na swojej stronie g\u0142\u00f3wnej. Podczas wizyty wska\u017anik \u0142adowania obraca si\u0119 i obraca, a strona nigdy nie \u0142aduje si\u0119 w pe\u0142ni. To okropne do\u015bwiadczenie u\u017cytkownika, a co gorsza, kosztuje ich ogromn\u0105 przepustowo\u015b\u0107.<\/p>\n<p>W pewnym momencie sama ilo\u015b\u0107 kodu HTML potrzebnego do post\u00f3w staje si\u0119 problemem, ale g\u0142\u00f3wnym problemem s\u0105 wszystkie obrazy. Dlatego tak wa\u017cne jest, aby doda\u0107 leniwe \u0142adowanie do swojej witryny.<\/p>\n<p>Dodatkowo powiniene\u015b ustawi\u0107 rozs\u0105dny limit liczby post\u00f3w, kt\u00f3re wy\u015bwietlasz na ka\u017cdej stronie swojego bloga.<\/p>\n<h4>Jak ograniczy\u0107 swoje posty na stronie<\/h4>\n<p>WordPress ma wbudowan\u0105 opcj\u0119 kontrolowania twoich post\u00f3w na stronie w menu Ustawienia czytania.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Dop\u00f3ki masz w\u0142\u0105czone leniwe \u0142adowanie, mo\u017cesz wy\u015bwietla\u0107 10-30 post\u00f3w na stronie bez problemu. To powiedziawszy, 10 to prawdopodobnie \u015brednia liczba bloger\u00f3w i nie przekroczy\u0142bym 10 bez u\u017cycia leniwego \u0142adowania.<\/p>\n<h3>19 Po\u0142\u0105cz \u017c\u0105dania czcionek Google<\/h3>\n<p>Jestem prawie w 100% pewien, \u017ce Tw\u00f3j motyw \u0142aduje czcionki Google.<\/p>\n<p>Je\u015bli jest to dobrze zakodowany motyw, powinno by\u0107 tylko jedno \u017c\u0105danie Google Fonts, wi\u0119c nie ma problem\u00f3w.<\/p>\n<p>Istnieje jednak szansa, \u017ce \u200b\u200bwtyczki w Twojej witrynie r\u00f3wnie\u017c \u0142aduj\u0105 czcionki Google lub sam doda\u0142e\u015b wi\u0119cej czcionek. W takim przypadku Twoja witryna wysy\u0142a wiele \u017c\u0105da\u0144 Google Fonts, co oznacza wiele \u017c\u0105da\u0144 HTTP. Pami\u0119taj, im mniej \u017c\u0105da\u0144 HTTP, tym lepiej.<\/p>\n<h4>Jak po\u0142\u0105czy\u0107 \u017c\u0105danie czcionek Google<\/h4>\n<p>Prawdopodobnie ju\u017c do tego przywyk\u0142e\u015b\u2026<\/p>\n<p>Aby po\u0142\u0105czy\u0107 \u017c\u0105dania czcionek Google w swojej witrynie z WP Rocket, zaznacz to pole:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Je\u015bli nie masz pewno\u015bci, czy Twoja witryna wysy\u0142a wiele \u017c\u0105da\u0144 czcionek Google, skorzystanie z tej opcji nie zaszkodzi, wi\u0119c polecam zawsze j\u0105 w\u0142\u0105cza\u0107.<\/p>\n<h3>20 Zoptymalizuj \u017c\u0105dania Gravatara<\/h3>\n<p>Gdy ludzie zostawiaj\u0105 komentarze w Twojej witrynie, ich awatary wy\u015bwietlaj\u0105 si\u0119 automatycznie. Dzieje si\u0119 tak, poniewa\u017c WordPress integruje si\u0119 z Gravatarem, aby uzyska\u0107 awatary.<\/p>\n<p><a href=\"https:\/\/gravatar.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gravatar<\/a> to us\u0142uga bezp\u0142atna, kt\u00f3ra polega jedynie na powi\u0105zaniu awatara z adresem e-mail. Je\u015bli utworzysz konto i dodasz awatar, zobaczysz, \u017ce automatycznie pojawi si\u0119 on w Twojej witrynie i w ca\u0142ej sieci.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Oto problem.<\/p>\n<p>Ka\u017cdy z tych obraz\u00f3w wysy\u0142a kolejne zewn\u0119trzne \u017c\u0105danie do serwer\u00f3w Gravatar. Oznacza to, \u017ce je\u015bli otrzymasz 10 komentarzy pod postem, Twoja witryna wy\u015ble \u200b\u200bdo 10 zewn\u0119trznych \u017c\u0105da\u0144 HTTP \u2013 to du\u017co!<\/p>\n<p>Istniej\u0105 trzy sposoby na optymalizacj\u0119 Gravatara, aby nie spowalnia\u0142 on Twojej witryny.<\/p>\n<h4>Jak zoptymalizowa\u0107 awatary Gravatara<\/h4>\n<p>Pierwsza opcja jest bardzo prosta: leniwe \u0142adowanie obraz\u00f3w Gravatar.<\/p>\n<p>Niestety, leniwe \u0142adowanie Optimole nie dzia\u0142a z obrazami Gravatar. Aby leniwie \u0142adowa\u0107 obrazy Gravatar, mo\u017cesz u\u017cy\u0107 darmowej wtyczki <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p>Alternatywnie mo\u017cesz ca\u0142kowicie wy\u0142\u0105czy\u0107 Gravatara. W ustawieniach dyskusji wy\u0142\u0105cz awatary za pomoc\u0105 tej opcji:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Jak sugeruje ustawienie, ca\u0142kowicie wy\u0142\u0105cza awatary w komentarzach. Je\u015bli nadal chcesz, aby wy\u015bwietlane by\u0142y domy\u015blne awatary, mo\u017cesz zamiast tego zainstalowa\u0107 wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/disable-user-gravatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disable User Gravatar<\/a>.<\/p>\n<p>Je\u015bli komentatorzy maj\u0105 w\u0142asne konta w Twojej witrynie, mo\u017cesz u\u017cy\u0107 wtyczki <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP User Avatar,<\/a> aby umo\u017cliwi\u0107 im przesy\u0142anie w\u0142asnych awatar\u00f3w.<\/p>\n<p>Trzeci\u0105 opcj\u0105 jest buforowanie obraz\u00f3w Gravatar za pomoc\u0105 wtyczki takiej jak <a href=\"https:\/\/wordpress.org\/plugins\/fv-gravatar-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FV Gravatar Cache<\/a>, ale ta wtyczka otrzymuje mieszane recenzje u\u017cytkownik\u00f3w.<\/p>\n<p>Chocia\u017c wszystkie te trzy opcje s\u0105 op\u0142acalne, nast\u0119pna optymalizacja wydajno\u015bci jest czwartym podej\u015bciem i rozwi\u0105zaniem, kt\u00f3rego u\u017cywam na tej stronie.<\/p>\n<p>To naprawd\u0119 fajna optymalizacja wydajno\u015bci, kt\u00f3rej w\u0142a\u015bnie zacz\u0105\u0142em u\u017cywa\u0107.<\/p>\n<p>Komentarze w Twojej witrynie pojawiaj\u0105 si\u0119 dopiero po ca\u0142ej zawarto\u015bci posta, wi\u0119c po co je od razu \u0142adowa\u0107?<\/p>\n<p>Poniewa\u017c Optimole nie pracowa\u0142 nad leniwym \u0142adowaniem obraz\u00f3w Gravatar, zainstalowa\u0142em wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lazy Load for Comments,<\/a> aby leniwie \u0142adowa\u0107 ca\u0142\u0105 sekcj\u0119 komentarzy. Problem rozwi\u0105zany!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Teraz, gdy kto\u015b odwiedza post, \u017caden z komentarzy ani obraz\u00f3w Gravatara nie jest \u0142adowany, dop\u00f3ki nie przewinie si\u0119 do sekcji komentarzy. Spowoduje to usuni\u0119cie wszystkich \u017c\u0105da\u0144 HTTP z Gravatara d\u0142ugo po pocz\u0105tkowym za\u0142adowaniu.<\/p>\n<p>Podczas gdy m\u00f3wimy o leniwym \u0142adowaniu, przejd\u017amy do kolejnej implementacji.<\/p>\n<h3>22 Lazy za\u0142aduj wszystkie filmy<\/h3>\n<p>Czy umieszczasz filmy z YouTube w swoich postach?<\/p>\n<p>Wczytywanie film\u00f3w mo\u017ce by\u0107 powa\u017cnym ograniczeniem wydajno\u015bci, zw\u0142aszcza je\u015bli masz wi\u0119cej ni\u017c jeden na stronie.<\/p>\n<p>Mo\u017cesz leniwie \u0142adowa\u0107 swoje filmy (i ramki iframe) tak jak obrazy.<\/p>\n<h4>Jak leniwie \u0142adowa\u0107 filmy<\/h4>\n<p>U\u017cywam funkcji leniwego \u0142adowania Optimole dla obraz\u00f3w, ale WP Rocket ma opcj\u0119 specjalnie dla ramek i film\u00f3w, kt\u00f3re mo\u017cna w\u0142\u0105czy\u0107 w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Istnieje r\u00f3wnie\u017c opcja za\u0142adowania miniatury zamiast filmu, ale osobi\u015bcie nie podoba mi si\u0119 ta opcja, poniewa\u017c powoduje, \u017ce odwiedzaj\u0105cy klikaj\u0105 film dwukrotnie, co uwa\u017cam za irytuj\u0105ce.<\/p>\n<h3>23 Zmniejsz przekierowania<\/h3>\n<p>Je\u015bli odwiedzasz t\u0119 stron\u0119 za pomoc\u0105 \u201ehttp&#8221;, zamiast tego przekieruje Ci\u0119 do wersji \u201ehttps&#8221;.<\/p>\n<p>Dodatkowo, je\u015bli odwiedzisz witryn\u0119 bez \u201ewww&#8221;, nast\u0105pi przekierowanie do wersji z \u201ewww&#8221;.<\/p>\n<p>Oba przekierowania s\u0105 bardzo szybkie, ale nadal wymagaj\u0105 czasu, a je\u015bli chodzi o wydajno\u015b\u0107, liczy si\u0119 ka\u017cdy u\u0142amek sekundy.<\/p>\n<p>Tworz\u0105c link do w\u0142asnej witryny wewn\u0119trznie lub z innej witryny, pami\u0119taj, aby zawsze u\u017cywa\u0107 ko\u0144cowego adresu URL, do kt\u00f3rego trafiaj\u0105 u\u017cytkownicy. Zawsze u\u017cywam \u201e <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.competethemes.com\/<\/a> &#8222;, aby nie by\u0142o \u017cadnych przekierowa\u0144.<\/p>\n<p>Zawsze umieszczaj\u0105c linki do prawid\u0142owej wersji adresu URL, unikasz wysy\u0142ania odwiedzaj\u0105cych przez przekierowania, kt\u00f3re powoduj\u0105, \u017ce Twoja witryna wydaje si\u0119 wolniejsza.<\/p>\n<h3>24 Hostuj Google Analytics lokalnie<\/h3>\n<p>Kilka razy wspomnia\u0142em o Google Analytics, poniewa\u017c jest to nieunikniony spadek wydajno\u015bci.<\/p>\n<p>Jednym z powod\u00f3w spowalniania witryny jest to, \u017ce musisz za\u0142adowa\u0107 pliki z zewn\u0119trznego serwera (Google), kt\u00f3ry wykonuje wi\u0119cej krok\u00f3w ni\u017c \u0142adowanie pliku z serwera.<\/p>\n<p>Hostuj\u0105c lokalnie pliki Google Analytics, mo\u017cesz je \u0142adowa\u0107 nieco szybciej.<\/p>\n<h4>Jak za\u0142adowa\u0107 Google Analytics lokalnie<\/h4>\n<p>Po raz kolejny wtyczka WP Rocket sprawi\u0142a, \u017ce \u200b\u200bjest to niezwykle \u0142atwe i niezawodne.<\/p>\n<p>W menu Add-Ons dost\u0119pna jest prosta opcja, kt\u00f3r\u0105 mo\u017cesz w\u0142\u0105czy\u0107, aby lokalnie hostowa\u0107 Google Analytics zamiast wczytywa\u0107 go z ich serwer\u00f3w.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Ta opcja dzia\u0142a z wi\u0119kszo\u015bci\u0105 wtyczek u\u017cywanych do dodawania Google Analytics, w tym MonsterInsights.<\/p>\n<p>Doskona\u0142\u0105 darmow\u0105 alternatyw\u0105 jest <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wtyczka CAOS<\/a>.<\/p>\n<h3>25 U\u017cyj mniejszej liczby czcionek<\/h3>\n<p>Zoptymalizowa\u0142e\u015b ju\u017c JS i CSS, wi\u0119c zajmijmy si\u0119 r\u00f3wnie\u017c optymalizacj\u0105 czcionek.<\/p>\n<p>Je\u015bli chodzi o wydajno\u015b\u0107, czcionki s\u0105 drogie.<\/p>\n<p>Je\u015bli przeczytasz m\u00f3j post o <a href=\"https:\/\/themewp.inform.click\/9-prostyh-pravil-dizajna-kotorye-sdelajut-vash-sajt-krasivee\/\" title=\"tym, jak upi\u0119kszy\u0107 swoj\u0105 witryn\u0119\">tym, jak upi\u0119kszy\u0107 swoj\u0105 witryn\u0119<\/a>, b\u0119dziesz wiedzia\u0142, \u017ce opowiadam si\u0119 za u\u017cywaniem co najwy\u017cej jednej lub dw\u00f3ch czcionek. Opr\u00f3cz tego, \u017ce jest dobr\u0105 zasad\u0105 projektowania, jest to r\u00f3wnie\u017c dobra zasada wydajno\u015bci.<\/p>\n<p>Ka\u017cda \u0142adowana czcionka ma wp\u0142yw na wydajno\u015b\u0107 witryny, wi\u0119c im mniej u\u017cywasz, tym lepiej.<\/p>\n<p>Teraz przejd\u017amy do szczeg\u00f3\u0142\u00f3w.<\/p>\n<h3>26 U\u017cyj mniejszej grubo\u015bci czcionki<\/h3>\n<p>Ka\u017cda grubo\u015b\u0107 czcionki mno\u017cy \u017cniwo wydajno\u015bci wybranej czcionki.<\/p>\n<p>Na przyk\u0142ad, je\u015bli u\u017cyjesz czcionki Roboto, za\u0142adujesz domy\u015bln\u0105 grubo\u015b\u0107. Je\u015bli chcesz r\u00f3wnie\u017c kursyw\u0119 i pogrubienie, s\u0105 to zupe\u0142nie inne zestawy znak\u00f3w, co oznacza, \u017ce \u200b\u200bteraz \u0142adujesz trzy pliki czcionek, wszystkie mniej wi\u0119cej tego samego rozmiaru.<\/p>\n<p>Je\u015bli u\u017cywasz r\u00f3wnie\u017c czcionki Playfair Display i \u0142adujesz wersj\u0119 pogrubion\u0105 i kursyw\u0105, \u0142adujesz teraz sze\u015b\u0107 plik\u00f3w czcionek, co b\u0119dzie mia\u0142o du\u017cy wp\u0142yw na szybko\u015b\u0107 witryny.<\/p>\n<p>Twoja witryna mo\u017ce wygl\u0105da\u0107 \u015bwietnie i by\u0107 wszechstronna dzi\u0119ki jednej czcionce za\u0142adowanej w domy\u015blnym, pisanym kursyw\u0105 i pogrubionym stylu. Je\u015bli absolutnie potrzebujesz innej czcionki, u\u017cyj jej do nag\u0142\u00f3wk\u00f3w, aby nie musia\u0142a mie\u0107 wielu grubo\u015bci ani kursywy.<\/p>\n<h3>27 Za\u0142aduj tylko zestaw znak\u00f3w swojego j\u0119zyka<\/h3>\n<p>W\u0142a\u015bnie dowiedzia\u0142e\u015b si\u0119, \u017ce \u0142adowanie czcionki o r\u00f3\u017cnych gramaturach jest wielokrotno\u015bci\u0105 liczby plik\u00f3w, kt\u00f3re musi za\u0142adowa\u0107 Twoja witryna.<\/p>\n<p>Po tym samym w\u0105tku im wi\u0119cej znak\u00f3w w czcionce, tym wi\u0119kszy jest plik. Chodzi o to, \u017ce chcesz za\u0142adowa\u0107 tylko potrzebne postacie.<\/p>\n<p>Upewnij si\u0119, \u017ce \u0142adujesz czcionki Google tylko w u\u017cywanym j\u0119zyku. W przypadku u\u017cytkownik\u00f3w w j\u0119zyku angielskim potrzebny jest tylko zestaw znak\u00f3w \u0142aci\u0144skich, a nie \u0142aci\u0144ski rozszerzony, kt\u00f3ry cz\u0119sto jest \u0142adowany domy\u015blnie.<\/p>\n<p>W zale\u017cno\u015bci od tego, w jaki spos\u00f3b dodasz czcionki Google do swojej witryny, mo\u017cesz lub nie mie\u0107 mo\u017cliwo\u015bci zmiany tego, wi\u0119c sprawd\u017a dost\u0119pne opcje motywu lub wtyczki.<\/p>\n<h3>28 Wy\u0142\u0105cz funkcje OpenType w Adobe Fonts<\/h3>\n<p>Je\u015bli u\u017cywasz czcionek Adobe Fonts (dawniej TypeKit), prawdopodobnie masz dost\u0119p do niekt\u00f3rych funkcji OpenType.<\/p>\n<p>Chocia\u017c funkcje OpenType \u015bwietnie nadaj\u0105 si\u0119 do dodawania pi\u0119knych u\u0142amk\u00f3w, kapitalik\u00f3w i wielu innych funkcji typograficznych, najprawdopodobniej ich nie potrzebujesz.<\/p>\n<p>Poniewa\u017c OpenType zawiera wiele nowych glif\u00f3w znak\u00f3w, sprawia, \u017ce \u200b\u200bpliki czcionek s\u0105 wi\u0119ksze, co skutkuje d\u0142u\u017cszym czasem \u0142adowania.<\/p>\n<p>Podczas edytowania projektu wy\u0142\u0105cz funkcje OpenType tutaj:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Jak wida\u0107 w moim przyk\u0142adzie, \u0142aduj\u0119 tylko trzy grubo\u015bci czcionek, kt\u00f3rych potrzebuj\u0119, i podzbi\u00f3r angielski, jak wyja\u015bniono w poprzedniej taktyce.<\/p>\n<h3>29 Zamie\u0144 Font Awesome na Fontello<\/h3>\n<p>Ta taktyka jest bardzo techniczna, ale poniewa\u017c pomog\u0142a mi, w\u0142\u0105czam j\u0105 dla ka\u017cdego, kto czyta, kto lubi pisa\u0107 kod.<\/p>\n<p>Je\u015bli u\u017cywasz Font Awesome lub innej czcionki ikon w swojej witrynie, prawdopodobnie \u0142adujesz ca\u0142\u0105 czcionk\u0119, tj. \u0142adujesz setki ikon. Najprawdopodobniej u\u017cywasz tylko kilku ikon w swojej witrynie.<\/p>\n<p>Dzi\u0119ki Fontello mo\u017cesz zbudowa\u0107 w\u0142asny pakiet czcionek ikon, u\u017cywaj\u0105c tylko ikon Font Awesome, kt\u00f3rych faktycznie u\u017cywasz.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Poniewa\u017c u\u017cywam tylko 26 r\u00f3\u017cnych ikon na tej stronie, uda\u0142o mi si\u0119 znacznie zmniejszy\u0107 rozmiar pliku czcionki i jego arkusza styl\u00f3w (oko\u0142o 100kb).<\/p>\n<p>Je\u015bli masz pe\u0142n\u0105 kontrol\u0119 techniczn\u0105 nad swoj\u0105 witryn\u0105, usuni\u0119cie Font Awesome i zast\u0105pienie go niestandardowym pakietem czcionek internetowych z Fontello to doskona\u0142y spos\u00f3b na dalsz\u0105 popraw\u0119 wydajno\u015bci witryny.<\/p>\n<h2>Inne optymalizacje<\/h2>\n<p>Ca\u0142y czas widz\u0119 inne strony, kt\u00f3re polecaj\u0105 kolejne wskaz\u00f3wki, ale o to\u2026<\/p>\n<p>Te ostatnie taktyki nie przyspiesz\u0105 \u0142adowania Twojej witryny. Zoptymalizuj\u0105 wydajno\u015b\u0107 Twojej witryny, ale nie do ko\u0144ca w spos\u00f3b, kt\u00f3ry j\u0105 przyspieszy.<\/p>\n<p>Zmniejszysz ilo\u015b\u0107 miejsca na dysku zajmowan\u0105 przez Twoj\u0105 witryn\u0119, potencjalnie zwi\u0119kszysz bezpiecze\u0144stwo witryny, a nawet zmniejszysz wykorzystywan\u0105 przepustowo\u015b\u0107. To wystarczy, aby w moich oczach ta taktyka by\u0142a warta zachodu, dlatego zamie\u015bci\u0142em je na ko\u0144cu tego postu.<\/p>\n<p>Oto 7 ostatnich taktyk.<\/p>\n<h3>30 Wy\u0142\u0105cz pingbacki i trackbacki<\/h3>\n<p>Nikt ju\u017c nie u\u017cywa pingback\u00f3w ani trackback\u00f3w z uzasadnionych powod\u00f3w.<\/p>\n<p>Jeszcze przed mediami spo\u0142eczno\u015bciowymi, kiedy ludzie prowadzili osobiste blogi, pingbacki przypomina\u0142y kogo\u015b. Innymi s\u0142owy, poinformuj\u0105 Ci\u0119, kiedy inny bloger odwo\u0142uje si\u0119 do Twojej witryny.<\/p>\n<p>Obecnie s\u0105 one u\u017cywane mniej wi\u0119cej wy\u0142\u0105cznie do spamowania i wykorzystywania luk w zabezpieczeniach (takich jak DDoSing). Najlepiej po prostu wy\u0142\u0105czy\u0107 je za pomoc\u0105 tych dw\u00f3ch opcji w ustawieniach dyskusji.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>\u017badne wtyczki nie s\u0105 potrzebne.<\/p>\n<h3>31 Spowolnij Heartbeat API<\/h3>\n<p>Heartbeat API dzia\u0142a w WordPressie, aby niekt\u00f3re funkcje dzia\u0142a\u0142y w Twojej przegl\u0105darce. Na przyk\u0142ad WordPress automatycznie zapisuje Twoje posty podczas pracy nad nimi, aby zapobiec utracie tre\u015bci w przypadku pomy\u0142ki lub b\u0142\u0119du.<\/p>\n<p>Ten interfejs API zwykle dzia\u0142a raz na minut\u0119 i mo\u017ce si\u0119 nieco spowalnia\u0107 podczas pracy nad wpisem lub korzystania z innych funkcji administratora.<\/p>\n<p>Chocia\u017c dla wi\u0119kszo\u015bci ludzi nie jest to wielka sprawa, r\u00f3wnie dobrze mo\u017cesz spowolni\u0107 to za pomoc\u0105 tego ustawienia we wtyczce WP Rocket:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Zmniejszenie aktywno\u015bci po prostu m\u00f3wi interfejsowi Heartbeat API, aby uruchamia\u0142 si\u0119 raz na dwie minuty, a nie co minut\u0119.<\/p>\n<h3>32 Wy\u0142\u0105cz hotlinking<\/h3>\n<p>Hotlinking ma miejsce, gdy kto\u015b wy\u015bwietla obraz w swojej witrynie, ale u\u017cywa adresu URL obrazu z Twojej witryny, aby wy\u015bwietli\u0107 obraz. Dzieje si\u0119 tak, \u017ce za ka\u017cdym razem, gdy kto\u015b odwiedza ich witryn\u0119, obraz jest pobierany z twojego serwera, a nie z jego.<\/p>\n<p>Najwa\u017cniejsze jest to, \u017ce gdy kto\u015b \u0142\u0105czy jedno z twoich zdj\u0119\u0107, p\u0142acisz za przepustowo\u015b\u0107 i nie otrzymujesz \u017cadnych korzy\u015bci. To kradzie\u017c.<\/p>\n<p>Cloudflare zawiera swoj\u0105 us\u0142ug\u0119 ScrapeShield w bezp\u0142atnej warstwie, kt\u00f3ra ma opcj\u0119 uniemo\u017cliwiania innym osobom \u0142\u0105czenia si\u0119 z Twoimi obrazami.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Czy nie podobaj\u0105 Ci si\u0119 te wszystkie proste opcje \u201ekliknij, aby w\u0142\u0105czy\u0107&#8221;?<\/p>\n<p>Niedawno w\u0142\u0105czy\u0142em to i zaoszcz\u0119dzi\u0142em mn\u00f3stwo przepustowo\u015bci. Wydaje mi si\u0119, \u017ce hotlinking zacz\u0105\u0142 si\u0119 kumulowa\u0107 w mojej domenie przez lata, a ta opcja natychmiast uniewa\u017cni\u0142a te pro\u015bby.<\/p>\n<h3>33 Zoptymalizuj swoj\u0105 baz\u0119 danych<\/h3>\n<p>Wyczyszczenie bazy danych prawdopodobnie nie przyspieszy Twojej witryny, ale zmniejszy ilo\u015b\u0107 u\u017cywanego miejsca na dysku.<\/p>\n<p>Je\u015bli masz du\u017co rozrostu w swojej bazie danych, jest to bardziej prawdopodobne, \u017ce spowolni to pulpit administratora ni\u017c front-end witryny. Na przyk\u0142ad, je\u015bli masz dziesi\u0105tki tysi\u0119cy komentarzy spamowych, \u0142adowanie menu Komentarze mo\u017ce trwa\u0107 d\u0142u\u017cej z powodu ogromnej ilo\u015bci danych.<\/p>\n<p>Dost\u0119pnych jest wiele wtyczek do optymalizacji bazy danych, ale robi\u0119 to r\u00f3wnie\u017c z WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Menu Baza danych w ustawieniach WP Rocket zawiera opcje automatycznego usuwania komentarzy spamowych i innych bezu\u017cytecznych danych z bazy danych.<\/p>\n<p>Co wi\u0119cej, mo\u017cesz zaplanowa\u0107 t\u0119 automatyzacj\u0119 ka\u017cdego dnia, tygodnia lub miesi\u0105ca.<\/p>\n<h3>34 Wy\u0142\u0105cz lub ogranicz wersje post\u00f3w<\/h3>\n<p>W\u0142a\u015bnie dowiedzia\u0142e\u015b si\u0119, \u017ce WordPress u\u017cywa interfejsu Heartbeat API do rutynowego zapisywania wersji roboczych Twoich post\u00f3w. C\u00f3\u017c, WordPress zapisuje r\u00f3wnie\u017c wersje, kt\u00f3re mo\u017cesz p\u00f3\u017aniej przywr\u00f3ci\u0107 w razie potrzeby.<\/p>\n<p>K\u0142opot z przechowywaniem ton wersji polega na tym, \u017ce zajmuj\u0105 one miejsce w Twojej bazie danych. Post z 19 poprawkami jest jak przechowywanie 20 post\u00f3w w Twojej bazie danych. Chocia\u017c mo\u017cesz <a href=\"https:\/\/wordpress.org\/plugins\/disable-post-revision\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wy\u0142\u0105czy\u0107 wersje za pomoc\u0105 wtyczki<\/a> lub <a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">je ograniczy\u0107<\/a>, mo\u017cesz te\u017c po prostu je usun\u0105\u0107.<\/p>\n<p>Menu bazy danych w WP Rocket zawiera opcj\u0119 usuwania wersji post\u00f3w.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Mo\u017cesz uruchomi\u0107 t\u0119 opcj\u0119 r\u0119cznie lub zaplanowa\u0107 j\u0105.<\/p>\n<p>Pami\u0119taj, \u017ce zawsze powiniene\u015b <a href=\"https:\/\/themewp.inform.click\/kak-sdelat-rezervnuju-kopiju-vashego-sajta-wordpress-i-zachem-vam-jeto-nuzhno\/\" title=\"wykona\u0107 kopi\u0119 zapasow\u0105 swojej witryny\">wykona\u0107 kopi\u0119 zapasow\u0105 swojej witryny<\/a> przed uruchomieniem jakichkolwiek optymalizacji bazy danych.<\/p>\n<p>Mam zaplanowane codzienne uruchamianie tej optymalizacji przez WP Rocket, poniewa\u017c Kinsta codziennie tworzy kopi\u0119 zapasow\u0105 mojej witryny.<\/p>\n<h3>35 Usu\u0144 ci\u0105gi zapyta\u0144<\/h3>\n<p>Jest tu wiele do wyja\u015bnienia, ale poniewa\u017c nie przyspieszy to Twojej witryny, przejd\u0119 od razu do sedna sprawy.<\/p>\n<p>Ci\u0105gi zapyta\u0144 w adresach URL plik\u00f3w mog\u0105 potencjalnie uniemo\u017cliwi\u0107 ich buforowanie. W przypadku wi\u0119kszo\u015bci wtyczek buforuj\u0105cych, takich jak WP Rocket, tak nie jest, wi\u0119c obecno\u015b\u0107 ci\u0105g\u00f3w zapyta\u0144 nie stanowi problemu.<\/p>\n<p>Ponadto ci\u0105gi zapyta\u0144 cz\u0119sto nie powinny by\u0107 usuwane, poniewa\u017c s\u0105 one wymagane do prawid\u0142owego dzia\u0142ania wtyczek.<\/p>\n<p>Po prostu aktywuj t\u0119 opcj\u0119 w WP Rocket i sko\u0144cz z tym:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" alt=\"Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress\"><\/a><\/p>\n<p>Zoptymalizowali t\u0119 funkcj\u0119, aby nie zak\u0142\u00f3ca\u0142a \u200b\u200bdzia\u0142ania Twojej witryny i nie zobaczysz ostrze\u017ce\u0144 z GTMetrix i innych narz\u0119dzi do audytu wydajno\u015bci, kt\u00f3re musisz usun\u0105\u0107 ci\u0105gi zapyta\u0144 z zasob\u00f3w statycznych.<\/p>\n<h3>36 Usu\u0144 nieaktywne wtyczki<\/h3>\n<p>Kiedy dezaktywujesz wtyczk\u0119, po prostu j\u0105 wy\u0142\u0105czasz. Mo\u017cesz go ponownie aktywowa\u0107, a Twoje poprzednie ustawienia zostan\u0105 przywr\u00f3cone.<\/p>\n<p>Je\u015bli jednak usuniesz wtyczk\u0119, zwykle powoduje to usuni\u0119cie ustawie\u0144 i danych utworzonych przez wtyczk\u0119. Dzieje si\u0119 tak, poniewa\u017c wi\u0119kszo\u015b\u0107 wtyczek ma proces czyszczenia, kt\u00f3ry uruchamia si\u0119 po usuni\u0119ciu, aby nie pozostawia\u0107 ba\u0142aganu w Twojej bazie danych.<\/p>\n<p>Je\u015bli masz nieaktywne wtyczki, kt\u00f3rych jeszcze nie usun\u0105\u0142e\u015b, usuni\u0119cie ich mo\u017ce pom\u00f3c zoptymalizowa\u0107 baz\u0119 danych. Poza tym to og\u00f3lnie dobra praktyka \ud83d\ude42<\/p>\n<h2>Ciesz si\u0119 szybsz\u0105 stron\u0105 internetow\u0105<\/h2>\n<p>Na ponad 7000 s\u0142\u00f3w jest to oficjalnie najd\u0142u\u017cszy wpis na blogu, jaki kiedykolwiek napisa\u0142em. Chcia\u0142em zawrze\u0107 wszystko!<\/p>\n<p>Jest jeszcze jedna rzecz, kt\u00f3r\u0105 musz\u0119 ci powiedzie\u0107\u2026<\/p>\n<p>Je\u015bli chodzi o optymalizacj\u0119 wydajno\u015bci, Twoja praca nigdy si\u0119 nie ko\u0144czy. Po zaimplementowaniu taktyk, kt\u00f3re chcesz wypr\u00f3bowa\u0107 na swojej stronie, wr\u00f3\u0107 tutaj raz lub dwa razy w roku, aby ponownie przejrze\u0107 list\u0119 i zoptymalizowa\u0107 witryn\u0119.<\/p>\n<p>Uwa\u017cam, \u017ce musz\u0119 ponownie zoptymalizowa\u0107 witryn\u0119 przynajmniej raz w roku, aby utrzyma\u0107 j\u0105 w jak najlepszym stanie.<\/p>\n<p>Mo\u017ce si\u0119 r\u00f3wnie\u017c okaza\u0107, \u017ce przy pierwszym u\u017cyciu tej listy niekt\u00f3re taktyki by\u0142y zbyt techniczne, aby je rozgry\u017a\u0107. Gdy staniesz si\u0119 bardziej profesjonalnym WordPressem, mo\u017cesz wr\u00f3ci\u0107, aby znale\u017a\u0107 te taktyki o wiele prostsze do zastosowania.<\/p>\n<p>Je\u015bli masz jakie\u015b pytania, zostawi\u0119 sekcj\u0119 komentarzy otwart\u0105, wi\u0119c opublikuj j\u0105 poni\u017cej!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ka\u017cda metoda optymalizacji wydajno\u015bci dla WordPressa jest jasno wyja\u015bniona i wymieniona tutaj, dzi\u0119ki czemu mo\u017cesz w ko\u0144cu przyspieszy\u0107 swoj\u0105 witryn\u0119.<\/p>\n","protected":false},"author":1,"featured_media":263246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[585],"tags":[847],"class_list":["post-247197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-przyspiesz-wordpressa","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/247197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=247197"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/247197\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/263246"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=247197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=247197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=247197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}