Sivuston latausnopeus. 4 päätekijää.

Tunnisteet: SEO

Sivuston latausnopeus. Kuinka lisätä latausnopeutta? Pääongelmat.

Suositeltava sivuston latausnopeus Google - 2 sekuntia. (ja katso nyt nopeuttasi)

(Kuinka tarkistaa verkkosivuston latausnopeus?Helpoin ja nopein tapa on avata kehittäjätyökalut CTRL+SHIFT+IValitse seuraavaksi "Verkko" -välilehti ja päivitä sivu, jotta näet latausnopeuden, sinun on päivitettävä sivu, Päivitä ilman välimuistia: sinun on painettava CTRL + F5 / CTRL + R. Ja alla on latausnopeus.)

Tarkista sivuston latausnopeus
käyttämällä Googlen palvelua: PageSpeed Insights

Pääkohdat, jotka vaikuttavat eniten:

Kätkö
css (tyylit)
JS (käsikirjoitukset)
kuvat (heidän painonsa, kokonsa - kyllä, täsmälleen KxW-koko, metatiedot - kyllä, sellainen on olemassa, nämä ovat heidän tiedot, kuten: päivämäärä, otsikko, aihe jne.)

En kirjoita niistä, jotta en maalaisi paljon tarpeetonta tietoa pienistä hetkistä, jotka eivät vaikuta erityisesti tai joilla on mitätön vaikutus.

#1 KÄTEINEN

välimuisti (taikätkö) on puskuri (paikka), johon kaikki tiedot tallennetaan. Meidän tapauksessamme nämä ovat kuvia, koodia, tyylejä ja paljon muuta.

Helpoin mitä voit tehdä itse on ota välimuisti käyttöön isännöinnissä.
(Jos sinulla on Ukraine.com.ua-isännöinti, sinun on siirryttävä kohtaan "sivuston asetukset" -> "perusasetukset" ja siellä on kohta "Caching" ja sieltä valitset tarvittavan ajan, jonka sivustosi välimuistiin. Suosittelen asettamaan sen 2 viikkoon - tällä välimuistijaksolla Googlen sivun nopeustiedot lisäävät paljon pisteitä.)

muita htaccessiin liittyviä menetelmiä, selaintunnisteita jne. löytyy Internetistä aika monelle artikkelille, enkä näe mitään järkeä maalata uudelleen. Voit lukea välimuistin tyypeistä Habrén artikkelista.

#2 CSS (tyylit)

CSS - (Cascading Style Sheets - Cascading Style Sheets).
Mitä tyyleillä voi tehdä?
Hyvin Ensinnäkin purista niitä.
toiseksi vähentää tiedostojen määrää, ts. yhdistä niin paljon kuin mahdollista vähentääksesi palvelimelle tulevien puheluiden määrää.
Kolmanneksiupota tärkeimmät tyylit, jotka vaikuttavat ensimmäisen näytön näkyvän osan näyttämiseen, suoraan -kansioon ja jätä loput tiedostoon.

Jätän myös pari hyödyllistä linkkiä:

css-pakkauspalvelut
kuinka pakata css-tiedostoja

#3 JS (skriptit)

Täällä meillä on myös useita tapoja optimoida komentosarjoja.

Lykkää skriptin latausta. Puffaa se mahdollisimman alas, laita taakse tai jopa alas joskus se auttaa, joskus se ei ole vaihtoehto. Mutta kohta numero 2 tulee apuun.
ASYNC - asynkroninen komentosarjan lataus. Tämä tehdään "async"-parametrilla
Täällä on lisätietoja asynkronista.
Hieman lisätietoa JS:stä ja sen vaikutuksesta.
Pieni pointti.
JS voidaan myös pakata. Yhdistä myös yhdeksi tiedostoksi.

#4 Kuvat

Voit aina tehdä kolme asiaa: katsoa tulta, katsoa vettä ja optimoida kuvia.

Aihe on melko laaja, joten yritän antaa sinulle vain tärkeää tietoa.

Optimoi paino.

Miten? Ohjelman tai palvelun kautta.

Ohjelma massatyöhön kuvien kanssa Nopea kivikuvasen avulla voit
Kuvien koon muuttaminen joukkona. Miten ja mitä jo googlettaa siellä ei ole vaikeaa.
Lataa Faststone-kuva.
Palvelu kuvien koon pienentämiseen - Panda. Tai pikemminkin TinyPNG & TinyJPG.
ONLINE:n tärkein etu. Lataa vain tiedostot ja palaa pakattuun versioon - Laatu ei kärsi ollenkaan (se on Magic).
Linkit: tinypng.com & tinyjpg.com

Optimoi koko.

Yllä kirjoittamani kokoa voidaan muuttaa ohjelman avulla nopea kivikuva.
Koko on korkeus x paino (korkeus leveyden mukaan).

Esimerkki:

Koko	Pikselit	Tiedoston koko
100x100	10 000	39 kt
200x200	40 000	156 kt
300 x 300	90 000	351 kt
500x500	250 000	977 kt
800x800	640 000	2500 kt

(Jos haluat tietää tästä lisää, voit lukea Googlen ohjeen tästä aiheesta. ARTIKKELI Googlelta, mutta varoitan, että se on jossain määrin nörttiä)

Meillä on esimerkiksi 2 kuvaa:
1) Paino 100 kt, koko 500x500
2) Paino 100kb, koko 2500x2500
Vaikuttaa siltä, että mitä eroa sillä on, painavat saman verran, joten niiden lataamisen pitäisi olla yhtä monimutkaista tai yksinkertaista, mutta se ei ollut siellä, jos tarkistat sen googlen sivun nopeudella, se vannoo silti korkeammalla resoluutiolla kuva.

Yhteenveto: Koolla on väliä. Paino myös. (loput eivät ole niin tärkeitä, mutta joidenkin asiantuntijoiden argumenttien mukaan silläkin on vaikutusta, nyt puhun Image Metadatasta)

En todellakaan kirjoittanut mitään metatiedoista, no, täällä ei ole mitään kirjoitettavaa ...
Tyhjennä vain kaikkien kuvien metatiedot, legendan mukaan voit pienentää kokoa 2 kertaa. sain tietää äskettäin (Tiedostokoon vaikutuksesta, mielestäni se oli melko merkityksetön).

Lyhyesti julkaisusta: