Nuxt.js-kirjastolla toteutetun verkkosivuston nopeus ja hakukoneoptimointi

Abstract

Tässä tutkielmassa tutkittiin single-page application -arkkitehtuurilla luodun sivuston suorituskyvyn kahta osa-aluetta: nopeutta ja teknistä hakukoneoptimointia. Valitut kaksi osa-aluetta ovat tärkeitä, sillä niillä on suora vaikutus myös liiketoimintaan. Tutkielma toteutettiin käyttäen tutkimusmenetelmänä suunnittelutiedettä, jonka prosessimallin mukaisesti tutkielmassa kehitettiin artefakti, jotta haluttuja ominaisuuksia voitiin kehittää ja testata. Sivustoille suoritettiin joukko mittauksia, joiden tuloksista selvisi, että erityisesti staattinen sivusto tarjoaa erityisen hyvän suorituskyvyn nopeuden osa-alueella. Lisäksi tutkielmassa selvitettiin, mitkä ovat keskeisimmät tekniset hakukoneoptimointikeinot. Keinot toteutettiin onnistuneesti verkkosivustolle, mikä kertoo, että SPA-arkkitehtuurilla toteutettuun verkkosivustoon pystytään tekemään kaikki teknisen hakukoneoptimoinnin kannalta olennaiset toimenpiteet.

This work focuses on the speed and search engine optimization of a website implemented with a singe-page application architecture. These two areas are important, because they have an impact on business. In this paper, we use design science as a research method, which process model we used to develop an artifact to develop selected features and measuring the end result. After that the measurements were performed on the websites, and the results showed that especially static website provides good performance of speed area. In addition, we defined the most important technical search engine optimization configurations and implemented them to the website. The study shows that there are no difficulties when implementing technical search engine optimization techniques to the SPA-architecture based website.