Kako doseči 100/100 točk na Google Pagespeed za vašo spletno stran WordPress

Google Pagespeed Insights je dobro znano orodje za spletne strani, s katerim lahko preverite in optimizirate vse parametre, pomembne za iskalnik. Kliknete lahko na zgornjo povezavo ali pa si v sistemu za upravljanje ogledate tudi dnevno posodobljeno vrednost svoje strani.

V tem vodniku vam enkrat pokažemo, kako enostavno je Rezultat hitrosti strani S spletne strani 100/100 doseči. To lahko storite tudi vi.

Za naš primer smo uporabili predstavitveno spletno mesto z vsemi vrstami vsebine in znano temo, ki vključuje tudi običajne vtičnike. Prav to je tisto, kar uporabljate za ustvarjanje dobrih spletnih strani.

super-food-homepage

Tu smo izbrali tema The7 odločil. Vendar ni pomembno, katero temo uporabljate. Glavna stvar je, da je posodobljen in ponuja nekaj nastavitev za ustvarjanje spletnega mesta.

To je tisto, kar potrebujete za hitro spletno stran.

  1. einen hitri spletni gostitelji z izkušnjami
  2. čisti posodobljeni WordPress
  3. pravilne nastavitve za spletni strežnik
  4. orodje za optimizacije in predpomnilnik

V tem primeru uporabljamo WP Rocket. Vsa ta orodja počnejo isto stvar. Stisnejo besedilne datoteke, povzamejo kodo in po potrebi ustvarijo statično stran kot kopijo.

Tako lahko obiskovalec hitro prikliče stran.

Statične strani spominjajo na kodo html iz preteklih let. Spletna mesta, ki so sestavljena iz preproste kode html in slik, so še vedno najhitrejša. Vendar ne dinamično. S temi vtičniki se predpomnilnik vedno znova ustvari, takoj ko se na strani nekaj spremeni.

Nasvet: Onemogočite WordPress cronjob. V resnici ne gre za cronjob v pravem pomenu besede, vendar se vedno pokliče, ko obiskovalec pride na stran. Kako to deluje, vam bomo predstavili v drugem članku.

Google Pagespeed Insights

Ko v Google vnesete svojo trenutno spletno stran in si ogledate uspešnost.

Običajno dobite prve vrednosti v rumenem območju, tako da 85 če ima spletni gostitelj dober strežnik.

Pri privzeti namestitvi nam je PSI v pogledu namizja pokazal 85/100.

 širina=

Nekoliko zavajajoča pa je trditev, da je strežnik odgovarjal počasi. Pri tem je mišljen čas do prvega bajta, ki se prenese.

Pri tem je zelo veliko dejavnikov, ki vplivajo drug na drugega. Pogosto boste skrajšali tako imenovani TTFB (čas do prvega bajta), če boste popravili vse druge točke.

 širina=

Google priročno ponuja optimizirano kodo za prenos za številne točke. Na tej točki priporočam, da v spletno mesto vključite le predhodno optimizirane slike.

To lahko storite tudi brezplačno, npr. z Tinypng Panda storite.

stiskanje slik tinypng
Tinypng.com Panda požira odvečne bajte.

Vendar pa večina tem ustvarja tudi lastne slike različnih velikosti, zato je vedno potrebna optimizacija.

Zato je priporočljivo občasno preprosto ponovno optimizirati vse slikovne datoteke v spletnem strežniku in jih ponovno prepisati.

Pingdom, GTMetrix in drugi.

Seveda obstajajo tudi druga testna mesta. Pri tem pa se pogosto pojavlja težava, da je iskanje potekalo iz tujine in zato ni dovolj smiselno za simulacijo običajnega obiskovalca iz Nemčije. Pomembno je tudi vedeti, da nekateri programi za preverjanje ne znajo uporabljati protokola http/2 in ne upoštevajo prednosti protokola http/s, tj. vzporednega prenosa podatkov prek ene povezave, ter to interpretirajo negativno.

gtmetrix
Poročilo o uspešnosti GTMetrix

TTFB ali skupni čas polnjenja?

V bistvu šteje rezultat skupnega časa nalaganja. Prvi bajt je odvisen od številnih dejavnikov, na katere je mogoče le slabo vplivati. Stran, ki ni stisnjena, ima običajno zelo nizko vrednost TTFB kot popolnoma stisnjena stran. Vendar je skupni čas nalaganja s stiskanjem seveda hitrejši za stran z veliko vsebine. Kako bo Google na koncu to ocenil, je nejasno. Sami imamo strani, ki se nalagajo počasi, ker je programska oprema zastarela in imajo vrednost PSI 68. 28K organskih ključnih besed na spletno mesto pripelje približno 1000 obiskovalcev na dan. Pri primerljivih straneh pa je stran z boljšimi vrednostmi zagotovo uvrščena višje.

CDN in pospeševalni moduli

Obstajajo tudi moduli, ki shranjujejo statične podatke na drugih strežnikih in jih posredujejo glede na lokacijo obiskovalca. S tem se zmanjša število povezav s strežnikom in s tem tudi tako imenovani TTFB. Pri tem lahko uporabite predpomnilnike podjetij akamai, cloudflare ali incapsula, ki glede na rezervirano storitev ponujajo tudi stiskanje in optimizacijo. Vključena je tudi majhna zaščita (D)Dos, če je povezava v celoti vzpostavljena prek teh ponudnikov.

cloudflare-web-traffic-overview
Analiza prometa Cloudflare

Speedkit za Plesk

Za Plesk je na primer na voljo vtičnik, s katerim lahko z nekaj kliki pospešite delovanje spletnega mesta. Pri mojem testu pa je bilo ravno obratno. Glavna težava takšnih vtičnikov je dejstvo, da se predpomnilnik začne uporabljati šele, ko si obiskovalec drugič ogleda stran ali prvič vzpostavi povezavo s sistemom.

Prednost je, da lahko preprosto aktivirate celotno stvar, ne da bi spremenili njegov sistem. Toda pomanjkljivost je potem, ampak pomanjkanje hitrosti z obiskovalci 1 pogled. Zaradi tega tudi pri običajnih programih za preverjanje ne vidite nobenih sprememb, saj vedno obiščejo stran brez predpomnilnika kot popolnoma nov uporabnik.

speedkit-website-accelerator-plesk
Speedkit za Plesk naj bi poskrbel za hitrejša spletna mesta. Vendar to ne deluje vedno.

Ker večina obiskovalcev na stran pogosto pride le prek povezave iz iskalnika, to za te obiskovalce ne prinaša nobene prednosti glede hitrosti. Z vgrajenimi orodji lahko precej dobro opravite brez zunanjih predpomnilnikov. Tudi z vidika varstva podatkov, zlasti DSGVO in prihodnje uredbe o zasebnosti in elektronskih komunikacijah, uporaba takšnih storitev ni primerna. Pri naročanju teh storitev že zdaj ni sklenjena pogodba o obdelavi podatkov o naročilu.

Tako boste spletno mesto naredili hitrejše.

Najpomembnejša točka: pravi spletni gostitelj.

Od zunaj so vsi videti kot Ponudnik spletnega gostovanja enako. Vendar je razlika pogosto skrita.

Obstajajo spletni gostitelji, ki oglašujejo jedra in namenske vire, vendar vse to deluje le na zelo šibki strojni opremi. Majhno jedro AMD iz 10 let starega strežnika ni enako jedru v Intelovem platinastem Xeonu najnovejše različice.

vmware_cluster
Primer gruče VMWare

Večina ponudnikov danes virtualizira tudi svojo celotno infrastrukturo. Pogosto na čudnih strukturah, kot so sistemi zabojnikov, kjer je jedra, ki jih je rezervirala stranka, rezerviralo tudi 20 drugih strank. Dobro in zaradi stroškov licence programske opreme dragih ponudnikov uporabljajo ustrezne virtualizacijske sisteme, kot so vmware ali KVM, običajno imenovane oblak.

kvm_cluster
Majhna gruča KVM

Pogosto zadostuje deljeno gostovanje. Sami smo zgradili spletna mesta z več deset tisoč obiskovalci na mesec. Ti delujejo tudi na majhnem računu za gostovanje, saj so stroji za spletno gostovanje običajno že zelo veliki, tako da lahko služijo več sto spletnim mestom.

virtuozzo_cluster
Pogled na vozlišče Virtuozzo 7

Vendar pa večina spletnih strani ne bo potrebovala rezervirane moči, zato je vedno na voljo veliko preostale energije.

Pri izbiri spletnega gostitelja se prepričajte, da imate testni račun, in vanj brez obveznosti naložite svojo spletno stran. Običajno jih lahko dosežete prek poddomene in preizkusite hitrost. Če ni nič, preklopite na drugega ponudnika.

V tem primeru je predstavitvena stran na Strežnik SEO Webhoster.de AG, kjer dobite Plesk Reseller Account z 10 IP naslovi za vaše projekte.

Uporabljena strojna oprema je strežnik Dell R740 s strežniškimi SSD MLC kot poljem RAID.

Vmesnik za upravljanje je Plesk Onyx v trenutni različici.

Nameščen je bil standardni WordPress z naslednjimi aktivnimi vtičniki:

  • Amazon Affiliate za WordPress
  • NaslednjiSkripti: Pomočnik za nadgradnjo SNAP Pro
  • NaslednjiSkripti: Družbena omrežja Auto Poster
  • SEO pametne povezave Poslovanje
  • Bližnjice Ultimate
  • Kazalo vsebine Plus
  • 7 elementov
  • Zadnji dodatki za WPBakery Page Builder
  • WPBakery Page Builder
  • Yoast SEO Premium
  • WP Rocket

Predloga za oblikovanje

Kot tema je uporabljena številka 7.

Oblikovanje strani je sestavljeno iz predlog teme ali gradnika strani. Podstrani imajo običajno od 2500 do 3000 besed ter veliko slik in tabel.

Zato je vedno pomembno, da poleg domače strani preverite tudi podstrani.

Naše predstavitveno spletno mesto se imenuje www.super-food.de in je prav tako na voljo v tej domeni. Tako lahko vse teste preverite sami. V drugem članku smo samo pokazali, kako v kratkem času zgraditi veliko spletno stran z malo sredstvi. Morda je to tudi nekaj za vas. Spletno mesto bo občasno kopirano v druge sisteme za namene testiranja.

Nastavitev spletnega strežnika prek programa Plesk

Najprej je treba spletni strežnik nastaviti prek programa Plesk. Vedno obstajajo priporočila za uporabo nginxa kot čistega spletnega strežnika. Vendar tega ne počnemo, ker v bistvu ni podprtih datotek .htaccess in večino funkcij vtičnikov WordPress je mogoče pretvoriti le z večjim naporom, sicer so neučinkoviti. To tudi ne prinaša prednosti pri hitrosti.

plesk-dashboard-domain
Nadzorna plošča Plesk za domeno

Nastavitve PHP v Plesku

Uporabljamo trenutno različico php 7.2.9 s privzetimi nastavitvami. V meniju PHP nastavitve lahko običajno sami nastavite možnosti. Če ne, mora to storiti ponudnik spletnega gostovanja.

plesk-php-version-set-with-apache
Nastavitve PHP v meniju Plesk. PHP FPM s spletnim strežnikom Apache.

Nastavitve za Apache in nginx

V nastavitvah za nginx ali Apache nastavimo samo vrednosti, ki jih je ponudnik že vnaprej določil. Torej nič posebnega. Tu so le iz varnostnih razlogov onemogočene simbolne povezave in omogočeno je privzeto stiskanje.

 širina=

nginx bomo uporabljali le kot posredniški strežnik z inteligentno obdelavo statičnih datotek. V bistvu se lahko popolnoma odpoveste tudi nginxu. Toda potem http/2 ne deluje več in pojavijo se druge težave. Zato pustimo vse skupaj s privzetimi vrednostmi.

Nadzorna plošča WordPress

Naša predstavitvena stran dejansko že dobro deluje. Da pa bi dosegli 100/100, potrebujemo nekaj sprememb, kot je minifikacija, torej povzetek CSS in Javascript, kot priporoča Google.

Običajno vsega tega ne morete kopirati sami, vendar obstajajo uporabni pomočniki, ki to opravijo.

V tem testu uporabljamo vtičnik WP-Rocket. To lahko stori tudi večina drugih.

wp-rocket-dashboard
Nadzorna plošča WP-Rocket

V nastavitvah v razdelku Optimizacija datotek preprosto kliknemo vse elemente, razen nastavitev, ki so škodljive za http/2. To so datoteke CSS, za katere je "Zmanjšajte CSS" in "Optimizacija prikaza CSS„.

css-minify
WP Rocket CSS Minifikacija

V nastavitvah Javascript morate spremeniti nastavitve "Zmanjšanje Javascripta" in "Zakasnjeno nalaganje Javascript" in "Varni način za jQuery (priporočljivo)".

javascript-minify
WP Rocket Javascript nastavitve

To je bilo že skoraj vse. Z vtičnikom se vrednost PSI strani dvigne na 94/100. Zdaj manjka le še nekaj manjših optimizacij slikovnih datotek ali kode CSS, ki nekako niso bile stisnjene v tako imenovani otroški temi. Priročno je, da Google zagotavlja te datoteke, vendar optimizirane, tako da jih lahko preprosto zamenjate prek upravitelja datotek.

V tem primeru smo še vedno lahko zamenjali spremenjene slike teme ter v otroško temo namestili datoteko CSS in Javascript.
Potem je manjkalo le še majhno ponovno polnjenje do želene vrednosti 100/100, ko so bile opravljene vse optimizacije.

pagespeed-insights

page-speed-100-100
Storitev Google Pagespeed Insights je bila sprejeta s 100/100.

Upamo, da vam je naš majhen vodič pomagal pri optimizaciji. Torej je vse mogoče. Vendar se stvari spreminjajo vsak dan. Zato morate svoj WordPress vedno posodabljati, saj v nasprotnem primeru nove funkcije niso več podprte.

Celoten videoposnetek boste kmalu našli na našem kanalu Youtube.

 

 

Aktualni članki