On vähemmän turhauttavia asioita kuin verkkosivusto, jonka lataaminen vie aikaa. Silloin ei ole yllätys, että paitsi ihmiset, myös hakukoneet yrittävät pysyä poissa hitaista sivustoista. Tässä mielessä tässä on joitain parhaita vinkkejä, joita voit toteuttaa välttääksesi kävijöiden ärsyttämisen ja heidän kääntämisen pois ensimmäisellä vierailulla verkkosivustollasi.
1. Tehosta koodiasi
Paras verkkosivustojen rakentaja tekee sivuston rakentamisesta melko suoraviivaisen. Vaikka niiden runsas mallisto auttaa sinua tyylittelemään verkkosivustosi helposti, heillä on yksi haittapuoli. Monissa malleissa on sotkuinen koodi, joka voi hidastaa verkkosivustoasi.
Voit ratkaista ongelman poistamalla kaikki tarpeettomat koodit ja muotoilut HTML-, CSS- ja JavaScript-tiedostoissa. Tätä ylimääräisen osan poistamisprosessia kutsutaan minimoimiseksi, ja voit käyttää aloittamiseen yksinkertaisia verkkotyökaluja, kuten Will Peavyn pienentäjää. WordPress-käyttäjät voivat tehdä Autoptimize-laajennuksesta prosessin melko yksinkertaisen.
2. Pakkaa verkkosivustosi
Ei ole kauan, ennen kuin verkkosivustoista tulee suuria ja painavia. Kaikki kuvat ja jopa pelkkätekstiset HTML-, CSS- ja JavaScript-tiedostot turpoavat nopeasti. Yksi parhaista mekanismeista verkkosivuston nopeuttamiseksi on mahdollistaa pakkaaminen Gzipillä. Tämä pienentää HTTP-vastauksen kokoa ja lyhentää siten vasteaikoja.
Sinun on otettava käyttöön asianmukainen pakkausmoduuli Web-palvelimellasi, ennen kuin otat sen käyttöön verkkosivustollasi muokkaamalla .htaccess-tiedostoa. Tarkat vaiheet vaihtelevat ja riippuvat verkkopalvelimestasi, mutta miten teet sen Apache-palvelussa.
3. Optimoi kuvat
Kuvat ovat yksi verkkosivuston kookkaimmista osista ja yleensä minkä tahansa verkkosivun hitain latauselementti. Hallitse käyttäytymistä sen sijaan, että skaalaat suuria kuvia HTML: n kautta, aloittamalla koon kaikki verkkosivustosi kuvat tarkkaan kokoon, johon haluat ne.
Itse asiassa sinun tulisi pitää luettelo verkkosivustosi eri elementtien erikokoisista kuvista, jotta et koskaan lataa enemmän pikseleitä kuin tarvitset. Jos sinulla on raskas verkkosivusto, sinun on myös harkittava niiden pakkaamista. Yksi yleisimmistä työkaluista tähän tarkoitukseen on reSmush.
Se toimii kaikkien suosittujen sisällönhallintajärjestelmien (CMS) kanssa ja sillä on myös Linux CLI -asiakasohjelma kuvien pakkaamiseen staattisilla sivustoilla käytettäväksi. Voit myös puristaa useita kuvia yhdellä napsautuksella Compressor.io-sovelluksen avulla.
4. Laiska ladata multimediaa
Laiska lataus tarkoittaa, että kuvat, videot ja iframe-kehykset ladataan vasta, kun käyttäjät vierittävät sivua alas ja näkevät ne todella. Tämä voi parantaa merkittävästi sivujen alkuperäisiä latausaikoja.
Aikaisemmin tämä oli jotain, jonka otit käyttöön JavaScriptin avulla, mutta ei laiska lataus on rakennettu verkkoselaimiin. WordPress-käyttäjillä on useita valintoja ja kaksi suosikkiamme ovat Lazy Load by WP Rocket ja a3 Lazy Load, joka on suunniteltu mobiililaitteille.
5. Käytä nopeita sosiaalisen median jakolinkkejä
Tänä päivänä haluat ihmisten jakavan sisältösi sosiaalisessa mediassa. Yksinkertaisissa HTML-verkkosivustoissa voit käyttää linkkien luontityökalua, kuten ilmaista Share Link Generator -työkalua, jonka avulla voit luoda sosiaalisen jakamisen linkkejä Facebookille, Twitterille, LinkedInille ja Pinterestille turvautumatta iframe-kehyksiin tai JavaScriptiin. Kuten tavallista, WordPress-käyttäjillä ei ole pulaa laajennuksia, joita he voivat käyttää tähän tarkoitukseen, mukaan lukien Social Warfare ja Grow.
6. Poista turhat laajennukset
CMS: llä, kuten WordPress, voi olla paljon lisäosia, jotka voivat lisätä todella hyödyllisiä toimintoja verkkosivustoosi. Liian monien laajennusten käyttö voi kuitenkin hidastaa verkkosivustoasi indeksointiin, minkä vuoksi sinun pitäisi suorittaa vain tarvitsemasi laajennukset.
Kaikkia laajennuksia ei kuitenkaan ole suunniteltu yhtä hyvin, ja voit nopeuttaa verkkosivustoasi korvaamalla laajennuksen nopeammalla vaihtoehtoisella. Online-työkalu GTmetrix analysoi verkkosivustosi ilmaiseksi ja näyttää luettelon laajennuksista, joilla on korkeat latausajat. Harkitse näiden laajennusten korvaamista, varsinkin jos niitä kutsutaan useita kertoja kevyemmällä vaihtoehdolla.
WordPress-käyttäjät voivat myös käyttää Query Monitor -laajennusta yksityiskohtaiseen analyysiin verkkosivustossaan käytetyistä laajennuksista. Muista tietysti poistaa itse Query Monitor -laajennus, kun se täyttää tarkoituksensa.
7. Vähennä uudelleenohjauksia
Uudelleenohjauksia tarvitaan usein, kun siirrät ja poistat sivuja, ja ne ovat paras tapa poistaa rikkinäisten linkkien ongelmat. Vaikka 301-uudelleenohjaukset ovat parempia kuin 404-virheet, ne eivät silti ole ihanteellisia, koska ne hidastavat aikaa, jonka selain saavuttaa oikean sivun version. Voit analysoida verkkosivustosi uudelleenohjauksia Screaming Frogin suurella uudelleenohjaustarkistimella ja yrittää minimoida niiden käytön.
8. Tee vähemmän HTTP-pyyntöjä
HTTP-pyyntöjen vähentäminen on hyvä tapa optimoida verkkosivustosi. Jokainen sivulle lisäämäsi elementti muuttuu HTTP-pyynnöksi. Mitä enemmän selaimen on tehtävä nämä pyynnöt, sitä kauemmin sivusi latautuu täydellisesti. Siksi vaikka pyyntöjen tekeminen vaatii jonkin verran tuloksia, pyyntöjen määrän vähentämisen tulokset ovat erittäin vaikuttavia.
Voit käyttää selaimen kehittäjätyökaluja ja siirtyä Verkko-välilehdelle nähdäksesi HTTP-pyynnöt yksityiskohtaisesti. Kun sinulla on käsitys siitä, mitkä tiedostot lataavat eniten, voit etsiä yhdistettäviä tiedostoja (erityisesti CSS-tiedostoja) ja niitä, joita voit kiristää kokonaan.
9. Laita CSS ennen komentosarjoja
Tyylitaulukoiden ja komentosarjojen oikea sijoittaminen vaikuttaa sivustosi latautumiseen. Sijoita CSS aina osion yläosaan. Tällöin selain voi ladata CSS: n ensin, jotta käyttäjät näkevät sivustosi sisällön.
Javascriptin tulisi puolestaan olla mahdollisimman lähellä pohjaa. Tämä johtuu siitä, että selainten on ensin jäsennettävä JavaScript, ennen kuin se voi siirtyä seuraavaan tagiin. Jos sijoitat komentosarjat ennen varsinaista sisältöä, käyttäjät tuijottavat tyhjää sivua, kun selain murisee JavaScriptin.
10. Mene vanhan koulun mahdollisuuksien mukaan
PHP: n kaltaisen komentosarjakielen avulla voit tehdä asioita, jotka eivät ole mahdollisia pelkällä HTML: llä. PHP: n käsittely vie kuitenkin kauemmin kuin HTML: n jäsentäminen, joten vältä tietojen pyytämistä PHP: n kautta, jos se voidaan noutaa staattisella HTML: llä.
Vastaavasti ei ole aina hyvä käyttää @import CSS -mekanismia ulkoisten tyylitaulukoiden sisällyttämiseen verkkosivuillesi HTML-tagin sijaan. Vaikka molemmat saavuttavat saman tavoitteen, @import käyttää enemmän resursseja kuin suoraan linkittäminen tyylitaulukoihin.
11. Ota välimuisti käyttöön
Kun vierailet verkkosivustolla, kaikki sivun elementit tallennetaan kiintolevylle väliaikaiselle tallennustilalle, jota kutsutaan välimuistiksi. Tämä on kätevää, koska seuraavilla vierailuilla selaimesi tuo sivun esiin lähettämättä uutta HTTP-pyyntöä palvelimelle.
Jos käytät WordPress-sivustoa, voit ottaa välimuistin käyttöön helposti käyttämällä laajennusta, kuten W3 Total Cache -laajennus. Toisaalta, jos sinulla on staattinen HTML-sivusto, voit ottaa välimuistin käyttöön käyttämällä .htaccess-tiedostosi ns. Expires-otsikkoa. Kun käyttöönotto on päättynyt, otsikot säästävät paitsi välimuistiin tallennettujen tiedostojen lataamiseen tarvittavaa aikaa myös vähentävät HTTP-pyyntöjen määrää.
12. Kevään puhtaat tietokannat
Todennäköisesti käytät verkkosivustosi ylläpitoon CMS: ää, kuten WordPress tai Joomla. Kun törmäät asennukseesi (lisää ja poista laajennuksia, luo ja päivitä viestejä, asenna päivityksiä ja vastaavia), CMS: ää käyttävä tietokanta muuttuu melko paisutetuksi ja hitaaksi. Tämän välttämiseksi sinun on puhdistettava tietokanta säännöllisesti WP-Optimize-laajennuksella.
13. Estä pikalinkit
Pikalinkit tapahtuvat, kun joku näyttää kuvan sivustoltasi käyttämällä suoraan sen verkkolinkkiä. Joka kerta, kun se latautuu, kuva puretaan lähdesivuston palvelimelta.
Sinulla on useita vaihtoehtoja estää pikalinkit. Monet tunnetut isännät tarjoavat vaihdon hallintaliittymässä pikalinkityksen estämiseksi. Sitten on WordPress-laajennuksia, kuten All In One Security & Firewall, joka suojaa kuumailinkeiltä. Lopuksi voit lisätä ohjeita .htaccess-tiedostoosi.
14. Vaihda Keep Alive -asetus
Pidä elossa -viesti vaihdetaan verkkopalvelimen ja asiakaslaitteen välillä saman TCP-yhteyden sallimiseksi HTTP-keskusteluun sen sijaan, että avaisit uuden jokaisen uuden pyynnön yhteydessä. Jatkuvana yhteytenä tunnettu Keep Alive auttaa vähentämään myöhempien pyyntöjen viivettä. Useimmat hosting-yritykset, etenkin jaetussa hostingissa, poistavat tämän ominaisuuden käytöstä.
Asetusta hallitaan parhaiten säätämällä verkkopalvelinta. Voit kuitenkin ohittaa palvelimen oletusarvon lisäämällä seuraavat rivit .htaccess-tiedostoon:
Otsikkosarja Yhteys pysyy hengissä
15. Nopeuta WordPressiä
WordPressillä on useita laajennuksia suorituskyvyn parantamiseksi, jotka auttavat optimoimaan verkkosivuston eri puolia. Yksi kattavimmista on perfmatterit, jotka pyörittävät monia yleisesti käytettyjä suorituskyvyn kiihdytystekniikoita. Hyvä asia tässä premium-laajennuksessa on, että suurin osa sen optimointitekniikoista paljastetaan yksinkertaisen käyttöliittymän kautta, mikä tekee siitä kaikenlaisten käyttäjien saataville.
16. Asenna Google PageSpeed
Google PageSpeed on joukko avoimen lähdekoodin moduuleja Apache- ja Nginx-verkkopalvelimille. Ne auttavat optimoimaan verkkosivustosi toteuttamalla joitain hyödyllisimpiä suorituskykyä parantavia tekniikoita, kuten ne, jotka olemme jakaneet tässä artikkelissa. Voit ladata ja asentaa moduulit Web-palvelimeesi, jos omistat sen. Muuten sinun on etsittävä palveluntarjoajaa. Yleensä web-isännät tarjoavat tämän vain huipputason omistettujen isäntäsuunnitelmiensa kanssa, vaikka jotkut GoDaddy-kaltaiset asentavat sen Linux-palvelimille.
17. Vähennä DNS-hakuja
Yksi tärkeimmistä tekijöistä, jolla on suora vaikutus verkkosivustosi latautumiseen, on DNS-hakujen aika. DNS-haku on prosessi, jolla löydetään URL-osoitteeseen liittyvä IP-osoite.
Yksi tapa nopeuttaa verkkosivustoasi on vähentää yksilöllisten isäntänimien määrää. Pienempi määrä DNS-kyselyjä lyhentää vasteaikaa ja saa verkkosivustot latautumaan nopeammin. Harkitse myös, että DNS-tietueiden kyselyyn kuluva aika riippuu DNS-palveluntarjoajan nopeudesta.
Jos et ole tyytyväinen DNS-palveluntarjoajan suorituskykyyn, harkitse vaihtamista toiseen. DNSperf seuraa eri arvovaltaisten DNS-tarjoajien kyselynopeutta.
18. Päivitä parempaan web-isäntään
Jos olet yrittänyt nopeuttaa verkkosivustoasi, mutta et ole huomannut paljon eroa, ongelma voi hyvinkin olla verkkopalvelusi. Monet halvimmista web-isännöistä, varsinkin jaetut, ovat melko täynnä ja käyttävät palvelimia, joilta puuttuu resursseja riittävän varaamiseksi kullekin verkkosivustolle. Sinun tulisi sen sijaan viettää aikaa tutkia tarjolla olevia vaihtoehtoja, ennen kuin aloitat isännän ja verkkosivustosi isännöintisuunnitelman.
19. Käytä sisällön jakeluverkostoa
Parempaan verkkopalveluun siirtymisen lisäksi sinun on harkittava myös CDN (Content Delivery Network) -palvelua. Toisin kuin palvelimesi, joka sijaitsee tietyssä paikassa, CDN käyttää palvelinverkkoa, joka tavallaan jakaa sisältösi palvelimille ympäri maailmaa ja siirtää sen lähinnä kävijöihisi heidän sijainnistaan riippumatta. CDN: t nopeuttavat verkkosivustoa vähentämällä fyysistä etäisyyttä sisällön ja kävijöiden välillä. Voit isännöidä kaiken tyyppistä sisältöä CDN-tiedostoilla ja jopa käyttää useita sisältöjä kohdistamaan tiettyihin sijainteihin.
20. Seuraa suorituskykyä säännöllisesti
Tärkeä näkökohta verkkosivustosi säätämisessä on pitää silmällä sen suorituskykyä. Tämä ei vain auta sinua arvioimaan säätämisen vaikutusta, mutta myös käytetystä työkalusta riippuen huomauttaa verkkosivuston näkökohdat, jotka tarvitsevat huomiota. Pingdom's Website Speed Test on suosittu verkkotyökalu, joka testaa sivun latausaikojen lisäksi myös ongelmat.
Vastaavasti voit analysoida verkkosivustosi suorituskykyä mobiililaitteilla Googlen Test My Site -sivustolla. Hyödyllisten tietojen antamisen lisäksi työkalu jakaa myös suosituksia, joiden avulla voit nopeuttaa verkkosivustoasi mobiililaitteita varten.
- Olemme esittäneet parhaan Wordpress-verkkopalvelun.