{"id":55818,"date":"2023-10-19T11:45:44","date_gmt":"2023-10-19T11:45:44","guid":{"rendered":"https:\/\/kinsta.com\/se\/?p=55818&preview=true&preview_id=55818"},"modified":"2023-10-25T08:30:12","modified_gmt":"2023-10-25T08:30:12","slug":"statisk-wp-webbplats","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/statisk-wp-webbplats\/","title":{"rendered":"Distribuera en statisk WordPress-webbplats till Kinsta kostnadsfritt"},"content":{"rendered":"

WordPress \u00e4r ett utm\u00e4rkt Content Management System (CMS)<\/a>. Vi kan \u00e5stadkomma n\u00e4stan vad som helst med detta. P\u00e5 grund av dess dynamiska natur kan vi dessutom \u00e4ndra allt inneh\u00e5ll med ett klick p\u00e5 en knapp. Men \u00e4ven om detta \u00e4r fantastiskt, medf\u00f6r det \u00e4ven vissa faror. Det kan exempelvis bli sv\u00e5rt att underh\u00e5lla under tung trafik.<\/p>\n

Att konvertera din WordPress-webbplats till statisk kan l\u00f6sa dessa problem.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Vad \u00e4r statiska webbplatser?<\/h2>\n

F\u00f6r att f\u00f6rklara hur statiska webbplatser<\/a> fungerar m\u00e5ste vi f\u00f6rst f\u00f6rst\u00e5 hur dynamiska webbplatser fungerar.<\/p>\n

Varje g\u00e5ng som vi bes\u00f6ker en webbplats m\u00e5ste servern analysera PHP-filer, fr\u00e5ga databasen f\u00f6r att h\u00e4mta data, och d\u00e4refter returnera den renderade HTML-filen till webbl\u00e4saren.<\/p>\n

Statiska webbplatser g\u00f6r allt det tunga jobbet f\u00f6rst – innan vi bes\u00f6ker webbplatsen sparar vi varje sida som statisk HTML. N\u00e4r vi bes\u00f6ker den \u00f6nskade sidan serverar servern sidan som den \u00e4r.<\/p>\n

F\u00f6rdelarna med att anv\u00e4nda statiskt<\/h2>\n

Hastighet och prestanda<\/h3>\n

Statiska webbplatser \u00e4r snabba och h\u00f6gpresterande. Undrar du varf\u00f6r det \u00e4r s\u00e5? Det beror p\u00e5 att de bara best\u00e5r av statisk HTML. Som ett resultat beh\u00f6ver servern bara g\u00f6ra en sak – servera webbplatsen. Den beh\u00f6ver exempelvis inte tolka n\u00e5got eller v\u00e4nta p\u00e5 data fr\u00e5n databasen.<\/p>\n

Statiska webbplatser \u00e4r dessutom l\u00e4ttare att hosta p\u00e5 CDN<\/a> (\u00e4ven om Edge Cache<\/a> fungerar p\u00e5 samma s\u00e4tt). Alla filer placeras med andra ord s\u00e5 n\u00e4ra dig som m\u00f6jligt.<\/p>\n

Sammantaget – statiska webbplatser presterar fantastiskt under tung trafik.<\/p>\n

S\u00e4kerhet<\/h3>\n

WordPress k\u00e4rna \u00e4r s\u00e4ker<\/a> – det \u00e4r den verkligen. Men plugins och teman \u00e4r inte alltid lika s\u00e4kra. Dessutom kan vem som helst f\u00f6rs\u00f6ka gissa sig till v\u00e5r inloggning och v\u00e5rt l\u00f6senord.<\/p>\n

Jag brukar j\u00e4mf\u00f6ra WordPress med ett hus med m\u00e5nga d\u00f6rrar och f\u00f6nster. Det \u00e4r upp till oss att v\u00e4lja de s\u00e4kraste. Om en d\u00f6rr inte \u00e4r tillr\u00e4ckligt s\u00e4ker kan en hacker dock \u00e4nd\u00e5 hacka v\u00e5r webbplats.<\/p>\n

Om du konverterar din webbplats till statiskt material f\u00f6rsvinner de flesta attack-vektorerna. Eftersom det endast \u00e4r HTML kan en hackare inte anv\u00e4nda s\u00e5rbara plugins eller dra nytta av ett svagt l\u00f6senord.<\/p>\n

Trygghet i sinnet<\/h3>\n

En typisk WordPress-installation best\u00e5r av m\u00e5nga r\u00f6rliga delar – PHP och databas-servrar, teman eller plugins – och varje del kan g\u00e5 s\u00f6nder. En statisk webbplats tar bort de flesta av dessa s\u00e5rbara ytor. V\u00e5r server blir mer okomplicerad eftersom den bara serverar HTML och v\u00e5rt inneh\u00e5ll sprids \u00f6ver hela v\u00e4rlden tack vare CDN. Som ett resultat blir den DDoS-skyddad<\/a>.<\/p>\n

Sannolikheten f\u00f6r att n\u00e5got ska g\u00e5 s\u00f6nder \u00e4r med andra ord mycket mindre.<\/p>\n

Nackdelarna med att konvertera till statiskt<\/h2>\n

L\u00f6sningar<\/h3>\n

Vi \u00e4r vana vid att saker som att s\u00f6ka p\u00e5 webbplatsen, l\u00e4gga till kommentarer eller skicka formul\u00e4r fungerar direkt med WordPress. Med statiskt \u00e4r det inte s\u00e5 enkelt l\u00e4ngre. Eftersom vi konverterade allt till HTML f\u00f6rlorade vi dessa m\u00f6jligheter.<\/p>\n

Vi m\u00e5ste med andra ord anv\u00e4nda n\u00e5gra tredjeparts-verktyg f\u00f6r att l\u00e4gga till denna funktionalitet igen.<\/p>\n

Byggprocessen<\/h3>\n

Vi \u00e4r vana vid att det nya inneh\u00e5llet finns tillg\u00e4ngligt p\u00e5 v\u00e5r webbplats efter att vi har tryckt p\u00e5 publicerings-knappen. Med den statiska metoden m\u00e5ste vi konvertera v\u00e5r webbplats varje g\u00e5ng vi vill uppdatera den. Som ett resultat kan det ta n\u00e5gra minuter mellan att trycka p\u00e5 knappen och att ha det tillg\u00e4ngligt f\u00f6r alla.<\/p>\n

Prelimin\u00e4ra steg<\/h2>\n

Innan vi b\u00f6rjar m\u00e5ste vi ta hand om n\u00e5gra saker.<\/p>\n

1. Skapa ett Git-kodf\u00f6rr\u00e5d<\/h3>\n

Vi anv\u00e4nder GitHub<\/a> i det h\u00e4r exemplet, men du kan anv\u00e4nda vilken annan Git-l\u00f6sning som helst (som GitLab eller BitBucket<\/a>). Just nu \u00e4r det bara att skapa ett konto (om du inte redan har ett s\u00e5dant) och d\u00e4refter skapa ett tomt kodf\u00f6rr\u00e5d.<\/p>\n

Efter detta m\u00e5ste vi skapa en fil i kodf\u00f6rr\u00e5det; annars kommer vi inte att kunna ansluta den till Kinsta.<\/p>\n

\n

\"L\u00e4gg
L\u00e4gg till en fil i ditt kodf\u00f6rr\u00e5d.<\/figcaption><\/figure><\/figure>\n

2. Anslut detta kodf\u00f6rr\u00e5d till hosting av statiska webbplatser<\/h3>\n

G\u00e5 till MyKinsta<\/a>, v\u00e4lj statiska webbplatser<\/strong> fr\u00e5n sidof\u00e4ltet och v\u00e4lj L\u00e4gg till webbplats<\/strong>.<\/p>\n

V\u00e4lj d\u00e4refter det kodf\u00f6rr\u00e5d som du skapade och gl\u00f6m inte att v\u00e4lja ”Automatiska distribueringar vid utf\u00f6rande.”<\/p>\n

\n

\"Kinsta's
Kinsta’s Hosting-installation f\u00f6r statisk webbplats.<\/figcaption><\/figure><\/figure>\n