Miksi sinun ei pitäisi huolehtia Google PageSpeed ​​​​Insightsista. PageSpeed ​​​​Insights: Latausnopeus sijoitustekijänä Tarkista Google-sivun latausnopeus

Google PageSpeed ​​on työkalu, jonka avulla voit tarkistaa verkkosivuston nopeuden. Sen avulla voit arvioida latausnopeutta pöytätietokoneille ja tietokoneille mobiililaitteet ja tarjoaa suosituksia, joita voidaan käyttää optimointiin.

Sivuston latausnopeusanalyysin tulos näyttää tältä:

Kun olet analysoinut sivuston latausnopeuden, voit useimmiten saada seuraavat suositukset:

Palvelun yleisin suositus liittyy sivuston optimaaliseen kuvien valintaan. Graafinen sisältö on erittäin raskasta ja voi suuresti hidastaa resurssisivujen lataamista. Yleisimmät suositukset ovat oikean muodon (useimmiten kannattaa käyttää PNG:tä), kuvien koon ja laadun valintaa. Niin paljon myös iso kuva, jota käytetään taustana, voi merkittävästi hidastaa sivuston latausnopeutta. Sinun tulee aina tarkistaa kuvat ja vähentää niiden kokoa ja laatua niin paljon kuin mahdollista (kuvien koko ja laatu on järkevää asettaa tietylle resurssille hyväksyttävälle vähimmäismäärälle).

Web-palvelimen pakkaus on tärkeä suorituskykyparametri. Otettu käyttöön Apachen mod_deflate-moduulilla tai Nginxin käskyllä.

Määrittää, lähetetäänkö otsikko ja tallennetaanko tiedot käyttäjän selaimen välimuistiin. Välimuistin avulla voit vähentää merkittävästi palvelimelle tulevien puheluiden määrää, mikä vähentää sen kuormitusta ja lisää staattisen tiedon (joka on suurin osa millä tahansa verkkosivustolla) lähetysnopeutta asiakkaalle.

JavaScript-koodi suoritetaan oletuksena sivun latautuessa, ja CSS käsitellään samalla tavalla. Ne. Jos JS-komentosarja sisältyy asiakirjan runkoon, sen renderöinti keskeytyy joka kerta, kunnes komentosarja suoritetaan. Voit välttää tämän lisäämällä JavaScriptin ja HTML:n yhdistämisen yhteydessä, että sivun runko hahmonnetaan suoritettavasta koodista riippumatta.

Esimerkiksi asynkronisessa tilassa oleva JS voidaan yhdistää seuraavasti:

CSS-pienentäminen sisältää ylimääräisten välilyöntien ja rivinvaihtojen poistamisen, mikä lyhentää selaimen käsittelyaikaa ja lisää sivun latausnopeutta asiakkaalle.

Vaihtoehto on samanlainen kuin edellinen, mutta liittyy HTML-koodiin. OpenSourcea voidaan käyttää HTML:n ja CSS:n minimoimiseen ohjelmistotuotteita, jonka linkit on julkaistu palvelun verkkosivustolla.

Määrittää, käytetäänkö uudelleenohjauksia toimialueelta toiselle ja palvelimelta toiselle tarkoittavat lisäpyyntö-vastausjaksoja (pyyntö toiselle); DNS-palvelin ja pyytää tietoja suoraan), mikä luonnollisesti pidentää aikaa, joka loppukäyttäjälle kuluu sivuston sisällön vastaanottamiseen. Uudelleenohjauksia tulee välttää, jos mahdollista.

IN tässä tapauksessa tarkistaa ladattavan sisällön koon siirtyessä kotisivu sivuston optimointia ei tarvita, jos datamäärä on alle 14,6 kt pakattua tietoa, mikä vastaa TCP-protokollan ruuhkaikkunan kokoa ja tarkoittaa, että yhteyden uudelleenmuodostusta ei vaadita siirrettävän tiedon välittämiseksi kerralla.

Pagespeed Insights antaa varoituksen hitaasta palvelimen vasteesta, jos sivun sisältö näytetään alle 200 ms:ssa.

Google PageSpeed ​​on erittäin hyödyllinen työkalu verkkosivustojen optimointiin, mutta siihen ei pidä luottaa ehdoitta. Google PageSpeedin antamat tiedot eivät aina ole oikeita ja arvioitavien kriteerien ymmärtämiseksi on parempi viitata dokumentaatioon.

Erityisesti näet usein varoituksen, että välimuistia ei käytetä, vaikka itse asiassa

PageSpeed ​​​​Insights (PSI) raportoi sivun tehokkuudesta sekä mobiili- että pöytätietokoneissa ja tarjoaa ehdotuksia sivun parantamiseksi.

PSI tarjoaa sekä laboratorio- että kenttätietoja sivusta. Laboratoriotiedot ovat hyödyllisiä suorituskykyongelmien virheenkorjauksessa, koska ne kerätään valvotussa ympäristössä. Se ei kuitenkaan välttämättä kata todellisia pullonkauloja. Kenttätiedot ovat hyödyllisiä todellisen, todellisen käyttökokemuksen tallentamiseen, mutta niillä on rajoitetumpi joukko mittareita. Katso lisätietoja kahdesta tietotyypistä.

Raportin yläosassa PSI tarjoaa pistemäärän, joka esittää yhteenvedon sivun tehokkuudesta.

Reaalimaailman kenttätiedot

Luokittelu Nopea, Keskimääräinen, Hidas

yli 250ms

Nämä kynnysarvot koskevat sekä mobiililaitteita että pöytätietokoneita, ja ne on asetettu ihmisen havainnointikykyjen perusteella.

FCP:n ja FID:n jakautuminen ja valittu arvo

Esimerkiksi 14 %:n näkeminen FCP:n oranssissa palkissa osoittaa, että 14 % kaikista havaituista FCP-arvoista on 1 000 ms:n ja 2 500 ms:n välillä. Tämä data on koostenäkymä kaikista sivujen latauksista viimeisten 30 päivän aikana.

• Jakelupalkkien yläpuolella PSI raportoi 90. prosenttipisteen First Contentful Paint ja 95. prosenttipisteen First Input Delay, jotka esitetään sekunneissa ja millisekunteissa kunnioittavasti.
• Nämä prosenttipisteet on tarkoitettu kehittäjille, jotta he voivat ymmärtää sivustonsa turhauttavimmat käyttäjäkokemukset. Nämä kenttämittausarvot luokitellaan nopeiksi/keskiarvoisiksi/hitaiksi käyttämällä samoja edellä esitettyjä kynnysarvoja.
• Kentän tietojen yhteenvetotunniste

Nopea: Jos sekä FCP että FID ovat nopeita.

PSI käyttää Lighthousea tietyn URL-osoitteen analysointiin luoden tehokkuuspisteet, jotka arvioivat sivun tehokkuuden eri mittareilla, mukaan lukien: , ja .

Miksi kenttätiedot ja laboratoriotiedot ovat ristiriidassa keskenään? Kenttätietojen mukaan URL-osoite on hidas, mutta laboratoriotietojen mukaan URL-osoite on nopea!

Kenttätiedot ovat historiallinen raportti siitä, kuinka tietty URL-osoite on suoritettu, ja ne edustavat anonymisoituja suorituskykytietoja käyttäjiltä tosielämässä useissa eri laitteissa ja verkko-olosuhteissa. Laboratoriotiedot perustuvat yksittäisen sivun simuloituun lataukseen laite ja kiinteät verkkoehdot. Tämän seurauksena arvot voivat vaihdella.

Miksi FCP:lle on valittu 90. prosenttipiste ja FID:lle 95. prosenttipiste?

Tavoitteemme on varmistaa, että sivut toimivat hyvin suurimmalle osalle käyttäjistä. Keskittymällä mittareidemme 90. ja 95. prosenttipisteen arvoihin tämä varmistaa, että sivut täyttävät suorituskyvyn vähimmäisstandardin vaikeimmissa laite- ja verkkoolosuhteissa.

Miksi FCP:llä v4:ssä ja v5:ssä on erilaiset arvot?

V5 FCP tarkastelee 90. prosenttipistettä, kun taas v4 FCP raportoi mediaanin (50. prosenttipiste).

Mikä on hyvä pistemäärä laboratoriotiedoille?

Kaikki vihreät pisteet (90+) katsotaan hyväksi.

Miksi suorituskykypisteet muuttuvat juoksusta juoksuun? En muuttanut sivullani mitään!

Suorituskyvyn mittaamisen vaihtelu tuodaan esiin useiden kanavien kautta, joilla on eri vaikutustasot. Useita yleisiä metrien vaihtelun lähteitä ovat paikallisverkon saatavuus, asiakaslaitteiston saatavuus ja asiakasresurssien kilpaileminen.

Jos sinulla on PageSpeed ​​​​Insightsin käyttöä koskeva kysymys, joka on tarkka ja vastattava, esitä kysymyksesi englanniksi Stack Overflow -sivustolla.

Jos sinulla on yleistä palautetta tai kysymyksiä PageSpeed ​​​​Insightsista tai haluat aloittaa yleisen keskustelun, aloita viestiketju postituslistalla .

Oliko tästä sivusta apua?

Kyllä Hienoa! Kiitos palautteesta.

Sivuston latausnopeus on positiivisen käyttökokemuksen tärkein osatekijä sekä yksi sivuston sijoitustekijöistä hakutuloksissa. Totuus on, että nykyajan käyttäjät eivät halua odottaa 5 sekuntia kauempaa sivun latautumista. Jos sivustosi ei lataudu tarpeeksi nopeasti, menetät potentiaalisia asiakkaita.

Koska 50 % verkkoliikenteestä tulee mobiililaitteista, käyttäjät odottavat sivustojen latautuvan lähes välittömästi ja mobiiliversio. Tässä artikkelissa opit saamaan 100 pistettä 100:sta Google PageSpeed ​​​​Insights -työkalulla verkkosivustosi mobiili- ja työpöytäversioille.

Kun tarkasteltiin Google-sivustoa sen PageSpeed ​​​​Insights -työkalulla, havaittiin, että sivuston työpöytäversiossa ei ole ongelmia - 100/100, mutta mobiiliversion tulokset jättävät paljon toivomisen varaa - 71/100.

Tarkoittaako tämä, että 100/100 tulos on saavuttamaton?

Ensimmäinen huomioitava asia on, että PageSpeed-työkalu on vain opas verkkosivustojen laadun parantamiseen. Työkalu tarjoaa suosituksia verkkosivuston optimointiin, mikä auttaa parantamaan sivun latausnopeutta, mutta halutun tuloksen saavuttaminen riippuu palvelimen asetuksista.

Jotkut näistä vaiheista vaativat teknistä asiantuntemusta, toiset eivät. Näitä ohjeita voidaan noudattaa missä tahansa sisällönhallintajärjestelmässä.

PageSpeed ​​​​Insights -työkalu tarjoaa kuvien optimoinnin pienentämällä tiedostokokoa. Voit tehdä tämän suorittamalla seuraavat toimenpiteet:

· Pakkaa kaikki kuvat Compressor.io- ja TinyPNG-työkaluilla (tai muilla ilmaisilla työkaluilla). Joissakin tapauksissa nämä työkalut voivat pienentää kuvien kokoa yli 80 % niiden laadusta tinkimättä.

· Pienennä kuvien kokoa vaadittuihin parametreihin niiden laadusta tinkimättä. Oletetaan, että jos tarvitset kuvan, jonka koko on 150x150px, tämä on kuvan koko, joka on ladattava palvelimelle. Ei ole suositeltavaa käyttää sivustolle suurempia kuvia tai pienentää niiden kokoa käyttämällä CSS:ää tai HTML-tageja.

Voit ladata kuvia, pakata ja muotoilla niitä manuaalisesti tai käyttää PageSpeed ​​​​Tool -palvelua ja ladata jo optimoidun kuvan. Sama voidaan tehdä JavaScriptillä ja CSS:llä.

Resurssin kokoa voidaan pienentää poistamalla tarpeettomat tavut, kuten ylimääräiset välilyönnit, rivinvaihdot ja sisennykset. Ohjelmoijat usein lähtevät luodessaan koodeja vapaita istuimia ja kommentteja. Joskus poistamalla ne voit pienentää tiedostokokoja puoleen.

Voit ratkaista tämän ongelman asentamalla Gulpjs-työkalun palvelimelle. Työkalu luo automaattisesti uuden CSS-tiedoston ja poistaa kaikki välilyönnit. Se myös luo automaattisesti uuden CSS-tiedoston kaikkia tekemiäsi muutoksia varten. Tässä tapauksessa kehittäjä onnistui pienentämään CSS-päätiedoston koon 300 kt:sta 150 kt:iin.

Jos käytät WordPressiä, on hyvä idea asentaa Autoptimize-laajennus.

Voit myös ladata PageSpeed ​​​​Toolin ehdottamia jo optimoituja tiedostoja.

Voit parantaa palvelimen vasteaikaa siirtämällä kaikki staattiset tiedostot verkkosivustoltasi CDN-verkkoon.

CDN on ympäri maailmaa hajallaan olevien palvelimien verkosto, joka optimoi sisällön (kuvien, CSS- ja JavaScript-tiedostojen) toimituksen ja jakelun Internetin loppukäyttäjille. CDN tallentaa kopiot verkkosivustosi sisällöstä palvelimilleen. Kun käyttäjä vierailee sivustollasi, staattinen sisältö ladataan häntä lähimmältä palvelimelta.

Oletetaan, että sivustosi pääpalvelin on Texasissa etkä käytä CDN-verkkoa. Esimerkiksi Amsterdamista kotoisin olevan käyttäjän on odotettava, kunnes palvelin lataa sivuston Amerikasta. Jos käytät CDN:ää, sivustosi latautuu Amsterdamia lähimmältä palvelimelta, mikä vie paljon vähemmän aikaa.

Alla on kaavio CDN:n toiminnasta GTmetrixin kanssa.

Voit siirtää kaikki kuvat, JavaScript- ja CSS-tiedostot CDN:ään ja jättää vain ne pääpalvelimelle HTML-tiedosto. Kuvien isännöiminen CDN-verkkoon voi merkittävästi parantaa verkkosivujen latausnopeutta.

Selaimen välimuistin käyttäminen tarkoittaa, että sivustosi tiedostot - kuvat, CSS- ja JavaScript-tiedostot - ladataan palvelimelta vain kerran ja selain tallentaa ne tietokoneellesi. Seuraavan kerran kun sivut lataavat kaiken tarvittavat tiedostot vedetään ylös käyttäjän tietokoneelta.

Käyttääksesi selaimen välimuistia sinun on luotava .htaccess-tiedosto ja kirjoitettava siihen tarvittavat käskyt expires-moduulilla. Aika, jonka tiedot säilytetään välimuistissa, voidaan asettaa ajan, tiedoston viimeisen muokkauksen tai asiakkaan käyttöajan mukaan.

Suurin haaste, jonka kehittäjät joutuvat kohtaamaan tässä tapauksessa, on JavaScript-koodin siirtäminen sivun yläosasta ja rungosta alaosaan koko verkkosivustolla.

Jos käytät WordPressiä, aiemmin mainittu Autoptimize-laajennus voi auttaa sinua tässä. Tätä varten sinun tarvitsee vain muuttaa laajennuksen asetuksia.

Voit ottaa pakkauksen käyttöön palvelimesi asetuksista. Jos epäilet pätevyyttäsi tässä asiassa, kysy omaltasi tekninen tuki Ota GZIP-pakkaus käyttöön palvelimellesi.

Mobiilisivuston mukautuva versio edellyttää oikean kuvan resoluution, fonttiasetusten ja hyvän navigointijärjestelmän käyttöä.

Voit selvittää, miltä verkkosivustosi näyttää eri laitteilla Google Chrome. Napsauta oikeassa yläkulmassa olevaa valikkoa " Lisätyökalut", ja sitten - "Kehittäjätyökalut".

1. Käytä CDN:ää.

2. Käytä selaimesi välimuistia.

3. Poista näytön estävät resurssit sivun yläreunasta.

4. Optimoi kuvien koko ja pakkaa ne.

Sivun latausnopeus on nyt erittäin tärkeä signaali hakukoneet. Ja käyttäjille tämä on merkittävä tekijä, jota on vaikea olla kiinnittämättä huomiota, jos siinä on ongelmia. Parannamalla sivuston nopeutta voit paitsi saada sijoitusetuja, myös saada lisää luottamusta ja tulosprosenttia. Alla on luettelo hyödyllisimmistä työkaluista, joiden avulla voit analysoida ja tunnistaa sivustosi heikoimmat kohdat nopeuden suhteen.

Googlen sivun latausnopeustyökalu. Näyttää arvon 0–100 sekä pöytäkoneille että mobiililaitteille. Hän tuo heti esiin sivuston heikkoudet ja antaa suosituksia nopeuden optimoimiseksi.

Antaa arvion nopeudesta, näyttää puheluiden määrän palvelimelle ja keskimääräisen latausajan. IN pivot-taulukko näyttää yksityiskohtaisesti jokaisen palvelimelle lähetettävän pyynnön tiedot (tyylit, komentosarjat, kuvat jne.). On helppo arvioida, mikä tarkalleen sivustolla hidastaa latautumista.

Lataa kaksi sivustoa vertailua varten (itsesi ja kilpailija), tarkkaile visuaalisesti, kumpi latautuu nopeammin (kätevä esitellä asiakkaille). Latauksen lopussa näytetään, mikä sivusto voitti ja kuinka monta kertaa nopeammin se latautui.

Lataa sivun kahdesti, vertaa osumien määrää - paljastaa kuinka hyvin välimuisti on järjestetty, näyttää yksityiskohtaiset tilastot jokaiselle testille. Tallentaa kuvakaappauksia siitä, miltä sivusto näyttää joka latauksen sekunti. Se näyttää myös kätevässä muodossa, mikä pyyntöryhmä vei eniten aikaa. Palvelin sijaitsee Dallasissa (USA).

Toinen hyödyllinen työkalu sivuston nopeuden testaamiseen. Näyttää paljon yhteenvetotietoja, tallentaa myös historian, jotta voit verrata, kuinka paljon latausnopeus on parantunut tai huonontunut. Lataa Yahoo- ja Google-suosituksia nopeuden optimoimiseksi, lajittelee ne tärkeysjärjestyksen mukaan. Testipalvelin sijaitsee Vancouverissa (Kanada).

Palvelu testaa kuinka paljon sivusto kestää kuormitusta (kevyt DDOS). Useita kymmeniä käyttäjiä ja yli sata aktiivista yhteyttä emuloidaan. Koska testi kestää useita minuutteja, tämän latausajan aikana voidaan käyttää muita työkaluja sivun latausnopeuden arvioimiseen ruuhka-aikoina. Testin lopussa näet kaavion siitä, kuinka latausnopeus muuttuu aktiivisten käyttäjien lukumäärän mukaan.

Analysoi verkkosivujen latautumista eri puolilta maapalloa - palvelimia Yhdysvalloissa, Euroopassa ja Aasiassa. Näyttää yhteenvetotilastot jokaisesta testistä.

Lähettää analysoidulle sivulle pyyntöjä eri tietokeskuksista (noin 30 palvelimelta) ja määrittää kunkin nopeuden. Korostaa parasta, huonointa ja keskimääräistä suorituskykyä ajassa ja nopeudessa.

Joukkosivuston nopeuden tarkistus. Voit määrittää jopa 10 osoitetta - näin vertaat latausaikaa ja asiakirjan kokoa jokaiselle resurssille.

Raportti sivun lataamisesta ja kaikista muista skripteistä/tyyleistä/kuvista. Yksinkertainen ja usein tarpeellinen työkalu.

Jos käytät muita ilmaisia ​​verkkotyökaluja verkkosivuston sivun latausnopeuden tarkistamiseen, jaa ne kommenteissa.

Hei kaikki! Olen pitkään halunnut kirjoittaa artikkelin aiheesta google palvelu sivun nopeus, vaikka kirjoitinkin jo verkkosivuston kiihdyttämisestä ja optimoinnista ja annoin vinkkejä, jotka auttavat sinua kasvattamaan google-sivun nopeuspisteitäsi. Mutta tänään puhumme jostain muusta, äskettäin lopetin murehtimisen suorituksestani palvelussa googlen nopeus ja yritä parantaa sitä jotenkin. Kerran nostin lukua 2 prosentista 87 prosenttiin, vaikuttavaa eikö!? Mutta jonkin ajan kuluttua minun piti vaihtaa WordPress-sivustoni mallia, jonka jälkeen indikaattori putosi 63 prosenttiin, luultavasti malli osoittautui raskaammaksi kuin edellinen.

Lisäksi myöhemmin, kun asensit yhden laajennuksen, joka näyttää sivustolla mukautuvan ilmoitusten ruudukon, indikaattori putosi edelleen 30 prosenttiin. Eli ymmärrykseni minun piti valita joko kaunis sivusto tai korkea pistemäärä Googlen nopeuspalvelussa. Lisäksi huomasin, että indikaattori ei ehkä ole korkea, 50-70%, eikä tämä millään tavalla vaikuta sivuston avaamisnopeuteen selaimessa. Indikaattorilla 63%, sivustoni toimii ilman ongelmia, tietysti, jos hylkäät melkein kaikki laajennukset ja valitset sivustollesi helpomman teeman, voit nostaa indikaattorin 90-100%. Mutta miksi tämä tehdään? Numeroiden vuoksi? Itsehillinnän vuoksi?

Google-sivun nopeus laskee jokaisen kilotavun!

Jos sivustosi kuva voidaan optimoida, eli pakata vielä parilla kilotavulla, Google laskee ilmaisinta, kunnes poistat nämä pari kilotavua. Eli vain muutaman kilotavun takia indikaattoria voidaan laskea, mutta samalla sivustolle tämä ei tuo mitään muutoksia nopeuden suhteen, kaikki on sama! Miksi sitten murehdin näistä kilotavuista, pöyhkeen siellä ja tuhlaa aikaani? Jälleen se käy ilmi vain numeroiden vuoksi, sen tosiasian vuoksi, että olen parempi ja siistimpi kuin kaikki muut, katso kuinka korkea pistemääräni on, tämä on hölynpölyä! Haluan vain järkyttää niitä, jotka oletettavasti ajattelevat, että kun he lisäävät Google-sivun nopeuspisteitä, heidän sivustostaan ​​tulee ihmeellisesti suosittu, vierailtu, heidän hakukyselyt

he kasvavat aikuisiksi jne. No, kaverit, herääkää! Lopeta tuntikausia siellä roikkuminen, ajan tuhlaaminen, paranna sivustoasi, kirjoita jotain hyödyllistä paremmin. En ihmettelisi, että on ihmisiä, jotka eivät nuku öisin, koska heillä on alhainen googlen nopeuspiste. Yleisesti ottaen tämä kilpailu korkeista pisteistä voi johtaa absurdeihin... ei, en halua enää pelata Google-pelejä, olen saanut tarpeekseni. Tiedän kuinka tehdä korkeat pisteet, mutta en ole enää kiinnostunut tästä, olen kiinnostunut kirjoittamaan hyödyllisiä viestejä verkkosivustolleni. En myöskään aio muuttaa malliani korkean indikaattorin vuoksi. tällä hetkellä

Suositukseni: jos sinulla on ongelmia sivuston kanssa, se latautuu hitaasti, palvelimessa on ongelmia, se aiheuttaa suuren kuormituksen, niin ehkä googlen sivunopeuspalvelu voi auttaa sinua tunnistamaan syyt ja auttaa sinua poistamaan ne. Jos sinulla ei ole ongelmia sivuston toimivuudessa, sinun ei tarvitse tietää tästä palvelusta, et tarvitse sitä, indikaattorin lisääminen ei auta sinua millään tavalla, se vie vain aikaa ja hämmentää kaikki kortit.

Sinun on ymmärrettävä se itse wordpress moottori Tämä on raskas järjestelmä, monet toiminnot ja kellot ja pillit, jotka vaativat resursseja. Palvelimen kuormitusongelma voidaan ratkaista vain nostamalla isännöintirajoja, eli vaihtamalla korkeampaan tariffiin tai omistettuun palvelimeen. Kun tietty indikaattori on saavutettu, tämä prosessi on väistämätön ja tässä google-sivun nopeus ei enää auta sinua.

Siinä kaikki minulle, odotan kommenttejasi, nähdään ensi kerralla!

Miksi sain pisteet Googlen sivun nopeudesta Insights päivitetty: 7. tammikuuta 2019, kirjoittaja Ilja Zhuravlev