Bookuria.info on kirjan ystäville omistettu sivusto, josta löydät uutisia, toimituksia kulttuurielämästä sekä tuoreita tarjouksia ja alennuksia kirjankustantajilta.
Omistaja Bogdan on valinnut meidät nähdäkseen, voimmeko tehdä hänen verkkosivustostaan nopeamman, mikä oli suurin tyytymättömyys vanhaan isäntään.
Katsotaan mitä teimme!
Suorituskykytarkastus
Aiemmin sivuston keskimääräinen latausaika oli 4,78 sekuntia, sivun koko oli 2,5 MB ja pyyntöjen määrä 125.
Sivun osien joukossa:
- 37 JS – 627,6 K
- 17 CSS – 109,1 K
- 14 cssimages - 151K
- 31 kuvaa – 1640,5 K
Google PageSpeed Insights -pisteet olivat 73/100 ja tärkeimmät suositukset olivat:
- vähentää palvelimen vasteaikaa (tällä hetkellä 1,5 sekuntia)
- optimoi kuvat
Sivustolle asennettujen ja käyttöön otettujen laajennusten suorituskykytesti osoittaa, että Simple Share Buttons Adder -laajennuksella on negatiivinen vaikutus latausnopeuteen:
- laajennuksen vaikutus: 74,4 %
- laajennuksen latausaika: 2,160 s
Kun laajennus on poistettu käytöstä ja testattu uudelleen, luvut näyttävät paljon paremmilta:
- laajennuksen vaikutus: 30,8 %
- laajennuksen latausaika: 0,320 s
Toinen sivuston suorituskykyyn negatiivisesti vaikuttava tekijä on käytetty teema. Teeman lataamiseen kuluu 1,22 sekuntia verrattuna 0,32 sekuntiin, joka kuluu laajennusten lataamiseen.
Teemassa on ongelma, joka on hyvin yleinen premium-WordPress-teemoissa – yrittää tarjota liikaa vaihtoehtoja ja siksi se lataa suuren määrän JS- ja CSS-tiedostoja.
Useimpia vaihtoehtoja ei käytetä "todellisessa elämässä", ja sivuston suorituskyky kärsii.
Teema lataa 34 JS-tiedostoa ja monet ovat hyödyttömiä.
Google Mapsin JS-tiedostoja on kolme, yhteensä 199,6 000, emmekä koskaan nähneet, että niitä olisi käytetty missään sivustossa. Vaikka haluaisimme sijoittaa kartan jonnekin, se voidaan tehdä iframen avulla, emme tarvitse niin montaa JS-tiedostoa.
On olemassa joitain JS-tiedostoja Google-fonttien (39,1K) lataamiseen, mikä on erittäin tehoton tapa, Google Font Library -kirjastossa on 0,3K ja latautuu melko nopeasti.
On JS-tiedostoja, jotka eivät tee meille mitään: esimerkiksi Syntax Highlighter, hyödytön tällä sivustolla.
Teema toimii timthumb.php:n kanssa pikkukuvien tekemiseen. WordPress osaa tehdä pikkukuvia, et tarvitse toista PHP-skriptiä tehdäksesi sen puolestasi.
Toinen ongelma timthumb.php:ssä on, että se katkaisee Lazy Loadin ja latausnopeus sivusto kärsii.
Optimointi tehty
- optimoidut kuvat
- korvattu laajennukset ongelmilla muilla laajennuksilla, jotka tarjoavat samanlaisia toimintoja, mutta ovat kevyempiä
- poistettu ylimääräiset ja passiiviset liitännäiset
- tunnisti koodin teemarivit, jotka ladasivat turhat JS-tiedostot, ja poistimme ne
- ottanut käyttöön sivun välimuistin + tietokantavälimuistin
- päivitti WordPressin uusimpaan versioon
- päivitti kaikki aktiiviset laajennukset uusimpiin versioihin.
Tulokset
Uusi testi, joka tehtiin Pingdom Toolsilla, osoittaa keskinopeudeksi 2,72 sekuntia, mikä on hyvä parannus 4,78 sekunnista.
PageSpeed Insights antaa meille arvosanan 85/100, mikä on mukava parannus alkuperäiseen arvoon 73/100.
JS-tiedostojen määrä putosi 21:een, yhteensä 334,4 000, verrattuna alkuperäiseen 37:ään, yhteensä 627,6 000:een.
Valitettavasti WordPress-teema vetää sivustoa alas melko kovasti. Riippumatta siitä, kuinka optimoimme ja kuinka nopea palvelin on, vierailijoiden on silti ladattava 2 Mt tietoa, koska Lazy Load ei toimi timthumbin takia.
Tärkein suositus tässä on korvata teema sellaisella, joka ei lataa niin montaa JS-tiedostoa eikä käytä timthumb.php:tä.
Tämä voi lyhentää verkkosivuston keskimääräistä latausaikaa noin 1–1,5 sekuntiin.
Jätä vastaus