PageSpeed Insights: hvernig á að halda hraða síðunnar hátt

Ef þú rekur vefsíðu hefur þú líklega heyrt um Google PageSpeed Insights. Það er ókeypis tól frá Google sem mælir árangur vefsíðna þinna á bæði farsíma og borðtölvum. En að fá hátt stig getur oft liðið eins og leikur sem þú getur ekki unnið.

Í dag ætlum við að gera nákvæma endurskoðun á PageSpeed Insights, skoða öll möguleg vandamál sem koma niður á stiginu þínu og útskýra nákvæmlega hvernig á að hagræða vefsíðunni þinni.

Af hverju er hraði vefsvæðisins svona mikilvægur?

Áður en við skoðum tæknileg vandamál, við skulum tala um hvers vegna þú ættir að vera sama. Hraði vefsvæðisins er ekki bara hégómamælikvarði. Það hefur bein áhrif á fyrirtæki þitt.

Í fyrsta lagi er hraði stór röðunarþáttur fyrir SEO. Google hefur lýst því yfir opinberlega að þeir noti Core Web Vitals til að ákveða hversu hátt síðurnar þínar raðast. Ef vefsvæðið þitt tekur of langan tíma að hlaða, mun Google ýta þér niður leitarniðurstöðurnar.

Í öðru lagi hefur hraði áhrif á upplifun notenda og viðskiptahlutfall. Flestir notendur munu yfirgefa síðu ef það tekur meira en þrjár sekúndur að birtast. A fljótur síða heldur gestum þátt og gerir þá mun líklegri til að kaupa vöruna þína eða lesa greinar þínar.

Skilningur á PageSpeed Insights mælingum

Þegar þú slærð inn vefslóð í PageSpeed Insights gefur það þér tvenns konar gögn: rannsóknarstofugögn og vettvangsgögn.

Sviðsgögn sýna hvernig raunverulegir notendur upplifa síðuna þína. Það er safnað á 28 dögum með því að nota Chrome User Experience Report (CruX). Þetta er það sem skiptir máli fyrir SEO þinn. Lab gögn er safnað í stjórnað umhverfi til að hjálpa þér að kemba vandamál.

Helstu mælikvarðar til að horfa á eru:

• Fyrsta innihaldsríka málningin (FCP): tíminn sem það tekur fyrir vafrann að gera fyrsta stykki af texta eða mynd.
• Stærsta innihaldsríka málningin (LCP): tíminn sem það tekur fyrir stærsta blokk af efni til að verða sýnilegur.
• Uppsöfnuð skipulagsbreyting (CLS): mælir hversu mikið síðuútlitið þitt breytist þegar það hleður.
• Samskipti við næstu málningu (INP): hversu fljótt síðan svarar eftir að notandi smellir eða smellir á eitthvað.

Algeng vandamál sem eyðileggja stig þitt

Það er auðvelt að fá slæma einkunn. Til að laga það þarf að finna rótarorsökina. Hér eru algengustu vandamálin sem þú munt sjá í greiningarskýrslu PageSpeed Insights.

1. Render-blocking auðlindir

Þetta gerist þegar þú ert með javascript eða CSS skrár sem loka alveg á síðuna frá hleðslu. Vafrinn þarf að stöðva, hlaða niður skránni og flokka hana áður en hann getur sýnt notandanum eitthvað.Hvernig á að laga: þú ættir að fresta eða ósamstillt hlaða öllum ekki mikilvægum javascript. Fyrir CSS, dragðu út mikilvæga CSS og settu það í markið, hlaða síðan afganginum ósamstillt.

2. Óbjartsýni risastór myndir

Myndir eru venjulega stærsti hluti heildarþyngdar vefsíðu. Að hlaða upp 5MB mynd fyrir lítið lógó er tryggð leið til að hægja á öllu.Hvernig á að laga: þjappa alltaf myndirnar þínar með nútíma sniðum eins og WebP. Þú ættir líka að notaloading="lazy"eigind svo myndir fyrir neðan fellinguna eru aðeins hlaðnar þegar notandinn flettir niður að þeim. Alltaf stilltu skýra breidd og hæð á myndmerkjum til að koma í veg fyrir breytingar á útliti.

3. Of mikið ónotað javascript

Nútíma vefsíður hlaða oft þungum bókasöfnum eða þriðja aðila forskriftum, en nota aðeins lítið brot af kóðanum. Vafrinn þarf enn að hlaða niður og meta allt og taka upp dýrmætan vinnslutíma.Hvernig á að laga: fjarlægðu ónotaðar viðbætur og reyndu að skipta kóðanum þínum. Aðeins hlaða forskriftirnar sem þú þarft í raun á þessari tilteknu síðu.

4. Hægur svartími netþjóns

Tími að fyrsta bæti (TTFB) mælir hversu langan tíma það tekur hýsingarþjóninn þinn að skila upphaflegu HTML. Ef þjónninn þinn er hægur, munu allar aðrar hagræðingar ekki skipta miklu máli.Hvernig á að laga: notaðu hraðvirkan vefhýsil. Innleiða skyndiminni á netþjóni og notaðu efnisafhendingarnet (CDN) til að þjóna síðunni þinni frá netþjónum sem eru líkamlega nær notendum þínum.

Þetta tól er frábært, vegna þess að það segir hvar nákvæmlega þú gerðir mistök og jafnvel sýna þér nákvæmar skjámyndir. Svo bara laga þessar villur skref fyrir skref, og SEO þinn verður bætt.

Það lagði til að breyta .jpg í .webp myndir fyrir vefsíðu okkar, til dæmis.

Enekki vera í uppnámi ef þú getur ekki náð 100%Það er í raun mjög erfitt að gera. Ef vefsíðan þín er flókin, þarftu mikið af myndum, sumum sérstökum js bókasöfnum, gætirðu haldið að – það sé ekkert til að fínstilla lengur, hvers vegna skorið mitt er enn 80-90% ? Þetta er alveg eðlilegt. Ef vefsíðan þín er í “græna svæði”, þá er það nú þegar gott merki. Ennfremur geta niðurstöður jafnvel verið mismunandi um nokkur prósentustig – án nokkurra breytinga á – ef þú prófar hraðann á öðrum tíma.
Hins vegar ættir þú samt að reyna að hámarka árangur þinn með því að fara í gegnum og laga allar villur á listanum.

Hvers vegna þýðing handrit okkar heldur hraða þínum hátt

Þegar þú bætir nýjum búnaði við vefsíðuna þína þarftu að vera mjög varkár um árangur. Það er mjög algengt að þýðingarviðbætur eyðileggja PageSpeed stig þitt. Þeir hlaða oft gríðarstórum tungumálagagnagrunnum á biðlarahliðina, keyra miklar tafir á javascript og loka fyrir flutning á meðan þeir finna út hvaða tungumál á að sýna.

Við byggðum þýðingarhandritið okkar stranglega með frammistöðu í huga. Hér er ástæðan fyrir því að lausnin okkar er létt og hefur lágmarks áhrif á frammistöðuhraða:

• Örlítið farmtakmörk: kjarnahandritið okkar er ótrúlega lítið. Við böndum ekki saman stórum þriðja aðila bókasöfnum. Það bætir aðeins nokkrum kílóbætum við síðu stærð þína.
• Ósamstilltur hleðsla: handritið er hannað til að keyra ósamstillt. Það hindrar aldrei aðalefni þitt frá flutningi.
• Alþjóðleg CDN afhending: við afhendum handritið og þýdda textann frá alþjóðlegu neti. Þetta þýðir að gögnin ferðast stystu mögulegu fjarlægðina til gesta þinna.
• Native DOM innspýting: Í stað þess að fela síðuna eða búa til útlitsbreytingar, sprautar handritið okkar inn þýtt strengi óaðfinnanlega. Það keyrir á millisekúndum, þannig að uppsöfnuð skipulagsbreyting þín helst fullkomlega á núlli.

Með því að halda tæknilegu fótsporinu eins lítið og mögulegt er, tryggjum við að þú getir þýtt vefsíðuna þína alveg án þess að fórna einhverju af erfiðu SEO röðun þinni eða notendaupplifun.