Manofmany.com on australialainen tyylilehti, joka on omistettu miehille.
Joka päivä tiimi julkaisee tyylikkäitä juttuja, vempaimia, tekniikkaa jne.
Keskusteltuamme heidän kanssaan Google+ -palvelussa, annoimme heille tämän yksinkertaisen optimointiraportin.
Latausaika
Eri työkalut näyttävät erilaisia tietoja:
- Chrome SEO -työkalupalkki – 7,43 sekuntia
- Pingdom Tools – 12.62 joulukuu
- GTMetrix – 9,86 sek
- Webpagetest.org – 24,14 sek
Sivun koko
Eri työkalut näyttävät erilaisia tietoja:
- YSlow: 3096,5 tavua
- Pingdom-työkalut: 4,0 MB
- GTMetrix: 3,88 Mt
- Webpagetesst.org: 3,816 kt
Käytän vain yhtä työkalua edelleen, YSlowia.
Komponentit
Liian monta http-pyyntöä: 51. 51 ei ole valtava, mutta sitä voidaan parantaa.
Javascript
Siellä on 15 js-tiedostoa, kokonaiskoko 627,1 kt:
- https://apis.google.com/js/plusone.js – 22,9 k
- http://platform.twitter.com/widgets.js – 80,7 k
- http://www.google-analytics.com/ga.js – 37,3 k
- http://edge.quantserve.com/quant.js – 5,8 k
- http://manofmany.com/wp-content/themes/clearly/library/js/modernizr.full.min.js – 13,6 k
- http://manofmany.com/wp-content/themes/clearly/library/js/jquery.fitvids.js?… – 2,7 k
- http://manofmany.com/wp-content/themes/clearly/library/js/scripts.js?… – 7,1 k
- http://s3.buysellads.com/ac/bsa.js – 16,1 k
- http://s3.buysellads.com/r/s_74ca33a0013c12e56d70fc5c06b96646.js?… – 2,1 k
- http://pagead2.googlesyndication.com/pagead/show_ads.js – 13,9 k
- http://manofmany.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?… – 15,1 k
- http://manofmany.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?… – 6,9 k
- https://apis.google.com/…/cb=gapi.loaded_0 – 129,7 k
- http://manofmany.com/wp-includes/js/jquery/jquery.js?… – 93,6 k
- http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=363084773773073 – 178,9 k
JQuery.js voidaan ladata Google-kirjastosta nopeuden parantamiseksi.
Suurin ongelma liittyy sosiaalisen median JS-tiedostoihin; he eivät todellakaan käytä parasta laajennusta sosiaalisen median jakamiseen. Se voidaan tehdä yhdellä 38,5 k:n JS:llä tai jopa ilman komentosarjaa.
Tämä vähentää 249,6 kt ja jättää JS-numeroksi 11. Se on huomattava parannus sivun kokoon.
CSS
Siellä on 12 css-tiedostoa, joiden yhteiskoko on 63,7 kt.
Koko ei ole niin suuri, mutta määrä on melko suuri.
3 tiedostoa voidaan yhdistää yhdeksi: teema styles.css ja lisäosat Easy Columns ja Contact Form.
Loput ovat Google-kirjastosta ladattuja fontteja, joten kysymys kuuluu: tarvitsetko todella 9 kirjasinta?
Yleensä sinun tulee käyttää kahta fonttia: toista otsikoille ja toista leipätekstille.
PT Sans ja Open Sans eivät ole niin erilaisia, joten voit käyttää vain toista kahdesta.
Lora ja PT Serif – sama kuin yllä, käytä vain yhtä tai käytä vain Georgiaa (se on kaunis verkkoturvallinen fontti).
Nixie One – En näe sitä käytössä sivustolla.
Harvoin käytettyjä fontteja ei ole järkevää ladata joka kerta, käytä vain järjestelmäfontteja: Georgia, Arial, Courier.
Tämä parantaa pyyntöjä 12:sta vain 3-4:ään, koon parannukset eivät ole niin suuria, mutta ne lisäävät.
Kuvat
Se on verkkosivuston suurin ongelma, jolla on suurin vaikutus nopeuteen: 18 kuvaa, kokonaiskoko 2597,5 K.
Se on valtava; heidän on optimoitava kuvat ennen niiden lataamista.
Suurin kuva sivustolla on 420K ja yksinkertainen smush.it osoittaa, että sitä voidaan parantaa 27,6%, eli 104K juuri siellä.
Jos voimme parantaa kaikkia 25%, se on yli 600 000 painonpudotusta.
Ratkaisut:
1. Kuvien optimointi
Käytä Photoshopia ja Tallenna verkkoon 60 %:lla ja progressiivisesti tarkastettuna. Jos vierailijasi käyttävät kromia, firefoxia tai IE9:n progressiivisia jpg-tiedostoja, latautuvat erittäin nopeasti. Muilta osin se on hieman hitaampi kuin tavalliset jpg-tiedostot.
Muuten vain Tallenna verkkoon 60–80 % ja optimoitu tarkistus. Tämä säästää normaaleja jpg-kuvia.
Jatka sen jälkeen kuvien lataamista WordPressiin.
Ei Photoshopia?
Käytä jpegmini.com-sivustoa kuvien optimointiin ennen lataamista tai käytä WP-laajennusta tehdäksesi se automaattisesti latauksen yhteydessä.
2. Kuvien tarjoaminen
Tarjoa staattista sisältöä evästeettömästä verkkotunnuksesta ja rinnasta lataukset isäntänimien välillä.
Nämä kaksi asiaa voidaan saavuttaa lataamalla kuvia evästettömästä aliverkkotunnuksesta, kuten images.manofmany.com.
Nyt selain voi ladata useita kohteita kerralla, mikä parantaa verkkosivuston nopeutta.
Laiska lataus
Tämä tarkoittaa, että kuvat latautuvat yksitellen ja näkyvät käyttäjille vain tarvittaessa.
Ne ladataan, kun ne näkyvät vain selaimen näkymässä.
Lataamalla vain kuvia sivun yläpuolelle, nopeuden lisäys on merkittävä.
Muut asiat, joita voit tehdä
– selaimen välimuisti
– yhdistä js (jos mahdollista)
– lisää expires-otsikko
– pakkaa gzipillä
– käytä etageja
– Profiloi liitännäiset nähdäksesi mitkä vaikuttavat latausaikaan ja korvaa ne paremmilla laajennuksilla
– Käytä koodia functions.php:ssä pluginien sijaan yksinkertaisissa asioissa, kuten lataa Google Fonts
– ratkaise 404-virheet
– minimoi uudelleenohjaukset
– lataa javascript sivun alareunaan
– voit käyttää vain 5 viestiä sivulla 10 sijaan
– Voit käyttää pienempiä kuvia, kuten pikkukuvia, mutta se tarkoittaa suunnittelun häiritsemistä
Johtopäätös
Suurin osa siitä on vain yksinkertaisia asioita, joilla voi olla valtava vaikutus.
Edistyneempää optimointia varten meidän tulisi tarkastella teemaa ja laajennuksia ja tarkistaa, onko niissä suorituskykyongelmia.
Jätä vastaus