Sisällönhallintajärjestelmää käyttävän verkkosivun suorituskyvyn optimointi

Abstract

Insinöörityössä tutkittiin sisällönhallintajärjestelmän avulla toimivan verkkosivun suorituskykyä ja sen optimointia. Työssä keskityttiin verkkosivun optimointiin käyttäjäpuolella (client-side), mutta raportissa käydään läpi myös palvelinpuolen (server-side) optimointitoimenpiteitä. Insinöörityön tavoitteena oli selvittää sisällönhallintajärjestelmällä rakennetun sivuston ongelmakohdat latautumisnopeuden kannalta ja maksimoida sen suorituskyky ja kestävyys ruuhkatilanteessa.

Työn tutkimuksissa perehdyttiin verkkosivun latautumisen aikaansaamaan selaimen ja palvelimen väliseen liikenteeseen ja etsittiin sitä kautta sivuston latautumisnopeuteen vaikuttavia hidasteita. Tutkimuskohteena oli WordPress-sisällönhallintajärjestelmällä rakennettu verkkosivu, joka esittelee kiinteistövälitysyrityksen myyntikohteita. Sivusto oli julkaistu jo ennen insinöörityön aloittamista.

Insinöörityön tutkimuksissa selvitettiin myös WordPress-teemojen rakenteiden ja sivustolla esiintyvien kuvien vaikutukset verkkosivun suorituskykyyn. Suorituskykyä mitattiin neljän eri mittaustyökalun avulla, jotka pisteittivät verkkosivun toiminnan tiettyjen sääntöjen perusteella. Tehdyt mittaukset osoittivat, että verkkosivu oli lähtötilanteessa suorituskyvyltään heikko, joten optimointitoimenpiteiden toteuttaminen oli erittäin tärkeää.

Optimoinnin myötä sivuston lähdekoodia siistittiin, HTTP-pyyntöjen määrää vähennettiin, välimuisti otettiin käyttöön ja ulkoisten tiedostojen kokoa pienennettiin. Suurin osa optimoinnista toteutettiin WordPressin lisäosien avulla, mikä oli nopea optimointitapa, mutta parhaisiin tuloksiin pääseminen vaati lisäosien optimaalisten asetusten selvittämisen.

Insinöörityön lopputuloksena syntyi sujuvasti toimiva verkkosivu, joka kestää suuremmankin määrän samanaikaisia käyttäjiä. Tehdyt mittaukset osoittivat, että optimointi on oleellinen osa verkkosivujen kehittämistä, eikä sitä tule laiminlyödä. Sivuston lähtötilanteen mittaustuloksia analysoitaessa WordPress-teemoissa havaittiin heikkouksia, jotka on syytä ottaa huomioon vastaisuudessa, kun sisällönhallintajärjestelmällä rakennetaan verkkosivuja. Myös työssä ilmi tulleet tiedot WordPress-teemoista ja järjestelmän lisäosista ovat erittäin hyödyllisiä tulevia projekteja ajatellen.

This thesis examines the performance optimization of a website built on a content management system (CMS). The thesis focused on optimizing the website on the client-side, but some server-side optimization techniques are presented in the report as well. The aim of the thesis was to examine matters that negatively affect the speed of a CMS based website and to maximize the performance and durability of the site during traffic peaks.

A real estate website built on the WordPress CMS served as the target of the thesis. The site had been published before the start of this thesis. The research in this thesis was concentrated on the traffic that occurs between a server and a browser when a website is loaded. The structure of a WordPress theme is also examined in the research, as is the impact the website images have on the performance of a site. Performance was measured with four different measurement tools, which graded the website based on certain rules. The results showed that the initial performance of the site was poor, which proved the optimization to be very important.

During the optimization the website source code was partly rewritten, the amount of HTTP requests was reduced, caches were activated and the size of external files was minimized. Most of the optimization was carried out with WordPress plug-ins, which was a fast optimization method, but best results were reached only after finding the ideal settings to these plug-ins.

The result of the thesis was a smoothly functioning website that endures a large number of concurrent users. The taken measurements show, that performance optimization is an important part of web development, and should not be neglected. Measurements made at the starting point of the thesis revealed weaknesses in WordPress themes that should be taken into account in the future, when working with this CMS. Also other significant information concerning WordPress themes and plug-ins was discovered during this study that will be very useful in future projects.