Optimization
Koostasime vastavalt oma kasutusjuhtudele seitse automaattesti. Saime teada, et on mõistlik panna teatud sammud ootama, aga ka üldine kiirus lükata läiesti Slow peale, seste muidu küsitakse veebilehelt andmeid enne kui nad on laetud. Pärast seda viimast täiendust läksid kõik testid läbi.
Testid saab alla laadida siit (Free download -> ooteaeg 30s -> Create Download Link -> Click Here to Download)
(Tehtud: Etapp 6) Selles etapis me jooksutasime jõudlusteste selleks, et kontrollida, kui kiiresti meie veebirakendus jookseb. Selleks kasutasime Apache JMeter'it. "Thread Group"-i seaded olid sellised, panime 25 kasutajat, ja kokku +-60 loop'i. Lisaks oli tehtud mitu testi väikse Thread'i arvuga, osa nendest ei oli lisatud lõpp tulemusele. Kogu töötamise aeg: 10 minutit
Kõik leheküljed laadisid keskmiselt kiiremini kui 0,5 sekundit. See annab võimalust võrrelda lehtede suurust nende jooksutavusega.
Lisaks uurisime, kuidas toimub lehtede laadimine arvutisse. Siin on näidatud, kuidas laaditakse elemendid Log In lehe jaoks:
'Full page reload' (Ctrl + F5) kaudu
Ja tavalise 'reload' (F5) kaudu
On näha, et osa andmetest laaditakse cache'ist tavalise lehe uuendamisel.
Google Pagespeed andis meile esialgu järmised tulemused:
Tulemuste parandamiseks tegime järgmist:
- minimeerisime Javascript ja CSS failid
- tõstsime lühemad CSS failid üheks suuremaks
- lisasime .htacessi faili koodi cache-kontrolli ja faili kompresseerimise jaoks
- märkisime config failis gzipi kasutamise parameetri TRUE'ks
- katsetasime asünkroonsete skriptidega, aga lõpuks jätsime need välja
Optimeerimise käigus juhtus meil suuremat sorti avarii, mille tõttu pidime koodi tunduvalt hiljem esitama. Millegipärast hakkas veebirakendus kuvama ainult pealehe inglisekeelset ja sisselogitud versiooni, kus ükski nupp ei tööta jne. Olime päris pikalt paanikas, proovisime ilma cache'ita, muutsime skriptide asukohta, siis võtsime hunniku muudatusi tagasi, et need hiljem uuesti tagasi panna... Pidime ka mitmed testitulemused maha arvama ning kõike uuesti tegema.
Lõpuks me ei saanudki teada, mis avarii põhjuseks oli, sest ühel hetkel tegime kõik "hard refreshi" pealehele ja kõik hakkas maagiliselt tööle. Ülalnimetatud optimeeringud ikkagi säilisid, aga neile lisaks pidime ajutiselt kinni keerama Google Mapi API, sest sellega suhtlemine läks järsku katki ja keegi siiamaani ei tea, miks. Vahest toimus uuendus ja meil on ikka veel vana versioon. Selle katsume viimaseks etapiks uuesti tagasi tuua.
Jooksutasime jõudlustestid pärast optimeerimise faasi, samade seadetega. Jooksutamse aeg: 7,5 minutit.
'Full page reload' (Ctrl + F5) kaudu
Ja tavalise 'reload' (F5) kaudu
Google Pagespeedi hinnang paranes veidi:
Kuid paistab, et see tööriist ikkagi ei arvesta asjaoluga, et meil on nüüd küll lubatud gzip ja cache expiry time. Gzipi tõestuseks:
((varasemast pilti kahjuks pole, aga see oli enne samuti 70-midagi))
Kokkuvõttes võib öelda, et need mõõdikud töötavad kõik erinevalt ning see tekitas palju segadust. Kuid meie kiirus on tunduvalt paranenud ning optimeerimisvõtted on samuti tehtud.