Äripäev: aripaev.ee uus esirakendus ja sisuhaldus, mis on kiirem ja maksab mitu korda vähem

03.10.2023

Äripäev

Äripäev on Eesti juhtiv äriuudiste väljaanne. Kirjutasime aripaev.ee kogu esirakenduse nullist ümber, ehitasime toimetusele oma sisuhaldussüsteemi lehtede ja plokkide haldamiseks ning liidestasime veebi SSO ja teiste ärisüsteemidega.

Tulemuseks on kiirem ja otsingumootoritele paremini loetav veeb, mille pilvekulud langesid mitmekordselt. Arendus jätkub.

Väljakutse

Vana veeb oli aeglane, kallis ülal pidada ja toimetuse jaoks jäik.

  • Leht laadis aeglaselt. Lugeja ootas artikli ja avalehe avanemist liiga kaua, eriti mobiilis ja suure liikluse ajal. Uudisväljaandes tähendab iga lisasekund kaotatud lugejaid.
  • Taristu nõudis palju servereid. Veeb töötas pilves ja koormuse kandmiseks oli vaja palju servereid. Majutuskulu oli sisu mahu ja liikluse kohta ebaproportsionaalselt suur.
  • Avalehe muutmine sõltus arendajast. Toimetus ei saanud avalehe ja rubriigilehtede ülesehitust ise muuta. Uus plokk või teistsugune järjekord tähendas arendustööd.
  • Vana kood ei kannatanud edasiarendust. Esirakendus oli tehniliselt vananenud. Uute funktsioonide lisamine vanale alusele oleks olnud aeglasem ja kallim kui uus algus.

Lahendus

Ehitasime esirakenduse uuesti üles ja andsime toimetusele kontrolli lehtede ülesehituse üle.

Oma sisuhaldus avalehele ja koondlehtedele

Arendasime Äripäevale eritellimusel sisuhaldussüsteemi, millega toimetus haldab avalehte ja teisi koondlehti. Lehed pannakse kokku plokkidest: toimetaja valib plokid, määrab nende järjekorra ja otsustab, millised artiklid ja podcastid igas plokis kuvatakse.

Nii saab toimetus reageerida uudisvoole kohe. Suure uudise korral tõstetakse teema avalehel esile minutitega, ilma arendaja abita.

Sisuhalduse võimalused:

  • avalehe ja koondlehtede kokkupanek plokkidest
  • plokkide järjekorra muutmine
  • artiklite ja podcastide valik iga ploki jaoks
  • muudatused nähtavad veebis kohe

Esirakendus kirjutatud nullist ümber

Kogu aripaev.ee esirakendus kirjutati uuesti. Lehed renderdatakse serveris ja vahemälu serveerib sama sisu korduvalt, ilma et iga päring koormaks tagasüsteeme. See teeb lehe kiireks ja vähendab vajalikku serverivõimsust.

Otsingu ja sisu kiire pärimise jaoks kasutame eraldi otsinguindeksit. Veeb on liidestatud SSO-ga ja teiste ärisüsteemidega, nii et lugeja konto ja ligipääs töötavad sujuvalt.

Mida ehitasime:

  • uus esirakendus serveripoolse renderdamisega
  • vahemälu koormuse vähendamiseks
  • tehniline SEO ja struktureeritud andmed
  • otsinguindeksil põhinev otsing
  • SSO ja teiste süsteemide integratsioonid

Tulemus

Uus veeb on kiirem, odavam ülal pidada ja toimetusele paindlikum. Projekt on töös ja arendame veebi edasi.

Platvorm

Amazon Web Services on pilveplatvorm, kus majutame skaleeruvaid veebilahendusi: serverid, andmebaasid ja failid ühes kohas.

Tehnoloogiad

Next.js on Reactil põhinev raamistik kiirete veebilehtede, headless e-poodide ja portaalide jaoks, mis on Google'is hästi nähtavad.

Node.js on JavaScripti serveripoolne tehnoloogia, millega ehitame kiireid tagasüsteeme, API-sid ja hästi skaleeruvaid rakendusi.

Võta ühendust

Me soovime katta kõik teie veebiarenduse vajadused, et saaksite keskenduda oma ettevõtte ehitamisele ja kasvatamisele.

Margus Eha

Margus Eha

Tegevjuht, äriarendus