Därför bygger jag fortfarande sajter utan ramverk

Låt mig vara ärlig: dagens webb är fetlagd.

Siffrorna talar sitt tydliga språk. En genomsnittlig webbsida väger numera över 2,5 MB. JavaScript-paketen växer sig större för varje år. Utvecklare spenderar timmar på att konfigurera byggverktyg innan de ens skrivit en rad applikationskod. Och varför? Ofta behöver en enkel portfoliosajt eller landningssida varken React, Webpack eller dussintals npm-paket.

Hos oss på NameOcean pratar vi ofta om prestanda, och här kommer en sanning som kanske retar gallfeber: den bästa koden är ofta den kod du aldrig skrev.

Paradoxen med minimalism

Det finns ett fascinerande fenomen inom webbutveckling. Nybörjare skriver ofta enkel kod – för att de inte kan annat. De skapar handskriven HTML, CSS i en enda fil, kanske lite vanilj-JavaScript. Sajterna fungerar, och de är snabba.

Sedan kommer "resan". Vi lär oss ramverk. Vi upptäcker npm. Vi börjar lägga till beroenden för saker vi själva kunde skriva på fem rader. Innan vi vet ordet av kräver vår enkla blogg 50 MB node_modules.

Här kommer den obekväma sanningen: ibland skriver seniora utvecklare mer komplex kod än juniorer – inte för att de behöver det, utan för att de ackumulerat vanor och antaganden om vad som är "nödvändigt".

Sann minimalism handlar inte om okunskap. Det handlar om behärskning.

Varför ren HTML, CSS och JavaScript fortfarande fungerar

Innan du greppar efter React, Vue eller Angular, fråga dig själv: behöver det här projektet verkligen ett ramverk? En statisk landningssida, en dokumentationssajt, en enkel portfolio – dessa kan ofta byggas med ren HTML, CSS och en nypa JavaScript.

Tänk på vad du vinner:

• Ingen byggprocess betyder snabbare iteration
• Färre beroenden betyder mindre attackyta
• Din sajt fungerar även om JavaScript strejkar
• Prestandan förbättras dramatiskt
• Du förstår faktiskt vad din kod gör

Det här är ingen nostalgi. Det är pragmatism. Webben byggdes på HTML, CSS och JavaScript. De här teknikerna är kraftfullare idag än någonsin. HTML5 ger oss semantiska element, inbyggd formvalidering och inbyggd mediahantering. CSS har utvecklats till ett fullständigt programmeringsspråk med variabler, grid och flexbox. JavaScript (nu ES2024+) är genuint kapabelt.

Praktisk minimalism: så kommer du igång

Så hur praktiserar man egentligen minimal webbutveckling? Här är vad som fungerar:

1. Läs specifikationerna

Jag vet, jag vet. W3C-specifikationer är knappast strandsemesterlektyr. Men de är sanningskällan. HTML-specifikationen, CSS-specifikationen, ECMAScript-specifikationen – de berättar exakt vad webbläsare stöder och hur. Ingen bloggpost, tutorial eller ramverksdokumentation är mer korrekt än specifikationerna själva.

Du behöver inte läsa varje ord. Skumma. Sök. Hitta det du behöver.

2. Ifrågasätt varje beroende

Innan du kör npm install, fråga:

• Kan jag skriva den här funktionaliteten själv inom rimlig tid?
• Vad kostar det i paketstorlek?
• Hur väl underhålls det här paketet?
• Vilken säkerhetshistorik har det?

Det här betyder inte att aldrig använda beroenden. Det betyder att vara medveten.

3. Bygg för prestanda från start

På NameOcean:s Vibe Hosting har vi sett otaliga projekt där prestandaoptimering är en eftertanke. Minimal kod är snabb kod som standard. Dina användare märker det. Sökmotorer märker det.

4. Publicera ditt arbete

Det finns inget som tvingar fram kvalitet som att leverera något riktigt. När din kod är publik – vare sig på GitHub eller live på en server – tänker du noggrannare på struktur, tillgänglighet och underhåll.

Frågan om ramverk

Det här är inget upprop att bränna alla dina ramverk. React, Vue och Next.js löser verkliga problem i stor skala. Om du bygger en komplex applikation med mycket dynamisk state kan ett ramverk genuint vara det rätta valet.

Poängen är: gör det valet medvetet. Inte för att "alla använder det" eller för att du är rädd för det "vanilla" alternativet.

Sammanfattning

Minimalism i webbutveckling handlar inte om att ta den enkla vägen eller undvika moderna verktyg. Det handlar om att förstå ditt hantverk tillräckligt djupt för att veta vad du verkligen behöver.

Bemästra grunderna. Ifrågasätt antaganden. Skriv mindre kod som gör mer.

Ditt framtida jag (och dina användare) kommer att tacka dig.