"Google Pagespeed Insights yra gerai žinomas svetainės įrankis, kuriuo galite patikrinti ir optimizuoti visus paieškos sistemai svarbius parametrus. Galite spustelėti aukščiau esančią nuorodą arba paprastai valdymo sistemoje matyti kasdien atnaujinamą savo puslapio vertę.
Šioje pamokoje parodysime, kaip lengva puslapių greitaveika Iš 100/100 pasiekti. Jūs taip pat galite tai padaryti.
Savo pavyzdžiui naudojome demonstracinę svetainę su įvairiu turiniu ir gerai žinoma tema, kurioje taip pat yra įprastų įskiepių. Būtent tai ir yra tai, ką naudojate geroms svetainėms kurti.
Mes pasirinkome čia tema The7 nuspręsta. Tačiau iš tikrųjų nesvarbu, kokią temą naudosite. Svarbiausia, kad ji yra atnaujinta ir siūlo keletą svetainės kūrimo nustatymų.
To reikia norint sukurti greitą svetainę.
- einen greiti žiniatinklio prieglobos paslaugų teikėjai su patirtimi
- švarus atnaujintas "WordPress
- tinkamus žiniatinklio serverio nustatymus.
- optimizavimo ir spartinančiosios atminties įrankis
Šiame pavyzdyje naudojame WP Rocket. Visi šie įrankiai daro tą patį. Jie suspaudžia tekstinius failus, apibendrina kodą ir prireikus sukuria statinio puslapio kopiją.
Taip lankytojas gali greitai iškviesti puslapį.
Statiniai puslapiai primena praeities html kodą. Greičiausiai vis dar veikia svetainės, kurias sudaro paprastas html kodas ir paveikslėliai. Bet ne dinamiškas. Naudojant šiuos įskiepius talpykla visada atkuriama iš naujo, kai tik puslapyje kas nors pasikeičia.
Patarimas: Išjunkite WordPress cronjob. Iš tikrųjų tai nėra "cronjob", bet jis visada iškviečiamas, kai lankytojas ateina į puslapį. Kaip tai veikia, parodysime kitame straipsnyje.
"Google Pagespeed Insights
Įveskite dabartinę svetainę į "Google" ir pažiūrėkite, kaip ji veikia.
Paprastai pirmąsias reikšmes gaunate geltonoje zonoje, todėl 85, jei žiniatinklio prieglobos tarnyba turi gerą serverį.
Įdiegus pagal numatytuosius nustatymus, PSI rodė 85/100 darbalaukio rodinyje.
Tačiau šiek tiek klaidinantis yra teiginys, kad serveris atsakinėjo lėtai. Čia turimas omenyje laikas iki pirmojo baito, kuris perduodamas.
Čia sąveikauja labai daug veiksnių. Dažnai sutrumpėja vadinamasis TTFB (laikas iki pirmojo baito), jei sutvarkote visus kitus taškus.
"Google" patogiai siūlo atsisiųsti optimizuotą daugelio taškų kodą. Šiuo metu rekomenduoju į svetainę integruoti tik anksčiau optimizuotus vaizdus.
Tai galite padaryti net nemokamai, pvz., naudodami Tinypng Panda daryti.
Tačiau dauguma temų taip pat sukuria savo įvairaus dydžio paveikslėlius, todėl visada reikia optimizuoti.
Todėl laikas nuo laiko patartina tiesiog iš naujo optimizuoti visus vaizdo failus žiniatinklio serveryje ir vėl juos perrašyti.
Pingdom, GTMetrix ir kt.
Žinoma, yra ir kitų bandymų svetainių. Tačiau šiuo atveju dažnai susiduriama su problema, kad paieška vyksta iš užsienio, todėl ji nėra pakankamai reikšminga, kad imituotų įprastą lankytoją iš Vokietijos. Taip pat svarbu žinoti, kad kai kurios tikrinimo programos negali dirbti su http/2 ir neatsižvelgia į http/s privalumą, t. y. lygiagretų duomenų perdavimą per vieną ryšį, ir tai interpretuoja neigiamai.
TTFB arba bendras įkrovimo laikas?
Iš esmės svarbus viso įkrovimo laiko rezultatas. Pirmasis baitas priklauso nuo daugelio veiksnių, kuriems galima daryti tik menką įtaką. Nesuspausto puslapio TTFB vertė paprastai būna labai maža, palyginti su puikiai suspaustu puslapiu. Tačiau, žinoma, bendras puslapio, kuriame yra daug turinio, įkėlimo laikas, kai jis suspaudžiamas, yra trumpesnis. Kaip "Google" galiausiai tai įvertina, yra miglota. Mes patys turime puslapių, kurie kraunasi lėtai, nes programinė įranga yra pasenusi, o jų PSI vertė yra 68. 28 tūkst. organinių raktažodžių per dieną į svetainę atveda apie 1000 lankytojų. Tačiau lyginant panašius puslapius, puslapis su geresnėmis reikšmėmis tikrai bus įtrauktas į aukštesnį sąrašą.
CDN ir spartinimo moduliai
Taip pat yra modulių, kurie statinius duomenis saugo kituose serveriuose ir pateikia juos priklausomai nuo lankytojo buvimo vietos. Taip sumažinamas prisijungimų prie serverio skaičius, todėl sumažėja ir vadinamasis TTFB. Čia galite naudoti "Akamai", "Clouddflare" arba "Incapsula" talpyklas, kurios taip pat siūlo suspaudimą ir optimizavimą, priklausomai nuo užsakytos paslaugos. Taip pat numatyta nedidelė (D)Dos apsauga, jei ryšys atliekamas tik per šiuos paslaugų teikėjus.
"Speedkit", skirtas "Plesk
Pavyzdžiui, yra "Plesk" įskiepis, kuris keliais paspaudimais gali pagreitinti svetainės veikimą. Tačiau mano bandymo metu buvo priešingai. Pagrindinė tokių įskiepių problema yra ta, kad talpykla pradedama naudoti tik tada, kai lankytojas antrą kartą peržiūri puslapį arba pirmą kartą užmezga ryšį su sistema.
Privalumas yra tas, kad galite tiesiog įjungti visą šį dalyką neatlikdami jokių jo sistemos pakeitimų. Tačiau trūkumas yra tada, bet greičiau trūksta greičio su 1 peržiūros lankytojai. Dėl šios priežasties, naudodami įprastas tikrinimo programas taip pat nematote jokių pokyčių, nes jos visada aplanko puslapį be spartinančiosios atmintinės kaip visiškai naujas naudotojas.
Kadangi dauguma lankytojų į puslapį dažniausiai patenka tik per paieškos sistemos nuorodą, jiems tai nesuteikia jokio greičio pranašumo. Naudodami įmontuotus įrankius galite visai neblogai apsieiti be išorinių talpyklų. Be to, duomenų apsaugos, ypač DSGVO ir būsimo e. privatumo reglamento, požiūriu tokios paslaugos nėra tinkamos. Užsakant šias paslaugas jau trūksta sutarties dėl užsakymo duomenų tvarkymo.
Taip pagreitinsite svetainės veikimą.
Svarbiausias dalykas: tinkama interneto prieglobos vieta.
Iš išorės jie visi daro Prieglobos paslaugų teikėjas tas pats. Tačiau šis skirtumas dažnai būna paslėptas.
Yra interneto svetainių serverių, kurie reklamuojasi su branduoliais ir skirtais ištekliais, tačiau visa tai veikia tik labai silpnoje aparatinėje įrangoje. Mažas AMD branduolys iš 10 metų senumo serverio nėra toks pat kaip naujausios versijos "Intel Platinum Xeon" branduolys.
Dauguma paslaugų teikėjų šiandien taip pat virtualizuoja visą savo infrastruktūrą. Dažnai keistose struktūrose, pavyzdžiui, konteinerių sistemose, kuriose kliento užsakytos šerdys taip pat buvo užsakytos 20 kitų klientų. Geras ir dėl programinės įrangos licencijos išlaidų brangių paslaugų teikėjai naudoja tinkamas virtualizacijos sistemas, tokias kaip "vmware" arba KVM, paprastai vadinamas debesis.
Dažnai pakanka bendrai naudojamos prieglobos. Mes patys sukūrėme svetaines, kuriose per mėnesį apsilanko dešimtys tūkstančių lankytojų. Jie taip pat veikia mažoje prieglobos paskyroje, nes prieglobos mašinos paprastai jau yra labai didelių matmenų, kad galėtų aptarnauti šimtus svetainių.
Tačiau daugumai svetainių užsakytos galios neprireiks, todėl visuomet lieka daug likusios galios.
Rinkdamiesi žiniatinklio prieglobos tarnybą tiesiog įsitikinkite, kad turite bandomąją paskyrą, ir įkelkite į ją savo svetainę be jokių įsipareigojimų. Paprastai juos galite pasiekti per subdomeną ir išbandyti greitį. Jei nieko, tiesiog pereikite prie kito paslaugų teikėjo.
Šiame pavyzdyje demonstracinis puslapis yra SEO serveris iš webhoster.de AG, kur gausite "Plesk Reseller" paskyrą su 10 IP adresų savo projektams.
Naudojama techninė įranga yra "Dell R740" serveris su MLC serverio SSD diskais kaip RAID masyvu.
Valdymo sąsaja yra "Plesk Onyx dabartinėje versijoje.
Įdiegtas standartinis WordPress su šiais aktyviais įskiepiais:
- "Amazon" filialas WordPress
- KitasScenarijai: "SNAP Pro" naujinimo pagalbininkas
- KitasScenarijai: Socialiniai tinklai Automatinis plakatas
- SEO Smart Links verslas
- Trumpieji kodai Ultimate
- Turinys Plius
- The7 elementai
- Galutiniai WPBakery puslapio kūrėjo priedai
- WPBakery puslapio kūrėjas
- "Yoast SEO Premium
- WP Rocket
Dizaino šablonas
Kaip tema naudojama "The7".
Puslapio dizainą sudaro temos arba puslapių kūrimo programos šablonai. Puslapiuose paprastai būna 2500-3000 žodžių, daug paveikslėlių ir lentelių.
Todėl visada svarbu patikrinti ne tik pagrindinį puslapį, bet ir papildomus puslapius.
Mūsų demonstracinė svetainė vadinasi www.super-food.de ir taip pat pasiekiama šioje srityje. Taigi visus bandymus galite patikrinti patys. Kitame straipsnyje tik parodysime, kaip per trumpą laiką sukurti didelę svetainę naudojant nedaug išteklių. Galbūt tai taip pat yra kažkas jums. Testavimo tikslais svetainė kartkartėmis bus kopijuojama į kitas sistemas.
Žiniatinklio serverio nustatymas per "Plesk
Pirmiausia žiniatinklio serveris turi būti nustatytas per "Plesk". Visada rekomenduojama naudoti "nginx" kaip gryną žiniatinklio serverį. Tačiau mes to nedarome, nes iš esmės nepalaikomi jokie .htaccess failai, o daugumą "WordPress" įskiepių funkcijų galima konvertuoti tik įdėjus daugiau pastangų, kitaip jie yra neveiksmingi. Dėl to nėra jokio greičio pranašumo.
PHP nustatymai programoje Plesk
Mes naudojame dabartinę php versiją 7.2.9 su numatytaisiais nustatymais. Meniu punkte PHP nustatymai paprastai galite patys nustatyti parinktis. Jei ne, tai turi padaryti prieglobos paslaugų teikėjas.
"Apache" ir "nginx" nustatymai
"nginx" arba "Apache" nustatymuose nustatome tik tas vertes, kurias iš anksto nustatė paslaugų teikėjas. Taigi nieko ypatingo. Čia tik saugumo sumetimais simbolinės nuorodos išjungtos, o numatytasis suspaudimas įjungtas.
nginx mes tik kaip tarpinis serveris su Pažangus statinių failų apdorojimas. Iš esmės galite visiškai apsieiti ir be "nginx". Tačiau tada http/2 nebeveikia ir atsiranda kitų problemų. Taigi palikime numatytąsias reikšmes.
WordPress prietaisų skydelis
Mūsų demonstracinis puslapis jau veikia gana gerai. Tačiau, norint pasiekti 100/100, reikia atlikti keletą pakeitimų, pvz., minifikavimą, taigi CSS ir Javascript santrauką, kaip rekomenduoja "Google".
Paprastai viso to negalite nukopijuoti patys, tačiau yra naudingų pagalbininkų, kurie atlieka šį darbą.
Šiame bandyme naudojame įskiepį WP-Rocket. Tačiau tai gali padaryti ir dauguma kitų.
Nustatymų dalyje Failų optimizavimas tiesiog spustelkite visus elementus, išskyrus nustatymus, kurie kenkia http/2. Tai yra CSS failai "Sumažinti CSS" ir "CSS rodymo optimizavimas„.
"Javascript" nustatymuose turite pakeisti nustatymus "Sumažinti Javascript" ir "Vėluojantis "Javascript" krovimas", taip pat "Saugus režimas jQuery (rekomenduojama)".
Tai jau buvo beveik viskas. Naudojant įskiepį, puslapio PSI vertė pakyla iki 94/100. Dabar trūksta tik keleto nedidelių vaizdų failų ar CSS kodo optimizavimo veiksmų, kurie kažkodėl nebuvo suspausti vadinamojoje vaikiškoje temoje. Patogu, kad "Google" pateikia šiuos failus, bet optimizuotus, todėl galite juos tiesiog pakeisti naudodami failų tvarkyklę.
Tikimės, kad mūsų maža pamoka padėjo jums optimizuoti. Taigi viskas įmanoma. Tačiau viskas taip pat keičiasi kiekvieną dieną. Todėl turite nuolat atnaujinti "WordPress", nes kitaip naujos funkcijos nebebus palaikomos.
Visą vaizdo įrašą netrukus rasite mūsų "Youtube" kanale.
