6 vaihetta WordPress-verkkosivuston nopeuttamiseksi
Kaikki tietävät, että sivuston nopeudella on tärkeä rooli verkkosivuston menestymisen kannalta. Mitä enemmän sivustosi latautuu nopeasti, sitä enemmän käyttäjiä sitoutuu sisältöön. Tässä artikkelissa näytämme sinulle 6 vaihetta WordPress-verkkosivuston nopeuttamiseksi.
Tavallinen aika, jonka sivustosi pitäisi ladata, on alle 2 sekuntia. Jos sivustosi lataaminen kestää yli 2 sekuntia, olet tekemässä jotain väärin.
Verkkosivustosi nopeuden, kuten pingdomin, jne. Tarkistamiseen on käytettävissä useita online-työkaluja. Suosittelen kuitenkin tarkistamaan verkkosivustosi Google Page Insights -sivustolta. Kokemukseni mukaan tämä työkalu antaa paremman tuloksen. Google Page Insights näyttää häiriötekijät, jotka aiheuttavat sivustosi latautumisen hitaasti.
Katsotaanpa vaihe vaiheelta prosessi sivuston suorituskyvyn ja nopeuden parantamiseksi. Alla on kuvakaappaus verkkosivustoni pisteistä Google Page Insightissa.
Vaihe 1 – Sisällytä CSS ja JS tavalliseen tapaan
Huomasitko koskaan Render-viestin estävän JavaScriptin ja CSS: n sivun yläosassa? Jos et ole sisällyttänyt CSS: ää ja JS: ää tavalliseen tapaan, se voi hidastaa sivustoasi. Nyrkkisääntönä CSS: n tulisi olla otsikossa ja JS: n alatunnisteessa. Sinun tulisi huolehtia siitä, että verkkosivustosi noudattaa tätä vakiokäytäntöä.
Vaihe 2 – Optimoi kuvat ennen käyttöä
Kuvilla on tärkeä rooli käyttökokemuksen parantamisessa. Silmiinpistävät kuvat pitävät käyttäjät sitoutuneina sisältöön. Mutta raskaiden kuvien käyttö melkein tappaa verkkosivustosi nopeuden. Olet esimerkiksi ladannut sivustoon kuvan, jonka koko on 2 Mt, ja sivua ladattaessa tällä 2 Mt: lla kuluu ylimääräinen aika kuvan lataamiseen, ennen kuin esität sivusi yleisölle.
Tässä tulee kuvien optimoinnin käsite ennen käyttöä. Saatavilla on useita laajennuksia, jotka tekevät tämän tehtävän pakata kuvia mediakirjastostasi. Jotkut suositut laajennukset ovat
- Pakkaa JPEG- ja PNG-kuvat ByTinyPNG
- ShortPixel Image Optimizer
- Sileä kuvan pakkaus ja optimointi
- EWWW Image Optimizer
Kaikki nämä laajennukset toimivat hyvin. Suosittelen käyttämään TinyPNG-laajennusta. Käytän tätä laajennusta verkkosivustollani ja olen melko tyytyväinen siihen.
Joissakin tapauksissa meidän on näytettävä kuvia mediakirjaston ulkopuolella. Luomme mukautetun hakemiston ja lähetämme siihen kuvia, sitten käytämme näitä kuvia verkkosivustolla. Olen kirjoittanut artikkeleita Image Optimize Image On Upload ja TinyPNG Compress Images. Katso nämä artikkelit, jos et käytä mediakirjastoa kuviin.
Vinkki: Rajaa näytettävän koon kuvat. Oletetaan, että sinulla on kontti, jonka koko on 300 * 250. Siinä tapauksessa sinun tulee rajata kuva säiliön koon mukaan. Älä käytä suurempaa kuvaa pienessä astiassa. Tämä vaikuttaa myös sivuston suorituskykyyn.
Vaihe 3- Laiska ladata kuvia
Lazy Load Images auttaa nopeuttamaan verkkosivustoasi. Laiskaa latauslaajennusta käyttämällä kuvat eivät lataudu, ennen kuin käyttäjä vierittää niiden kohdalle. Se auttaa pienentämään sivusi kokoa lataushetkellä.
Jos haluat toteuttaa laiskoja latauskuvia ilman laajennusta, lue artikkeli Paranna verkkosivuston suorituskykyä laiskojen latauskuvien avulla.
Vaihe 4 – Optimoi tietokanta
Sikäli kuin tietokannan koko on pieni, palvelimesi reagoi nopeasti verkkosivustolta tuleviin tietokantapyyntöihin. Kun tietokanta alkaa kasvaa, palvelimellasi on enemmän aikaa vastata.
WordPress-ohjelmassa aika kuluu useita tietokantaan tallennettuja orpoja tietoja. Esimerkiksi kun päivität postia tai sivua, WordPress tallentaa version aina tietokantaan. Haluaisin mieluummin säilyttää vain 3 viimeistä versiota, jotka ovat täysin riittäviä. Jos haluat pitää versiot jopa 3 kertaa, sinun on lisättävä alla oleva koodi wp-config.php -tiedostoon.
define('WP_POST_REVISIONS', 3);Koodin yläpuolella rajoitetaan tarkistusten määrää. On joitain muita taulukoita, jotka pitäisi myös optimoida. Suosittelen käyttämään WP-DBManager- tai WP-Sweep- laajennuksia tietokannan optimointiin.
Vaihe 5 – Välimuistin käyttö
Kiitos insinööreille, jotka esittivät selaimen välimuistin. Kun käyttäjä vierailee verkkosivustollasi, käyttäjän selain tallentaa sivusi selaimen väliaikaiseen tallennustilaan. Kun käyttäjä vierailee verkkosivustolla seuraavalla kerralla, selain näyttää sivun käyttäjille viimeksi tallennetusta välimuistista sen sijaan, että lataaisi koko sivun uudelleen. Tämä vähentää kaistanleveyden käyttöä sekä käyttäjän että palvelimen puolella. Välimuistin käyttäminen verkkosivustollasi nopeuttaa dramaattisesti WordPress-verkkosivustoa. Jotkut suosituista välimuistilaajennuksista ovat seuraavat.
Vaihe 6 – Hyödynnä selaimen välimuistia
Kun hyödynnät selaimen välimuistia, verkkosivusi tiedostot tallennetaan selaimen välimuistiin. Sivusi latautuvat paljon nopeammin toistuville vierailijoille. Lisää seuraava koodi sivustosi htaccess-tiedostoon, jolloin selaimen välimuisti voidaan tallentaa.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Huomautus: Jotkut laajennukset käyttävät WordPressissä ulkoisia resursseja. Emme voi asettaa vanhentuneita otsikoita näille ulkoisille resursseille. Yksi tapa on tallentaa nämä ulkoiset tiedostot palvelimellesi ja sisällyttää ne sitten verkkosivustoosi.
Toivon, että ymmärrät kuinka nopeuttaa WordPress-verkkosivustoa. Jos kaipasin jotain tai käytät jotain muuta tekniikkaa, jaa alla olevissa kommenteissa.