Meerabel Valkoinen Logo
fi
🌐Kieli
DanskDeutschEnglishEspañolFrançaisItalianoNederlandsNorskPolskiPortuguêsSuomiSvenska日本語한국어
Toimi nytTehtävämmeBlogiUKKYhteystiedot
Google Play logoSaatavillaGoogle PlayApple logoLataaApp Store
Digitaalinen kohtuullisuus kulissien takana

Ekologisesti suunniteltu verkkosivusto: kevyt ja huippunopea

Meerabel auttaa vapauttamaan tallennustilaa ja pienentämään kuvien hiilijalanjälkeä pilvessä. Tehtävällemme uskollisena myös sivustomme noudattaa samaa sääntöä: ei turhaa koodia, välitön lataus ja energiankulutus supistettu minimiin.

Tutustu 6 tekniseen pilariimme

Miksi jokaisella megatavulla on merkitystä verkossa

Jokainen verkkosivukäynti kuluttaa koko infrastruktuuriketjua: aktiivisia palvelimia, datapaketteja siirtäviä tietoliikenneverkkoja ja laitteiden akkuja, jotka purkavat monimutkaisia sivuja. Kun sivusto painaa 3–4 Mt muutaman sadan kilotavun sijaan, se aiheuttaa gigatavuja vältettävissä olevaa liikennettä ja tuhansia hukkaan heitettyjä kilowattitunteja.

Kyseessä on täsmälleen sama ilmiö kuin älypuhelimen kuvagalleriassa: 3 000 unohdetun tai kaksoiskappaleena olevan kuvan säilyttäminen pilvessä kuluttaa sähköä jatkuvasti ilman todellista tarkoitusta. Sekä verkossa että laitteissamme digitaalinen kohtuullisuus alkaa turhan karsimisesta, jotta säilytetään vain olennainen ja merkityksellinen.

Ymmärrä missiomme ja digitaalisen jalanjäljen vaikutus

Ei tyhjiä lupauksia: auditoi meidät reaaliajassa

Riippumattomat suorat auditoinnit

Ainoa täysin päästötön verkkosivusto on sellainen, jota ei ole olemassa. Meerabelilla tavoittelemme oikeaa tasapainoa: selkeä ja houkutteleva sivusto sovelluksen esittelyyn samalla kun karsimme jokaisen tarpeettoman tavun (staattinen generointi, AV1-video, paikalliset fontit). Emme väitä olevamme täydellisiä, mutta rakennamme mitattavalla huolellisuudella. Katso itse reaaliajassa:

Mittaa CO₂-jalanjälki (Website Carbon)Analysoi suorituskyky (PageSpeed)

Verkkoekosuunnittelumme 6 pilaria

Korkean tason arkkitehtuurista aina kuvamuotoihin: tutustu konkreettisiin teknisiin valintoihin, jotka tekevät tästä sivustosta erittäin resurssitehokkaan.

Staattinen sivuston generointi Astrolla (SSG)

Jokainen sivu esikäännetään puhtaiksi, erillisiksi HTML-tiedostoiksi etukäteen. Mikään sovellus- tai tietokantapalvelin ei pyöri taustalla 24/7 kokoamassa sivuja lennossa: selaimesi saa sisällön suoraan lähimmästä reunapalvelimen CDN-solmusta alle 50 millisekunnissa.

Pellin alla

Astron `output: static` -tilan ansiosta jokainen paikallistettu reitti tarjotaan puhtaana HTML:nä ilman taustapalvelimen ajoaikoja (Node.js, PHP). Tämä poistaa turhat suoritinjaksot ja vähentää jyrkästi palvelinpuolen sähkönkulutusta.

Nolla turhaa asiakaspuolen JavaScriptiä

Useimmat modernit verkkosivustot pakottavat selaimen lataamaan raskaita JavaScript-paketteja ennen luettavan tekstin näyttämistä. Täällä asettelu ja animaatiot perustuvat puhtaaseen HTML- ja CSS-koodiin. Selaimella ei ole lähes lainkaan raskasta skriptisuoritusta.

Pellin alla

Astro Islands -arkkitehtuuri toimittaa JavaScriptiä selaimeen vain silloin, kun se on ehdottoman välttämätöntä. Ei raskasta asiakaspuolen reititintä, ei tarpeettomia tilakirjastoja: puhelimesi prosessori pysyy levossa, mikä säästää akkua.

Erittäin kevyet esittelyvideot AV1-muodossa

Esittelyvideomme hyödyntää rojaltivapaata, uuden sukupolven AV1-koodekkia WebM- ja MP4-varavaihtoehdoilla. Tuloksena on kristallinkirkas kuvanlaatu yli 60 % pienemmällä datasiirrolla perinteiseen videokoodaukseen verrattuna.

Pellin alla

Monivaiheinen ffmpeg-koodaus (libaom-av1) työpöytä- (< 5 Mt) ja mobiiliversioilla (< 1,5 Mt). `<video>`-elementti tarjoaa automaattisesti kevyimmän laitteesi tukeman tiedostomuodon.

Huippupakatut visuaaliset elementit (AVIF, WebP & SVGO)

Kaikki rasterikuvat tarjotaan moderneissa, erittäin tiiviissä muodoissa (AVIF ja WebP). Vektorigrafiikka on optimoitu huolellisesti: Meerabelin logo painaa vain 8,8 kt aiemman 57 kt:n sijaan (-84 %), säilyttäen täyden 3D-viisteensä.

Pellin alla

Syvä SVGO-optimointi poistaa näkymättömät metatiedot, yhdistää päällekkäiset polut ja tiivistää väriliu'ut yhteen natiivimäärittelyyn 48 kovakoodatun värin sijaan.

Paikallisesti isännöity WOFF2-typografia

Emme tee yhtäkään pyyntöä ulkoisille fonttipalvelimille, kuten Google Fontsille. Kirjasimet toimitetaan suoraan omasta infrastruktuuristamme pienimmässä mahdollisessa muodossa (WOFF2) ja välimuistitetaan tehokkaasti, mikä poistaa turhat verkkopyynnöt.

Pellin alla

Tarkka paikallinen isännöinti `@font-face`-määrityksellä ja `font-display: swap` -asetuksella. Poistaa kolmansien osapuolten DNS-haut ja TLS-kättelyt, nopeuttaa ensimmäistä sisällön maalausta ja suojaa vierailijoiden yksityisyyttä.

Kevyt analytiikka & Consent Mode v2

Ymmärtääksemme kävijämääriä tinkimättä periaatteistamme käytämme Google Analytics 4:ää yhdessä Axeption ja Google Consent Mode v2:n kanssa. Evästeet on estetty oletusarvoisesti, kunnes annat luvan, ja skriptit odottavat sivun täydellistä latautumista ennen käynnistymistä.

Pellin alla

Kolmannen osapuolen skriptit (Axeptio ja GA4) ladataan viiveellä `requestIdleCallback`-kutsulla: ne eivät kuluta suoritinaikaa sivun alustavan piirron aikana. Consent Mode v2 lukitsee tiedontallennuksen oletuksena ilman invasiivisia mainospikseleitä tai istuntovakoilua.

Tekniset tiedot pähkinänkuoressa

Arkkitehtuuri & Kehys
Astro 5 (100 % staattinen SSG)
Palvelininfrastruktuuri
Maailmanlaajuisesti hajautettu Edge CDN
Videokoodaus
Uuden sukupolven AV1 + WebM / MP4
Kuvamuodot
AVIF, WebP & SVGO-optimoitu SVG (-84 %)
Verkkofontit
Itse isännöity WOFF2 (nolla ulkoista kutsua)
Kävijämittaus & Skriptit
Viivästetty GA4 + Axeptio (Consent Mode v2)
Kansainvälistyminen
14 kieltä, staattisesti esirenderöity

Valmis tuomaan digitaalista kohtuullisuutta kuviisi?

Näkymätön digitaalinen jäte piilee myös älypuhelimissamme: tuhannet kaksoiskappaleet, sumeat otokset ja unohdetut ruutukaappaukset nukkuvat pilvessä. Meerabel lajittelee muistosi laitteessa, suojaa yksityisyytesi ja pienentää digitaalista jalanjälkeäsi.

Tutustu ilmaiseen Meerabel-sovellukseen
Lue lisää tehtävästämme ja ympäristösitoumuksistamme →