Free Press

Sivustosi latausnopeudella voi olla suora vaikutus siihen, muutatko kävijöistä uusia asiakkaita ja faneja. Kun sivustosi toimitetaan kävijöille nopeasti, annat kaikille mahdollisuuden sitoutua sisältöösi. Lisäksi sivun latausnopeus ja palvelimen vasteaika ovat merkittäviä tekijöitä siinä, miten Google sijoittuu sivustosi paremmuusjärjestykseen.

Mutta jos et lyhennä palvelimen vasteaikaa ja lataus kestää kaksi tai enemmän sekuntia (jopa kojelautasi), tarjoat kävijöillesi vähemmän kuin optimaalisen käyttökokemuksen, ja moni poistuu sivustoltasi ennen kuin se on edes latautunut loppuun. Jos verkkosivustosi latautuminen kannettavalla tietokoneella, puhelimella tai tabletilla kestää siis yli muutaman sekunnin, sinulla saattaa olla tekemistä latausajan minimoimiseksi.

Hyvä uutinen on, että voit tehdä asialle jotain. Jos haluat parantaa WordPress-sivustosi palvelimen vasteaikaa, olet tullut oikeaan paikkaan.

Testaa ensin

⁉️Jos et ole varma, onko sinulla huono yhteys, hidas internetyhteys vai ylipäätään buginen sivusto, testaa sitä! Klikkaa twiittaamaan yhdellä monista internetissä olevista työkaluista. Yksi tällainen työkalu on Googlen oma Page Speed Insights. On myös muita hyviä työkaluja, kuten GT Metrix ja Pingdom.

Syöttämällä sivustolle oman URL-osoitteesi saat tietoja 10 säännöstä, joilla he arvioivat sivustosi. Näitä ovat muun muassa palvelimen vasteaika, sivun uudelleenohjaukset, optimoidut kuvat ja muut säännöt, jotka vain koodaus- tai WordPress-asiantuntija tuntee.

Yli monta WordPress-liitännäistä asennettuna

Yksi WordPressin parhaista puolista ovat liitännäiset. Niiden avulla voit optimoida ja muokata sivustoa haluamallasi tavalla. Kaikkien ilmaisten vaihtoehtojen ansiosta on kuitenkin helppo mennä hieman plugin-paloozaksi asentamalla kaiken, käytitpä sitä tai et. Muista, että jokainen näistä liitännäisistä voi lisätä latausaikaa, ja jotkut voivat jopa kaksinkertaistaa latausajan.

Etkö ole varma, tekevätkö ne niin vai eivät? Kokeile poistaa jokainen lisäosa käytöstä yksi kerrallaan. Testaa sitten sivunopeutesi uudelleen. Jos löydät häiritsevän lisäosan tai kaksi, yritä korvata ne toisella kevyemmällä lisäosalla tai etsi koodausvaihtoehto. Varo välimuistiinpanoja, jotka lupaavat tehdä kaiken. Ne voivat hidastaa vasteaikaa eivätkä silti välttämättä edes ratkaise ongelmaa. Monissa tapauksissa se, mitä ne tekevät, voidaan toteuttaa jonkin verran koodaamalla.

Hyvä määrä WordPress-liitännäisiä mille tahansa sivustolle on 5-10. On kuitenkin monia liitännäisiä, jotka toimivat eräänlaisina all-in-one-laitteina. Esimerkiksi Visual Composer on loistava sivunrakentaja. Sen mukana tulee myös yhteydenottolomakevaihtoehto, liukusäädinvalinnat ja paljon muuta – mikä poistaa tarpeen muille WordPress-lisäosille, jotka ovat samankaltaisia ja voivat hidastaa palvelimen vastetta.

Renderin blokkaava JavaScript

Jos huomasit ruudunkaappauksen omasta testistämme verkkosivulla, tämä ongelma tuli esiin ensimmäisenä. Se ilmenee, kun selain yrittää renderöidä sivua ja törmää skriptiin, joka sen on suoritettava ennen kuin se voi jatkaa lataamista. Tämä aiheuttaa ylimääräistä latausaikaa ja voi tehdä sivustosta hitaan.

Ulkoisten skriptien tapauksessa vaikuttaa resurssin lataamiseen kuluva latausaika. Tämä voi pakottaa selaimen yrittämään lataamista useita kertoja. Tällaisia skriptejä ovat esimerkiksi ulkoiset widgetit, kuten Twitterille tai Facebookille, tai jokin upotettu skripti. Paras tapa puuttua tähän on muutama koodinpätkä, mutta jokainen verkkosivusto on erilainen.

Tarpeettoman pitkä CSS tai JavaScript

CSS eli kaskadoituvat tyylitiedostot (cascading style sheets) määrittelevät sivustosi sävyn ja sisältävät selaimelle ohjeet ladattavista väreistä, kirjasintyypistä ja -koosta, taulukkokoodista, otsikosta, alatunnisteesta, valikosta jne. Tämäntyyppiset tiedostot voivat olla kymmeniä sivuja pitkiä ja niissä voi olla satoja rivejä koodia.

Monissa näistä tiedostoista on kuitenkin ylimääräisiä välilyöntejä, rivinvaihtoja ja muita tietoja, joita sivuston ei tarvitse ladata. Kun otetaan huomioon, kuinka monta kertaa tällaisia ylimääräisiä bittejä voi esiintyä tiedostossa, se voi lisätä paljon latausaikaa sivustollesi.

Poistamalla jokaisen tällaisen bitin voit nopeuttaa sivustosi toimintaa. Jotkut päättävät poistaa jokaisen bitin manuaalisesti, mikä voi olla sekä aikaa vievä että vaarallinen tehtävä. Vain yksi väärä poisto, ja sivustosi voi kaatua. Onneksi helppo keino on pienentää sivustosi CSS:ää.

Kuvia ei ole pakattu tai optimoitu

Mitä on hyvä verkkosivusto ilman hyviä kuvia? Koolla on kuitenkin merkitystä. Vaikka 5000 x 3000 pikseliä x 3000 pikseliä oleva kuva on hyvä kehystämiseen, se on kamala verkkosivustollesi. Muista, että useimmat työpöytänäytöt ovat 1920 pikseliä leveitä ja mobiilinäytöt ovat yleensä enintään 700 pikseliä leveitä.

Sitä riippuen, miten odotat kävijöiden käyttävän sivustoa, ei ole tarvetta julkaista koskaan tätä suurempaa kuvaa. Ja jos aiot käyttää kuvaa puoleen sivusta, muuta sen kokoa puoleen ennen lataamista. Voit tehdä tämän Macissa esikatselulla, Windowsissa Picture Managerilla tai jopa verkossa Pixlrissä, Fotorissa tai muussa vastaavassa kuvankäsittelysivustossa.

Nyt kun kuvasi on oikean levyinen ja korkuinen, varmista, että se on myös oikean kokoinen. DPI on lyhenne sanoista ”dots per inch” (pisteitä tuumaa kohti), ja se on hyvä tapa saada kuvasi koko pienemmäksi. Vaikka 300 DPI on hyvä monille tulostettaville kuville, se on liian suuri useimmille näytöille – erityisesti mobiililaitteille. DPI 72 on melko vakio verkkojulkaisuissa, ja se voi optimoida kuviesi latausaikaa.

Loppujen lopuksi on olemassa WP Smush -niminen lisäosa, jonka avulla voit pakata kuvasi, vaikka ne olisi jo ladattu. Se pakkaa automaattisesti lataamasi kuvat asennuksen jälkeen. Voit myös käyttää sitä jo ladattujen kuvien pakkaamiseen painamalla sen antamaa ”smush it” -kehotetta.

Hidas palvelimen vasteaika

Yksi syy siihen, miksi WordPress on niin hidas, ei tietenkään välttämättä ole sinun syytäsi. Verkkosivustosi isäntä (Bluehost, Hostgator, iPage jne.) saattaa kitsastella siinä, kuinka paljon nopeutta he antavat sinulle, mikä tekee WordPress-palvelimen vasteajan lyhentämisen verkkosivustollesi lähes mahdottomaksi. Kaksi yleisintä isännöintityyppiä ovat:

1. Jaettu isännöinti tai virtuaalinen isännöinti – Tällaiset palvelimet ovat eräänlaista yhteisomaisuutta, jossa se isännöi useita verkkosivustoja, myös sinun. Tämä tarkoittaa sitä, että ruuhka-aikoina verkkosivustosi kilpailee kaikkien muiden palvelimella olevien kanssa siitä, että vierailijasi pääsevät mahdollisimman nopeasti palvelimeen. Tämäntyyppinen hosting helpottaa myös sitä, että joku, joka jakaa palvelimesi, voi hakkeroida sivustosi. Täällä on joitakin laadukkaita palveluntarjoajia, kuten SiteGround, mutta jaetuilla palvelimilla tapahtuvassa isännöinnissä kannattaa aina olla varovainen.
2. Täysin hallinnoitu WordPress-hostaus – Tämäntyyppinen palvelin on omistettu yksinomaan sinulle ja verkkosivustollesi. Sen prosessointiteho ja resurssit on varattu vain sinulle, mikä voi tehdä siitä kalliimman. Se on kuitenkin nopeampi ja turvallisempi.

Tarpeettomat sivun ja postin uudelleenohjaukset

Onko sivustosi ollut olemassa jo jonkin aikaa? Olet ehkä poistanut muutamia sivuja, käyttänyt eri alustaa kuin WordPress tai tehnyt muita suuria muutoksia viime vuosina. Muilla sivustoilla, jotka ovat linkittäneet sinuun (ja jopa hakukoneilla), saattaa kuitenkin olla vanhat URL-osoitteesi.

Nämä URL-osoitteet saattavat osoittaa kuolleelle sivulle tai punaiselle sivulle, jonka nimi on ”301 Moved Permanently” tai ”302 Found”. Periaatteessa tämä tarkoittaa, että palvelimesi täytyy käydä näillä sivuilla ennen kuin ne menevät oikeille sivuille, mikä kasvattaa latausaikaa. Tämäntyyppiseen ongelmaan on monia korjauksia, kuten ulkoisten linkkien manuaalinen muokkaaminen, vanhojen sivujen poistaminen, paremman uudelleenohjauskoodin lisääminen tai jopa näiden sivujen palauttaminen takaisin.

WordPress on vanhentunut

Voi olla ärsyttävää, että WordPress pyytää sinua päivittämään useita kertoja viikossa. Tämä koskee usein lisäosia, teemoja tai jopa itse CMS:ää. Vaikka se voi olla vaivalloista ja jopa kaataa sivuston, kun yhteensopimattomia kohteita päivitetään, se voi olla sen arvoista.

Hidas vasteaika voi johtua vanhentuneista työkaluista, ja yksinkertainen klikkaus voi ratkaista ongelman. Tämäntyyppiset päivitykset tuovat usein mukanaan parannuksia, ja monet niistä ottavat huomioon nopeuden. Jos olet epävarma, suorita nopeustesti ennen ja jälkeen päivitysten.

Pakkausta ei hyödynnetä

Kuten CSS:n ja JavaScriptin pienentämisen tapaan WordPressin muita elementtejä voidaan optimoida poistamalla tarpeetonta koodia eli ”pakkaamalla”. Tätä voidaan kutsua myös gzip-pakkaukseksi tai vastaavaksi.

Kaikki nykyiset selaimet tukevat tällaista gzip-pakkausta kaikille HTTP- tai HTTPS-pyynnöille. ☝️Gzip-pakkauksen käyttöönotto voi parantaa hidasta vasteaikaa jopa 90 %! Click To Tweet Tämä yksi temppu voi olla ”kaikkiin kokoihin sopiva ratkaisu” siihen, miksi WordPress on niin hidas, joten on tärkeää tehdä se ja varmistaa, että se tehdään oikein. Gzip-pakkaus voidaan tehdä pluginin, koodauksen tai muun työkalun avulla, ja suosittelemme sitä lämpimästi.

BONUS: Testaa mobiilisivustosi

Jos haluat testata, ovatko kaikki nämä muutokset jättäneet sivustosi mobiiliystävälliseksi, käytä tätä ilmaista työkalua. Googlen mobiiliystävällisyystesti testaa ja näyttää sitten, miltä sivustosi näyttää matkapuhelimella. Ajoimme WP Buffs -sivuston sen läpi, ja se pärjäsi testissä positiivisesti. niille, jotka eivät läpäise testiä, annetaan syyt siihen sekä vinkkejä sivustojensa korjaamiseen.

Niin, miksi sivustosi on hidas?

Toivottavasti tämä auttaa sinua ratkaisemaan, miksi sivustosi on hidas ja parantamaan viiveisiä vasteaikoja. Jos et tunne koodausta, tarvitset apua kuvien optimoinnissa tai vastaavissa tehtävissä tai haluat hyödyntää WordPress-sivustoasi parhaalla mahdollisella tavalla, ota meihin yhteyttä ja kysy, miten voimme auttaa. Voit myös tilata ilmaisen uutiskirjeemme, jolloin saat mahtavia vinkkejä suoraan postilaatikkoosi. Ja jos tarvitset hieman enemmän apua sivustosi nopeuttamisessa, tässä on kaikki, mitä teemme WP Buffsissa suorituskyvyn optimoimiseksi, sekä muutamia vinkkejä WPblogista.