{"id":4469,"date":"2020-10-30T22:09:32","date_gmt":"2020-10-30T21:09:32","guid":{"rendered":"https:\/\/webhosting.de\/?p=4469"},"modified":"2024-02-15T14:15:05","modified_gmt":"2024-02-15T13:15:05","slug":"so-reach-you-100-100-points-at-at-google-pagespeed-for-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/webhosting.de\/pl\/so-erreichst-du-100-100-punkte-bei-google-pagespeed-fuer-deine-wordpress-website\/","title":{"rendered":"Jak uzyska\u0107 100\/100 punkt\u00f3w w Google Pagespeed za swoj\u0105 stron\u0119 internetow\u0105 WordPressa?"},"content":{"rendered":"

Google Pagespeed Insights<\/a> to dobrze znane narz\u0119dzie internetowe, za pomoc\u0105 kt\u00f3rego mo\u017cna sprawdzi\u0107 i zoptymalizowa\u0107 wszystkie parametry istotne dla wyszukiwarki. Mo\u017cesz klikn\u0105\u0107 na powy\u017cszy link, lub zazwyczaj zobaczy\u0107 w systemie zarz\u0105dzania r\u00f3wnie\u017c codziennie aktualizowan\u0105 warto\u015b\u0107 swojej strony.<\/p>\n

W tej instrukcji poka\u017cemy ci, jak \u0142atwo jest u\u017cywa\u0107 wynik pr\u0119dko\u015bci strony<\/strong> z 100\/100<\/strong> by dotrze\u0107. Ty te\u017c mo\u017cesz to zrobi\u0107.<\/p>\n

Dla naszego przyk\u0142adu wykorzystali\u015bmy stron\u0119 demonstracyjn\u0105 z wszelkiego rodzaju tre\u015bci\u0105 i znanym motywem, kt\u00f3ry zawiera r\u00f3wnie\u017c zwyk\u0142e wtyczki. Wi\u0119c to jest dok\u0142adnie to, czego u\u017cywasz do tworzenia dobrych stron internetowych.<\/p>\n

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

Jeste\u015bmy tu dla Temat The7<\/strong> Zdecydowane. Ale to nie ma znaczenia, kt\u00f3rego motywu u\u017cywasz. Najwa\u017cniejsze jest to, \u017ce jest ona aktualna i oferuje kilka ustawie\u0144 do tworzenia strony.<\/p>\n

Potrzebujesz tego do szybkiej strony internetowej.<\/h2>\n
    \n
  1. a szybki webhoster<\/strong> poprzez do\u015bwiadczenie<\/li>\n
  2. czysty pr\u0105d WordPress<\/a><\/li>\n
  3. w\u0142a\u015bciwe ustawienia dla serwera internetowego<\/li>\n
  4. narz\u0119dzie do optymalizacji i buforowania<\/li>\n<\/ol>\n

    W tym przyk\u0142adzie u\u017cywamy WP Rocket<\/strong>. Wszystkie te narz\u0119dzia robi\u0105 to samo. Kompresuj\u0105 one pliki tekstowe, podsumowuj\u0105 kod i w razie potrzeby tworz\u0105 statyczn\u0105 stron\u0119 jako kopi\u0119.<\/p>\n

    Dzi\u0119ki temu odwiedzaj\u0105cy mo\u017ce szybko wywo\u0142a\u0107 stron\u0119.<\/p>\n

    Strony statyczne przypominaj\u0105 kod html z ubieg\u0142ego roku. Strony internetowe, kt\u00f3re sk\u0142adaj\u0105 si\u0119 z prostego kodu html i obraz\u00f3w s\u0105 nadal najszybsze. Ale nie dynamiczne. Dzi\u0119ki tym wtyczkom, pami\u0119\u0107 podr\u0119czna jest zawsze odtwarzana, gdy tylko co\u015b si\u0119 zmieni na stronie.<\/p>\n

    Wskaz\u00f3wka: Dezaktywuj WordPress Cronjob<\/strong>. Nie jest to tak naprawd\u0119 praca kole\u017ce\u0144ska w prawdziwym tego s\u0142owa znaczeniu, ale zawsze jest ona nazywana, gdy go\u015b\u0107 przychodzi na stron\u0119. Jak to dzia\u0142a, poka\u017cemy ci w innym artykule.<\/p>\n

    Google Pagespeed Insights<\/h2>\n

    Po wej\u015bciu na aktualn\u0105 stron\u0119 internetow\u0105 w google i obejrzeniu jej wynik\u00f3w.<\/p>\n

    Normalnie otrzymujesz pierwsze warto\u015bci w obszarze \u017c\u00f3\u0142tym, wi\u0119c do 85, je\u015bli webhost ma dobry serwer.<\/p>\n

    W naszej standardowej instalacji PSI pokaza\u0142 nam 85\/100 w widoku z pulpitu.<\/p>\n

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

    Nieco myl\u0105ce jest jednak stwierdzenie, \u017ce serwer reagowa\u0142 powoli. Tu chodzi o czas do pierwszego bajtu, kt\u00f3ry jest przekazywany.<\/p>\n

    Jest tu bardzo wiele czynnik\u00f3w, kt\u00f3re graj\u0105 razem. Cz\u0119sto redukujesz tzw. TTFB (Time to First Byte), je\u017celi naprawisz wszystkie inne punkty.<\/p>\n

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

    Google wygodnie oferuje zoptymalizowany kod do pobrania dla wielu punkt\u00f3w. Polecam w tym momencie, ale w zasadzie tylko wcze\u015bniej zoptymalizowane zdj\u0119cia do integracji na stronie.<\/p>\n

    Mo\u017cesz to zrobi\u0107 nawet za darmo, np. z Tinypng Panda<\/a> ...\u017ceby si\u0119 tym zaj\u0105\u0107.<\/p>\n

    \"tinypng<\/a>
    Tinypng.com Panda zjada zb\u0119dne bajty.<\/figcaption><\/figure>\n

    Jednak wi\u0119kszo\u015b\u0107 motyw\u00f3w tworzy r\u00f3wnie\u017c w\u0142asne obrazy w r\u00f3\u017cnych rozmiarach, wi\u0119c zawsze istnieje potrzeba ich optymalizacji.<\/p>\n

    Dlatego zaleca si\u0119, aby od czasu do czasu po prostu ponownie zoptymalizowa\u0107 i nadpisa\u0107 wszystkie pliki graficzne na serwerze WWW.<\/p>\n

    Pingdom, GTMetrix and Co.<\/h2>\n

    Istniej\u0105 oczywi\u015bcie r\u00f3wnie\u017c inne miejsca bada\u0144. Tutaj jednak cz\u0119sto pojawia si\u0119 problem, \u017ce wyszukiwanie odbywa si\u0119 z zagranicy i dlatego nie ma wystarczaj\u0105cego znaczenia, aby symulowa\u0107 zwyk\u0142ego go\u015bcia z Niemiec. Wa\u017cne jest r\u00f3wnie\u017c, aby wiedzie\u0107, \u017ce niekt\u00f3re programy sprawdzaj\u0105ce nie potrafi\u0105 obs\u0142ugiwa\u0107 http\/2 i nie bior\u0105 pod uwag\u0119 zalet http\/s, tzn. r\u00f3wnoleg\u0142ej transmisji danych przez jedno po\u0142\u0105czenie, i interpretowa\u0107 to negatywnie.<\/p>\n

    \"gtmetrix\"<\/a>
    Sprawozdanie z dzia\u0142ania GTMetrix<\/figcaption><\/figure>\n

    TTFB czy ca\u0142kowity czas \u0142adowania?<\/h2>\n

    Zasadniczo liczy si\u0119 wynik ca\u0142kowitego czasu obci\u0105\u017cenia. Pierwszy bajt jest zale\u017cny od wielu czynnik\u00f3w, na kt\u00f3re mo\u017cna wp\u0142yn\u0105\u0107 tylko w niewielkim stopniu. Strona, kt\u00f3ra nie jest skompresowana, ma zazwyczaj bardzo nisk\u0105 warto\u015b\u0107 TTFB ni\u017c strona idealnie skompresowana. Ale ca\u0142kowity czas obci\u0105\u017cenia z kompresj\u0105 jest oczywi\u015bcie szybszy dla strony z du\u017c\u0105 ilo\u015bci\u0105 tre\u015bci. Jak google ostatecznie to oceni, jest mg\u0142awicowe. Sami mamy strony, kt\u00f3re \u0142aduj\u0105 si\u0119 powoli, poniewa\u017c oprogramowanie jest przestarza\u0142e i ma warto\u015b\u0107 PSI 68. 28K organicznych s\u0142\u00f3w kluczowych przynosi oko\u0142o 1000 odwiedzaj\u0105cych dziennie na stronie. Ale przy por\u00f3wnywalnych stronach, strona z lepszymi warto\u015bciami jest z pewno\u015bci\u0105 wymieniona wy\u017cej.<\/p>\n

    CDN i modu\u0142y przyspieszaj\u0105ce<\/h2>\n

    Istniej\u0105 r\u00f3wnie\u017c modu\u0142y, kt\u00f3re przechowuj\u0105 dane statyczne na innych serwerach i dostarczaj\u0105 je w zale\u017cno\u015bci od lokalizacji go\u015bcia. Zmniejsza to liczb\u0119 po\u0142\u0105cze\u0144 z serwerem, a tym samym zmniejsza tzw. TTFB. W tym miejscu mo\u017cna skorzysta\u0107 ze skrytek akamai, cloudflare lub incapsula, kt\u00f3re oferuj\u0105 r\u00f3wnie\u017c kompresj\u0119 i optymalizacj\u0119 w zale\u017cno\u015bci od zarezerwowanej us\u0142ugi. Ma\u0142a ochrona (D)Dos jest r\u00f3wnie\u017c w\u0142\u0105czona, pod warunkiem, \u017ce po\u0142\u0105czenie odbywa si\u0119 ca\u0142kowicie za po\u015brednictwem tych dostawc\u00f3w.<\/p>\n

    \"przegl\u0105d<\/a>
    Analiza ruchu w chmurach (Cloudflare Trafficanalysis)<\/figcaption><\/figure>\n

    Zestaw Speedkit dla Pleska<\/h2>\n

    S\u0105 np. dla Plesk<\/a> plugin, kt\u00f3ry za pomoc\u0105 kilku klikni\u0119\u0107 mo\u017ce przyspieszy\u0107 dzia\u0142anie strony. W moim te\u015bcie by\u0142o jednak dok\u0142adnie odwrotnie. G\u0142\u00f3wnym problemem tego typu wtyczek jest fakt, \u017ce cache uruchamia si\u0119 dopiero wtedy, gdy odwiedzaj\u0105cy po raz drugi spojrzy na stron\u0119, lub po raz pierwszy nawi\u0105\u017ce po\u0142\u0105czenie z systemem.<\/p>\n

    Zalet\u0105 jest to, \u017ce mo\u017cna go \u0142atwo aktywowa\u0107 bez wprowadzania jakichkolwiek zmian w systemie. Ale wad\u0105 jest brak pr\u0119dko\u015bci dla 1 Ogl\u0105daj odwiedzaj\u0105cych. Z tego powodu nie wida\u0107 \u017cadnych zmian w zwyk\u0142ych programach sprawdzaj\u0105cych, poniewa\u017c zawsze odwiedzaj\u0105 stron\u0119 bez buforowania jak zupe\u0142nie nowy u\u017cytkownik.<\/p>\n

    \"speedkit-website<\/a>
    Speedkit dla firmy Plesk zosta\u0142 zaprojektowany tak, aby strony internetowe by\u0142y szybsze. Ale to nie zawsze dzia\u0142a.<\/figcaption><\/figure>\n

    Poniewa\u017c wi\u0119kszo\u015b\u0107 odwiedzaj\u0105cych cz\u0119sto trafia na stron\u0119 tylko poprzez link z wyszukiwarki, nie przynosi to \u017cadnych korzy\u015bci zwi\u0105zanych z pr\u0119dko\u015bci\u0105 dla tych odwiedzaj\u0105cych. Z wbudowanymi narz\u0119dziami mo\u017cna sobie ca\u0142kiem dobrze poradzi\u0107 bez zewn\u0119trznych pami\u0119ci podr\u0119cznych. R\u00f3wnie\u017c z punktu widzenia ochrony danych, zw\u0142aszcza DSGVO i nadchodz\u0105cego rozporz\u0105dzenia ePrivacy, korzystanie z takich us\u0142ug nie jest odpowiednie. Ju\u017c teraz brakuje w nim Umowa<\/a> do przetwarzania danych zam\u00f3wienia przy zamawianiu tych us\u0142ug.<\/p>\n

    Dzi\u0119ki temu strona jest szybsza.<\/h2>\n

    Najwa\u017cniejszy punkt: W\u0142a\u015bciwy host.<\/p>\n

    Widziani z zewn\u0105trz, wszyscy dostawca us\u0142ug hostingowych<\/strong> to samo. Ale ta r\u00f3\u017cnica jest tak cz\u0119sto ukryta.<\/p>\n

    Istniej\u0105 hostery internetowe, kt\u00f3re reklamuj\u0105 si\u0119 z rdzeniami i zasob\u00f3w dedykowanych, ale to wszystko dzia\u0142a tylko na bardzo s\u0142abym sprz\u0119cie. Ma\u0142y rdze\u0144 AMD z 10 letniego serwera to nie to samo, co rdze\u0144 na Intel Platinum Xeon najnowszej wersji.<\/p>\n

    \"vmware_cluster\"<\/a>
    Przyk\u0142ad klastra VMWare<\/figcaption><\/figure>\n

    Obecnie wi\u0119kszo\u015b\u0107 dostawc\u00f3w wirtualizuje r\u00f3wnie\u017c ca\u0142\u0105 swoj\u0105 infrastruktur\u0119. Cz\u0119sto na dziwnych konstrukcjach, takich jak systemy kontenerowe, gdzie rdzenie zarezerwowane przez klienta by\u0142y r\u00f3wnie\u017c zarezerwowane przez 20 innych klient\u00f3w. Dobre i z powodu koszt\u00f3w licencji na oprogramowanie drogie dostawcy u\u017cywaj\u0105 odpowiednich system\u00f3w wirtualizacji, takich jak vmware lub KVM, zwykle nazywanych chmur\u0105.<\/p>\n

    \"kvm_cluster\"<\/a>
    Ma\u0142y klaster KVM<\/figcaption><\/figure>\n

    Cz\u0119sto wystarczy wsp\u00f3lny hosting. Sami zbudowali\u015bmy strony internetowe z dziesi\u0105tkami tysi\u0119cy odwiedzaj\u0105cych miesi\u0119cznie. Te r\u00f3wnie\u017c uruchomi\u0107 w ma\u0142ym koncie hostingowym, poniewa\u017c internetowe maszyny hostingowe s\u0105 zwykle ju\u017c bardzo du\u017ce wymiarowo przez dostawc\u0119, dzi\u0119ki czemu mog\u0105 one s\u0142u\u017cy\u0107 setki stron internetowych.<\/p>\n

    \"virtuozzo_cluster\"<\/a>
    Widok w\u0119z\u0142a Virtuozzo 7<\/figcaption><\/figure>\n

    Jednak wi\u0119kszo\u015b\u0107 stron internetowych nie b\u0119dzie potrzebowa\u0142a zasilania, kt\u00f3re zarezerwowa\u0142y, wi\u0119c zawsze pozostaje du\u017co mocy.<\/p>\n

    Wybieraj\u0105c webhostera, po prostu poszukaj konta testowego i za\u0142aduj tam swoj\u0105 stron\u0119 bez zobowi\u0105za\u0144. Zazwyczaj mo\u017cna do niego dotrze\u0107 za pomoc\u0105 subdomeny i sprawdzi\u0107 pr\u0119dko\u015b\u0107. Je\u015bli to nic, po prostu prze\u0142\u0105cz si\u0119 na innego dostawc\u0119.<\/p>\n

    W tym przyk\u0142adzie strona demo znajduje si\u0119 na Serwer SEO<\/a> webhoster.de AG, na kt\u00f3rym otrzymuje si\u0119 konto resellerskie Plesk z 10 adresami IP dla swoich projekt\u00f3w.<\/p>\n

    Zastosowany sprz\u0119t to serwer Dell R740 z dyskami SSD do serwer\u00f3w MLC jako macierz\u0105 rajdow\u0105.<\/p>\n

    Interfejs administracyjny jest Plesk Onyx<\/a> w obecnej wersji.<\/p>\n

    Zainstalowany zosta\u0142 standardowy WordPress z nast\u0119puj\u0105cymi aktywnymi wtyczkami:<\/p>\n