W czasach, gdy prawie ka\u017cda informacja jest dost\u0119pna w dowolnym czasie i z dowolnego miejsca, strony internetowe i inne tre\u015bci online musz\u0105 spe\u0142nia\u0107 okre\u015blone kryteria, aby zadowoli\u0107 u\u017cytkownik\u00f3w (a zatem tak\u017ce wyszukiwarki). Jednym z tych kryteri\u00f3w jest czas \u0142adowania. Wyja\u015bniamy, w jaki spos\u00f3b mo\u017cna analizowa\u0107 wydajno\u015b\u0107, a nast\u0119pnie optymalizowa\u0107 j\u0105 w celu osi\u0105gni\u0119cia lepszych pozycji w rankingach w d\u0142u\u017cszej perspektywie.<\/p>\n\n\n\n
Wyobra\u017a sobie, \u017ce wchodzisz do baru z przek\u0105skami, jeste\u015b naprawd\u0119 g\u0142odny i po prostu nie zostajesz obs\u0142u\u017cony. Co si\u0119 dzieje? Dok\u0142adnie, opuszczasz sklep w po\u015bpiechu i udajesz si\u0119 do konkurencji w nadziei, \u017ce tam szybciej dostaniesz co\u015b do jedzenia. Nawet je\u015bli nie wyjdziesz od razu, raczej nie wr\u00f3cisz.<\/p>\n\n\n\n
Je\u015bli przeniesiemy ten przyk\u0142ad do \u015bwiata cyfrowego, bar z przek\u0105skami staje si\u0119 stron\u0105 internetow\u0105, a szybko\u015b\u0107 obs\u0142ugi staje si\u0119 czasem \u0142adowania tej strony. Je\u015bli chcesz gra\u0107 w najwy\u017cszej lidze pod wzgl\u0119dem ranking\u00f3w, powiniene\u015b jak najszybciej pomy\u015ble\u0107 o swojej us\u0142udze, innymi s\u0142owy o wydajno\u015bci. Google lubi pozycjonowa\u0107 strony, kt\u00f3re s\u0105 szczeg\u00f3lnie przyjazne dla u\u017cytkownika. Opr\u00f3cz sp\u00f3jnego uk\u0142adu i przejrzystej prezentacji tematu, przyjazno\u015b\u0107 dla u\u017cytkownika obejmuje r\u00f3wnie\u017c czas \u0142adowania tre\u015bci. Je\u015bli strona \u0142aduje si\u0119 zbyt d\u0142ugo, wsp\u00f3\u0142czynnik odrzuce\u0144 wzrasta, poniewa\u017c wielu u\u017cytkownik\u00f3w klika przycisk \u201cwstecz\u201d i przechodzi do nast\u0119pnego wyniku wyszukiwania w Google SERP.<\/p>\n\n\n\n
Zanim poprawisz wydajno\u015b\u0107 swojej witryny, najlepiej jest najpierw sprawdzi\u0107, jak z\u0142y jest Tw\u00f3j PageSpeed. W tym celu mo\u017cna skorzysta\u0107 z r\u00f3\u017cnych narz\u0119dzi.<\/p>\n\n\n\n
PageSpeed Insights<\/a> to narz\u0119dzie udost\u0119pniane przez Google, kt\u00f3re pozwala b\u0142yskawicznie sprawdzi\u0107 wydajno\u015b\u0107 konkretnego adresu URL. W idealnym przypadku otrzymasz ocen\u0119 \u201cDobry\u201d zar\u00f3wno dla wynik\u00f3w na urz\u0105dzeniach mobilnych, jak i na komputerach stacjonarnych. Je\u015bli czas \u0142adowania nie jest tak optymalny, narz\u0119dzie ocenia wydajno\u015b\u0107 jako \u201c\u015aredni\u0105\u201d. Istnieje potrzeba optymalizacji z ocen\u0105 \u201cnisk\u0105\u201d. Wspania\u0142\u0105 rzecz\u0105 jest to, \u017ce Google dostarcza sugestie dotycz\u0105ce optymalizacji bezpo\u015brednio po analizie.<\/p>\n\n\n\n Czy u\u017cywasz Test szybko\u015bci witryny Pingdom<\/a> aby przeanalizowa\u0107 wydajno\u015b\u0107 strony, zauwa\u017cysz, \u017ce zapewnia ona znacznie bardziej pozytywny obraz czas\u00f3w \u0142adowania ni\u017c Google PageSpeed Insights. Masz r\u00f3wnie\u017c mo\u017cliwo\u015b\u0107 wyboru r\u00f3\u017cnych lokalizacji serwer\u00f3w dla swojego zapytania. Po analizie narz\u0119dzie pokazuje czas \u0142adowania (miejmy nadziej\u0119, \u017ce w milisekundach), ocen\u0119 wydajno\u015bci Google PageSpeed (powinna wynosi\u0107 A), rozmiar witryny i szereg innych danych.<\/p>\n\n\n\n Analiza staje si\u0119 jeszcze bardziej kompleksowa dzi\u0119ki Narz\u0119dzie z webpagetest.org<\/a>. Tutaj mo\u017cesz wybra\u0107 kilka dodatkowych lokalizacji serwer\u00f3w i - co jest szczeg\u00f3lnie fajne - zdefiniowa\u0107 \u015brodowisko testowe (model smartfona, przegl\u0105darka itp.). Wyniki s\u0105 niezwykle wszechstronne i stanowi\u0105 doskona\u0142\u0105 baz\u0119 danych, kt\u00f3ra pomaga zoptymalizowa\u0107 wydajno\u015b\u0107 witryny.<\/p>\n\n\n\n Po przeanalizowaniu miejsca, w kt\u00f3rym but zaciska si\u0119 pod wzgl\u0119dem czasu \u0142adowania strony, mo\u017cna rozpocz\u0105\u0107 optymalizacj\u0119.<\/p>\n\n\n\n Aby nieco u\u0142atwi\u0107 zrozumienie dostarczonych danych analitycznych: Najcz\u0119stszymi przyczynami s\u0142abej wydajno\u015bci s\u0105...<\/p>\n\n\n\n ...du\u017ce ilo\u015bci danych,<\/p>\n\n\n\n nieskompresowane obrazy,<\/p>\n\n\n\n przeci\u0105\u017cony motyw i<\/p>\n\n\n\n powolne bazy danych i serwery.<\/p>\n\n\n\n Twoja witryna dzia\u0142a na WordPress lub Joomla! a zakupiony motyw premium wygl\u0105da naprawd\u0119 elegancko? To dobrze, ale nierzadko zdarza si\u0119, \u017ce motywy s\u0105 ca\u0142kowicie przeci\u0105\u017cone, co prowadzi do powolnego \u0142adowania witryny. Wystarczy spojrze\u0107, aby zobaczy\u0107, czy istnieje smuklejszy motyw, kt\u00f3ry charakteryzuje si\u0119 nie tylko atrakcyjnym wygl\u0105dem, ale tak\u017ce wydajno\u015bci\u0105.<\/p>\n\n\n\n Je\u015bli problem nie dotyczy samego motywu, wtyczki mog\u0105 mie\u0107 r\u00f3wnie\u017c negatywny wp\u0142yw na czas \u0142adowania stron internetowych, je\u015bli maj\u0105 zbyt wiele dost\u0119p\u00f3w do bazy danych. Dzieje si\u0119 tak zw\u0142aszcza w przypadku mniej znanych i s\u0142abo zaimplementowanych wtyczek. Po prostu sprawd\u017a, kt\u00f3re wtyczki nagromadzi\u0142y si\u0119 w czasie i odinstaluj wszystko, czego absolutnie nie potrzebujesz.<\/p>\n\n\n\n Je\u015bli wykonywana jest mniejsza liczba \u017c\u0105da\u0144 HTTP, witryna logicznie \u0142aduje si\u0119 szybciej. Takie \u017c\u0105danie serwera jest zawsze wykonywane, gdy trzeba za\u0142adowa\u0107 plik. Je\u015bli wi\u0119c spakujesz mniej plik\u00f3w, takich jak obrazy, skrypty itp. do dokumentu, twoja strona r\u00f3wnie\u017c za\u0142aduje si\u0119 szybciej.<\/p>\n\n\n\n Wskaz\u00f3wka: Mo\u017cesz po\u0142\u0105czy\u0107 r\u00f3\u017cne arkusze styl\u00f3w w jeden plik CSS i po\u0142\u0105czy\u0107 go z obszaru dokumentu HTML. Je\u015bli upewnisz si\u0119, \u017ce w dokumencie HTML nie ma wi\u0119cej specyfikacji styl\u00f3w inline, plik CSS mo\u017ce by\u0107 buforowany, co r\u00f3wnie\u017c przyspiesza \u0142adowanie strony.<\/p>\n\n\n\n Strona internetowa nie mo\u017ce obej\u015b\u0107 si\u0119 bez dobrych zdj\u0119\u0107 (najlepiej w formacie .jpg) i grafik (najlepiej jako pliki .png) - w ko\u0144cu obraz jest cz\u0119sto wart tysi\u0105ca s\u0142\u00f3w. Wa\u017cne jest jednak, aby obrazy te by\u0142y zoptymalizowane pod k\u0105tem sieci, aby zapobiec d\u0142ugim czasom \u0142adowania. Najcz\u0119stszym b\u0142\u0119dem w tym kontek\u015bcie jest przesy\u0142anie obraz\u00f3w na serwer w ich oryginalnym rozmiarze i w\u0142\u0105czanie ich do tre\u015bci w dok\u0142adnie taki sam spos\u00f3b.<\/p>\n\n\n\n Przyk\u0142ad: Je\u015bli obraz ma rozmiar 2500 x 1000 pikseli, ale jest zintegrowany tylko z obszarem zawarto\u015bci o szeroko\u015bci 750 pikseli, zostanie wy\u015bwietlony w mniejszym rozmiarze. Jednak obraz lub grafika musz\u0105 by\u0107 nadal \u0142adowane w pe\u0142nym rozmiarze. Aby unikn\u0105\u0107 takiego niepotrzebnego balastu, nale\u017cy zawsze zmniejsza\u0107 obrazy do rozmiaru, w kt\u00f3rym maj\u0105 by\u0107 wy\u015bwietlane.<\/p>\n\n\n\n Przy okazji: Po wywo\u0142aniu adresu URL wszystkie obrazy s\u0105 zwykle \u0142adowane automatycznie - nawet te, kt\u00f3re nie s\u0105 jeszcze widoczne, np. poniewa\u017c u\u017cytkownik nie przewija w d\u00f3\u0142 tak daleko. Aby \u0142adowa\u0107 obrazy tylko wtedy, gdy jest to wymagane, mo\u017cna u\u017cy\u0107 wtyczek takich jak Szalony Leniuch<\/a> u\u017cywa\u0107. I od razu dam ci kolejn\u0105 wskaz\u00f3wk\u0119 dotycz\u0105c\u0105 wtyczek: WP Smush.it<\/a> automatycznie kompresuje rozmiar plik\u00f3w obraz\u00f3w podczas ich przesy\u0142ania. Mo\u017cna go r\u00f3wnie\u017c u\u017cy\u0107 do p\u00f3\u017aniejszej optymalizacji obraz\u00f3w, kt\u00f3re zosta\u0142y ju\u017c przes\u0142ane.<\/p>\n\n\n\n Kompresowa\u0107 mo\u017cna nie tylko obrazy, ale tak\u017ce pliki systemowe (np. z WordPressa). Jak to dzia\u0142a? Po prostu za pomoc\u0105 Gzip, darmowego programu do kompresji, kt\u00f3ry, podobnie jak format pliku, jest dost\u0119pny dla wszystkich system\u00f3w operacyjnych. Wszystko, co musisz zrobi\u0107, to wstawi\u0107 fragment kodu do pliku .htaccess. W przypadku WordPressa nie trzeba tego robi\u0107 r\u0119cznie, ale mo\u017cna polega\u0107 na wtyczkach, takich jak Szybka kompresja Gzip Ninja<\/a> aby si\u0119 wycofa\u0107. Joomla ma r\u00f3wnie\u017c odpowiednie rozszerzenia, kt\u00f3re robi\u0105 dok\u0142adnie to samo.<\/p>\n\n\n\n Jako u\u017cytkownik WordPressa potrzebujesz r\u00f3wnie\u017c dobrej wtyczki do buforowania. Buforowanie tworzy statyczne wersje wszystkich stron zamiast tworzy\u0107 je dynamicznie - co ma ogromny wp\u0142yw na szybko\u015b\u0107 \u0142adowania ca\u0142ej witryny. Bardzo dobrze napisan\u0105 wtyczk\u0105 buforuj\u0105c\u0105 dla WordPress jest Cachify<\/a>. Mo\u017cesz uzyska\u0107 wszechstronny pakiet beztroski dzi\u0119ki wtyczce W3 Total Cache. Alternatywnie WP Rocket<\/a> ma\u0142a rakieta z twojej strony.<\/p>\n\n\n\n Dodatkowa wskaz\u00f3wka:<\/strong><\/p>\n\n\n\n Aby jeszcze bardziej przyspieszy\u0107 dzia\u0142anie witryny, mo\u017cna usun\u0105\u0107 niepotrzebne spacje i podzia\u0142y wierszy z kodu HTML, CSS i JavaScript. Poniewa\u017c sprawia to, \u017ce ca\u0142y kod jest szczuplejszy, czas \u0142adowania r\u00f3wnie\u017c ulega skr\u00f3ceniu. Jedyn\u0105 rzecz\u0105, kt\u00f3ra ulega pogorszeniu, jest przejrzysto\u015b\u0107 kodu. Wspomniane wcze\u015bniej Wtyczka W3 Total Cache<\/a> oferuje u\u017cytkownikowi WordPress tak zwan\u0105 funkcj\u0119 \u201cMinify\u201d. Dzia\u0142a to jednak szczeg\u00f3lnie dobrze tylko wtedy, gdy zdefiniujesz spos\u00f3b \u0142adowania skrypt\u00f3w Java w trybie r\u0119cznym samej wtyczki. Poniewa\u017c nie jest to szczeg\u00f3lnie odpowiednie dla pocz\u0105tkuj\u0105cych, zalecamy korzystanie z funkcji Wtyczka Autoptimise<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" In Zeiten, in denen fast jede Information zu jeder Zeit und von jedem Ort aus verf\u00fcgbar ist, m\u00fcssen Webseiten und andere Online-Inhalte gewisse Kriterien erf\u00fcllen, um User (und damit auch die Suchmaschinen) zufriedenzustellen. Eines dieser Kriterien ist die Ladezeit. Wir erkl\u00e4ren dir, wie du die Performance analysierst und im Anschluss optimierst, um langfristig bessere Rankings […]<\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,55,52],"tags":[],"class_list":["post-3343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogboxx","category-seo","category-sichtbarkeit-reichweite"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/posts\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/posts\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/media?parent=3343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/categories?post=3343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/tags?post=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pingdom<\/h3>\n\n\n\n
Test strony internetowej<\/h3>\n\n\n\n
Krok 2: Optymalizacja<\/h2>\n\n\n\n
Przemy\u015bl motyw i dezaktywuj niepotrzebne wtyczki<\/h3>\n\n\n\n
Zmniejszenie liczby \u017c\u0105da\u0144 HTTP<\/h3>\n\n\n\n
Optymalizacja obraz\u00f3w dla sieci<\/h3>\n\n\n\n
Kompresja Gzip<\/h3>\n\n\n\n
Korzystanie z buforowania<\/h3>\n\n\n\n