Ger headless bättre page speed?

Page speed är komplicerat, och det finns många marknadsföringsanspråk kring sidhastighet. Därför bestämde vi oss för att göra ett test på olika plattformar där vi testade deras utvalda / premiumcase med deras främsta byråer.

Genomsnittlig sidhastighet på olika e-handelsplattformar

Headless VS Shopify VS WordPress & WooCommerce

Vi bestämde oss för att testa:

• Genomsnittlig sidhastighet med Headless (Vi valde några svenska företag som använder Centra eller Norse, två mycket kapabla plattformar)
• Genomsnittlig sidhastighet med Shopify
• Genomsnittlig sidhastighet med Qala WooCommerce

Testet skapades för att fånga första intryck, därför fokuserade vi på butikens förstasida.

Testet genomfördes under olika perioder mestadels på grund av vår allmänna tillgänglighet.

• Headless-plattformar testade oktober 2022.
• Shopify testade mars 2023
• Qala WooCommerce testade mars 2023

Resultat

Resultatet av denna kartläggning är överraskande nog att WordPress kan fås att prestera långt över dyrare tekniker om det paketeras på rätt sätt. Headless kommer långt efter på andra plats och Shopify hamnar långt under rimliga resultat.

Vad är prestanda?

Prestanda är en komplicerad fråga och efter att ha gjort ett omfattande arbete med prestanda själva med utvecklingen av vår Qala WooCommerce-plattform anser vi att huvudelementen är:

1. Optimera bilder så att de visas i moderna format och alltid i rätt upplösning
2. Ladda video i byte-storlek istället för som en stor fil
3. Bygga om CSS för att ladda det som är viktigt först
4. Tala om för webbläsaren vad som ska laddas först, vad som ska laddas sist och vad som kan vänta
5. Undvika att ladda Javascript från tredje part i huvudtråden (eller ännu bättre – ta bort dem helt och hållet)
6. Laddar bara det som behövs, kombinerar skript osv.

Alla dessa saker är superviktiga och moderna webbutvecklingsmetoder som kan hjälpa dig på vägen.

Page speed-poäng för webbplatser som kör Headless

Det finns gott om webbplatser som kör Headless där ute. Vi kollade runt på några av de bästa casen från Centra och Norse i Sverige. Några av de mest framgångsrika varumärkena finns på dessa lösningar och deras webbplatser ses av miljontals människor. Låt oss börja!

Spotify

Spotify.design är en vacker sida med många snygga, subtila animationer. Vi älskar det.

Men prestandan är inget vidare. Här är en skärmdump från PageSpeed Insights (vi tog bort den första biten för att inte få en så lång skärmbild).

Det främsta problemet med denna webbplats är att den saknar en rimlig infrastruktur. Detta innebär att det finns 28+ MB data som ska överföras för denna webbplats. Det är inte direkt bra för prestanda, och det kunde ha undvikits lätt med bra standardisering och bra infrastruktur.

Låt oss titta på några andra exempel.

Maya Delorez

Helt fantastisk sida! Men deras prestationsresultat är mycket lägre än vi föreställt oss. Byggd på Centra.

Djerf Avenue

Mycket cool sida och ett bra företag som vi har arbetat med och hjälpt till att skala på Woo, och som nu använder headless. Byggd på Centra.

SoffaDirekt

Detta företag säljer soffor och är bekanta till oss. Byggd på Norse.

Stronger

Inget bra resultat. Byggd på Centra.

PS of Sweden

Ännu en sida som ser riktigt bra ut. Byggd på Centra.

EmmaS

Enkel och snygg sida. Byggd på Centra.

iDeal of Sweden

En av våra gamla kunder som vi hjälpt att skala. Med WooCommerce hade de sin högsta omsättning någonsin. Tyvärr har de sett en enorm nedgång i omsättning sedan dess. Byggd på Centra.

Johnells

Fantastiska kläder och vi älskar den här sidan. Byggd av några mycket smarta människor. Byggd på Norse och en anpassad plattform.

Page speed-poäng för webbplatser som kör Shopify

Denna lista sammanställdes genom att samla några av de case som Shopify själva anser vara deras största ambassadörer.

Gymshark

Bulletproof

Buzz Feed News

Eightvape

Huel

Kyliecosmetics

Soylent

WWE

Zoofashions

Page speed-poäng för webbplatser som kör Qala WooCommerce

WordPress ligger lite efter när det kommer till prestanda, det är sant. Det är en av anledningarna till att vi har skapat Qala. Qala använder mikrotjänster som ett sätt att utöka WordPress-funktionaliteten så att den bästa tekniken används för saker som bildoptimering, tunga databasfrågor och så vidare.

Denna teknik är antingen proprietär eller unik, den är bara väldigt skickligt förpackad på ett kostnadseffektivt sätt vilket skapar enormt värde för pengarna.

Monkids

Vår senaste release på ”Standard”-nivån.

Ankarsrum

Tonn Furniture

Vår senaste release på vårt paket med lägst prestandanivå.

Stjärnkliniken