Flytta WordPress till vår one-click

FS Data är som bekant ett WordPress-vänligt webbhotell. Även om vi hanterar många andra lösningar också, så har WordPress en särskild plats i våra hjärtan. Det är inte utan orsak som vi bl a står bakom den svenska översättningen av WooCommerce och sponsrar WordPress Sverige samt flera WordPress-träffar och böcker.

FS Data är ett WordPress-vänligt webbhotellEn av styrkorna med WordPress hos oss, det är vår unika WordPress-installerare. Förutom en enkel installation via vår kontrollpanel så ser vi även till att automatiskt uppdatera WordPress (med teman och tillägg). Dessutom får man en optimerad servermiljö, så att WordPress blir blixtrande snabbt. Detta ger fler (och gladare) hemsidebesökare!

Många av våra kunder använder vår WordPress-installerare, vilket vi tycker är roligt. Vi har även fått flera bra kommentarer och förslag, som gett oss möjlighet att förbättra vår installerare. Flera funktionsmässiga nyheter är på gång där, men vi tänkte först ge svar på en av de vanligaste frågorna här.

- Hur flyttar man en WordPress-sida till vår installerare (one-click)?

Vi har sedan tidigare flera guider om hur man flyttar WordPress, bl a ”Det enklaste sättet att flytta en WordPress-sida”. Dessa guider hänvisar dock till databasuppgifter som man får genom att manuellt installera WordPress. Vår WordPress-installerare är dock så enkel att våra kunder inte behöver hantera några sådana uppgifter.

För att flytta in en WordPress till vår one-click så kan vi istället rekommendera ett tillägg som heter All-in-One WP Migration. Detta installeras både på den gamla och den nya WordPress-sidan. Tillägget hanterar export/import av all data (sidor, inlägg, användare, media osv.) mellan två WordPress-installationer.

Så här flyttar du enklast WordPress till vår installerare:

  1. Exportera från den gamla WordPress-sidan.

    Börja med att installera/aktivera All-in-One WP Migration på den gamla WordPress-sidan. När det är klart så väljer du ”Site Migration” och ”Export” i menyn till vänster. Här kan man anpassa sin export, men om man vill få med allt så är det bara att klicka på knappen ”Exportera”. Nu arbetar tillägget en stund, sedan får man möjlighet att spara sin exporterade sida som en zip-fil på sin dator.

    FS Data flytta WordPress exportera

  2. Importera till den nya WordPress-sidan (one-click).

    Installera/aktivera All-in-One WP Migration på den nya WordPress-sidan (hos oss). Gå sedan in under ”Site Migration” och ”Import” i vänstermenyn. Ladda upp den tidigare exporterade zip-filen och vänta till du får en bekräftelse på att importen är klar.

    FS Data flytta WordPress importera

  3. Logga in på nytt.

    Då allt från den gamla sidan har exporterats till den nya sidan så behöver du logga in igen. Uppgifterna är detsamma som på den gamla sidan, om du saknar dessa så kan du återfå dem via WordPress funktion ”glömt lösenordet?” (lägg till: /wp-login.php?action=lostpassword efter adressen till din sida).

  4. Uppdatera permalänkarna.

    Till sist behöver du uppdatera permalänkarna på din nya sida. Det finns en länk på den tidigare importsidan eller så kan du hitta alternativen för detta i vänstermenyn under ”Inställningar” och ”Permalänkar”. Välj den länkstruktur du vill ha på din sida och klicka på länken ”Spara ändringar” längst ner.

Ja, så här enkelt är det faktiskt. Nu är det bara att köra vidare med din WordPress-sida i vår snabba och säkra servermiljö. Har du några frågor om detta? Lämna gärna en kommentar här nedan eller kontakta vår kundtjänst.

Liknande inlägg:

WordPress med versionshantering

Vi erbjuder stöd för versionshantering i våra webbhotellspaket. Hemsidor och applikationer som hanteras inom ett versionshanteringssystem kan uppdateras enormt smidigt. Alla uppdateringar sparas, med information om vad och vem som har utfört en ändring. Det är även enkelt att backa från uppdateringar, t ex vid fel och buggar.

Saab 99 TurboVersionshantering är för hemsidor vad turbon var för bilar en gång i tiden.

Men på samma sätt som den stora massan inte förstod sig på Saab så har versionshanteringen inte så många användare ändå. Versionshantering, såsom den fungerar idag, kräver nämligen vissa administrativa kunskaper. Man behöver sätta upp och hantera sitt versionsarkiv, många gånger med manuella kommandon (även om grafiska gränssnitt finns att tillgå).

Världens mest populära system för hemsidor, WordPress, har till viss del stöd för versionshantering. I WordPress kan man nämligen se och återställa tidigare versioner av sidor och inlägg. Men det är allt. Det går inte att, på ett tillräckligt enkelt sätt, arbeta med WordPress i ett versionshanteringssystem.

Fram tills nu.

För ungefär ett halvår sedan lanserades en finansieringskampanj för ett nytt WordPress-tillägg: VersionPress.

VersionPressVersionPress installeras som ett vanligt WordPress-tillägg och sparar alla förändringar i WordPress. Har du installerat eller uppdaterat ett tillägg som fick din WordPress-sida att krascha? Har du gjort en ändring i ett tema som fick din hemsida att sluta fungera?

VersionPress sparar och kan återställa allt.

Nu blev inte VersionPress finanserat via sin kampanj, men de har trots detta gått vidare med utvecklingen av sitt tillägg. Efter att ha lanserat ett flertal alfa-versioner av tillägget så släppte de lite tidigare denna vecka en första beta-version. Vi på FS Data, som är glada WordPress-entusiaster, har givetvis finansierat och testat VersionPress.

- VersionPress, så funkar det.

Det viktigaste först: VersionPress är inte redo för produktion än. Det är ett tillägg som innehåller många buggar och fel. Om du använder VersionPress på en WordPress-sida så riskerar du (än så länge) att förlora allt innehåll på sidan. Vi skojar inte, vi har behövt installera om våra testsidor många gånger.

VersionPress installeras som ett vanligt tillägg. Men det kräver att man har versionshanteringssystemet Git på webbservern (vilket är fallet hos oss). När man sätter igång med VersionPress så indexeras hela webbplatsen och alla framtida ändringar sparas och kan återställas via Git (genom WordPress eget gränssnitt).

Här är huvudsidan för VersionPress:

Versionshantering med VersionPress i WordPress

Nu testar vi att installera och aktivera WordPress-tillägget Jetpack. Men så kommer vi på att det inte är så bra, då Jetpack får vår hemsida att bli onödigt långsam (vilket faktiskt är sant).

Versionshantering med VersionPress i WordPress

Så vi återställer hela vår WordPress-sida till det läge som det hade innan Jetpack, genom att klicka på ”Roll back to this” för ändringen innan installationen av Jetpack.

Versionshantering med VersionPress i WordPress

Nu är Jetpack borttaget, tillsammans med alla ändringar därefter.

Det är likaså möjligt att enbart ångra vissa ändringar. För att göra det, klicka bara på ”Undo this” för en enskild ändring. Vi testar med att ångra publiceringen av ”Ett testinlägg” för 2 dagar sedan. Om vi sedan klickar på ”Inlägg” (eller ”Posts” i detta exempel) så är inlägget borttaget.

Versionshantering med VersionPress i WordPress

Övriga ändringar som har skett därefter kvarstår dock. Det kan vi t ex se i mediabiblioteket, där bilden som vi laddade upp till inlägget ifråga fortfarande finns kvar.

Versionshantering med VersionPress i WordPress

Rätt så imponerande va? :)

- VersionPress, här framöver.

Den officiella målsättningen är att den första ”skarpa” versionen av VersionPress ska vara klar innan årets slut. Huruvida det blir så, det får vi se. Det beror väldigt mycket på hur betatesterna går.

Vi väldigt glada över detta tillägg och är därför aktivt involverade i betatestet och rapporterar de fel vi hittar till utvecklarna. Om möjligt så kommer vi även bidra med en svensk översättning.

Vår målsättning är att VersionPress ska fungera med WordPress i våra webbhotellspaket.

Vi kommer att hålla er fortsatt uppdaterade om VersionPress här i vår blogg. Om ni har några frågor om detta, lämna då gärna en kommentar här.

Liknande inlägg:

Här är nyheterna i WordPress 4.0!

WordPress 4.0Det har gått över 4 år sedan en ny huvudversion av WordPress släpptes, men nu är det äntligen dags. WordPress 4.0 har precis släppts och som vanligt är det bara att uppdatera via WordPress administrationsgränssnitt (eller, om man kör WordPress via vår installerare, så sker uppdateringen automatiskt).

Som de WordPress-entusiaster vi är så har vi redan testat och kört både alfa- och betaversionerna av WordPress 4.0 väldigt ingående. Denna version av WordPress fungerar alldeles utmärkt med våra webbhotellspaket.

Här är vår traditionella genomgång av nyheterna i denna version.

- Bättre och tydligare tilläggshantering

Att installera tillägg i WordPress kan ibland vara en djungel. Det är svårt att se vem som har utvecklat ett tillägg, när det senast uppdaterades, med vilka versioner av WordPress det fungerar osv. Men inte nu längre.

Tillägg i WordPress 4.0

Nu framgår det mesta om varje tillägg riktigt tydligt. Recensioner av tilläggen har även fått en med framträdande roll. Dessutom har tilläggen fått ikoner, som indikerar att det faktiskt handlar om separata mjukvaror (som bör uppdateras därefter).

- Förbättringar i mediabiblioteket

Mediabiblioteket (där man hanterar bilder och andra bifogade filer) har dels blivit snabbare och dels fått en nytt visningsläge med ett rutnät. Detta läge underlättar väldigt när man vill få en snabb överblick där.

Mediabiblioteket i WordPress 4.0

Sökfunktionen i mediabiblioteket har även förbättrats och det är enklare än någonsin att markera och hantera flera bilder samtidigt.

- En smartare redigerare

Redigeraren, som man använder för att skriva inlägg och skapa sidor, har blivit smartare. Nu följer menyn i toppen med när man skriver ett långt inlägg, rullisten till höger är borta (ger mer textyta) och när man t ex infogar filmer från Youtube så visas dessa ordentligt i (den visuella) redigeraren.

Redigeraren på framsidan (front-end editor) lyser dock fortfarande med sin frånvaro. Denna funktion, som ursprungligen var planerad till WordPress 3.9, har skjutits på framtiden utan svar om när den kommer lanseras. Det är faktiskt en liten besvikelse med WordPress 4.0 ändå.

- Ännu bättre widgethantering

Med WordPress 3.9 blev det möjligt att anpassa widgets direkt i temahanteringen och med WordPress 4.0 är denna funktion ytterligare förbättrad. Widgets hanteras fortfarande på samma ställe, men nu expanderas dessa ordentligt vilket ger mer skärmyta (och underlättar). Ändringar man utför där uppdateras även direkt i temat.

- Enklare att välja språk

Om man insisterar på att installera WordPress manuellt (istället för att t ex använda vår enkla installerare) så är det nu möjligt att välja språk vid installation. Det är även möjligt att ändra språk på en redan installerad sida via WordPress administrationsgränssnitt (man behöver inte längre ändra wp-config.php manuellt för detta).

WordPress 4.0 är givetvis helt översatt till svenska av våra vänner på WordPress Sverige. Ett stort tack och eloge till dem även denna gång!

- Övrigt

Vad mer finns det att säga om WordPress 4.0? Egentligen väldigt mycket. Nästan 700 ärenden – med allt från buggar och säkerhetshål till nya funktioner och finesser – är åtgärdade med denna nya version av WordPress. Det är en massiv insats som ligger bakom WordPress 4.0.

Men om vi får flika in en personlig reflektion så känns WordPress 4.0 kanske lite väl tunn. Inte för att de nya funktionerna inte är välkomna, men vi hade t ex sett fram emot att få in en redigerare på framsidan.

Vi är på inget sätt missnöjda med WordPress 4.0. WordPress har aldrig varit så bra, så funktionellt, stabilt och säkert som det är idag. Även om detta är en huvudversion så känns det ändå som en mindre version av WordPress.

Vad tycker du om WordPress 4.0? Finns det någon ny funktion som du verkligen gillar eller något som du saknar? Lämna gärna en kommentar här nedan!

Liknande inlägg:

Dela en WordPress-sida på bästa sätt

Bästa sättet att dela med WordPressWordPress är en utmärkt plattform för att snabbt och enkelt producera en riktigt bra hemsida. WordPress är likaså SEO-vänligt, vilket gör att man kan placera sig bra i sökresultaten (med en snabb hemsida).

Men hur går man bäst tillväga för att få sina besökare att dela med sig av hemsidan och dess inlägg och sidor om man kör WordPress?

Det finns hundratals, om inte tusentals, olika tillägg för sociala nätverk i WordPress. Med dessa tillägg är det enkelt att få in länkar, ikoner och menyer för delning i sociala medier.

Men många av dem har en allvarlig baksida: de orsakar långa laddningstider.

Det spelar ingen roll hur bra en hemsida är om den laddar för långsamt. Långa laddningstider gör att besökare tröttnar, att de lämnar hemsidan och aldrig kommer tillbaka (då de vet att sidan är långsam). Även sökmotorerna ogillar laddningstider och placerar långsamma hemsidor långt ner i sökresultaten.

Så här delar man en WordPress-sida på bästa sätt

1. Välj dina nätverk med omsorg. Lägg inte in delningsfunktioner för sociala nätverk som du aldrig har hört talas om eller inte använder själv. Välj istället ut max 3-5 sociala nätverk som passar din hemsida och målgrupp. Om materialet på din hemsida är tillräckligt bra så sprids det i andra nätverk ändå.

2. Använd nätverkens egna funktioner. Ju färre tillägg en WordPress-sida har, desto snabbare (och säkrare) är den vanligtvis. De sociala nätverken tillhandahåller ofta egna funktioner för delning, som är väl optimerade och snabba (de har ingen onödig extrakod).

Här är några exempel:

Facebook Social Plugins
Twitter Widgets
Google+ Share
Linkedin, Build a Share Button
Pinterest Pin It button

Fler funktioner hittas enklast genom att söka på nätverkets namn + share, t ex ”google plus share”.

Koden för dessa funktioner behöver läggas in på den/de sidor som ska innehålla funktionerna. Man behöver då redigera WordPress egna filer, såsom single.php (enskilt inlägg), page.php (enskild sida) och index.php (startsidan, som kan innehålla flera inlägg).

Vi rekommenderar inte att man redigerar dessa filer direkt, utan att man istället skapar ett sk. child theme (barntema/undertema) som filerna kopieras till och redigeras under. På så sätt skrivs filerna inte över vid uppdateringar av WordPress och/eller teman.

Om du vill lära dig skapa ett child theme så finns här en bra guide: WordPress och Child Themes

3. Om du måste ha ett tillägg, använd AddThis. Av de WordPress-tillägg som finns för delning och sociala nätverk så är AddThis ett av de snabbaste. Det orsakar extra laddningstid, absolut, men långt från lika mycket som många andra tillägg. AddThis finns både som ett kostnadsfritt tillägg och som ett premiumtillägg (med extra funktioner).

- Konfiguration av AddThis

När AddThis är installerat och aktiverat i WordPress så hanteras det under ”Inställningar” > ”AddThis Share”. Inställningssidan för AddThis har två flikar: Basic och Advanced.

Under Basic väljer man hur (olika ikoner) och var (uppe/nere) de sociala nätverken ska visas i anslutning till inlägg. Här kan man även registrera sig och logga in på AddThis (kostnadsfria) statistiktjänst.

Under Advanced väljer man på vilka sidor (hemsida, sidor, arkiv osv) de sociala nätverken ska visas. Längst ner på denna sida kan man bl a lägga in spårning via Google Analytics samt välja att låta AddThis laddas in asynkront (rekommenderas). Under ”Display Options” ska man kunna välja vilka nätverk som visas, men det fungerar inte.

För att välja vilka nätverk som ska visas med AddThis så använder man ”Custom button”-alternativet under fliken Basic. Här är ett exempel:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- AddThis Button END -->

AddThis ikoner

Med ovanstående kod visas standardikoner i storlek 32×32 pixlar för Facebook, Twitter, Google+, e-post, en undermeny med fler tjänster och en siffra som indikerar hur många gånger inlägget/sidan har delats. Utseendet anpassas genom att ta bort/lägga till servicekoder (en förteckning finns här: AddThis, Service Directory).

Om du följer ovanstående råd kommer din WordPress-sida att både vara snabb och enkel att dela. Har du några frågor om detta eller tips på andra sätt att dela WordPress-sidor? Lämna gärna en kommentar här nedan!

Liknande inlägg:

Så felsöker man tillägg i WordPress

WordPress är i grund och botten ett väldigt enkelt system. Det går att göra mycket från start, men det är först när man börjar anpassar WordPress med tillägg som dess verkliga styrka framträder. Inget är, i princip, omöjligt att lösa med olika tillägg i WordPress.

Att installera tillägg i WordPress är enkelt. Ja, det är så enkelt att man lätt glömmer bort att man har installerat vissa tillägg. Det kan få rätt så dåliga konsekvenser (läs: resultera i en hackad hemsida) om man inte ser till att hålla tilläggen ordentligt uppdaterade.

Men även om man uppdaterar sina tillägg i WordPress så kan man stöta på problem. Det är rätt vanligt att en hemsida som har fungerat bra och varit snabb helt plötsligt börjar bete sig konstigt och går långsamt. Många gånger beror det på fel i ett tillägg (eller att två tillägg krockar).

Vi tänkte därför visa ett enkelt sätt att felsöka tillägg i WordPress.

1. Logga in i wp-admin på din WordPress-webbplats och gå in under ”Tillägg” > ”Lägg till nytt”. Där söker du efter ”P3″ och installerar/aktiverar sedan P3 (Plugin Performance Profiler).

2. När tillägget är aktiverat, gå under ”Verktyg” > ”P3 Plugin Profiler”. Börja med att klicka på länken/knappen ”Start Scan”, välj ”Auto Scan” och vänta en stund medan kontrollen utförs. Klicka på ”View Results” när kontrollen är klar.

3. Nu visas information om hur många tillägg man har på sin webbplats och hur mycket dessa tillägg bidrar till laddningstiden. Mitt på sidan framgår tydligt exakt vilka tillägg det är som orsakar mest laddningstid.

Här är ett exempel:

P3 Profiler

Här kan vi se att tillägget ”WordPress Beta Tester” står för hälften av laddningstiden på denna webbplats. Nu laddar denna sida väldigt snabbt (den är optimerad enligt vår guide till en snabbare WordPress-sida), men om så inte vore fallet så hade vi inaktiverat (och tagit bort) detta tillägg.

Det är värt att poängtera att det inte räcker med att inaktivera tillägget. Man behöver även ta bort det ordentligt. Annars kan det ligga kvar och fortsätta orsaka problem. En bra regel, vad gäller tillägg i WordPress, är att aldrig ha några inaktiva tillägg installerade.

Vad gör man om det är ett viktigt tillägg som orsakar problem? Det enklaste är att försöka hitta ett alternativt tillägg, som erbjuder samma/snarlik funktioner. Man kan även felanmäla tillägget i WordPress Plugin Directory. Sök efter tillägget där, besök dess sida, gå in under fliken ”Support” och skapa ett inlägg (kontrollera först att det inte finns fler liknande inlägg).

4. Kontrollera gärna övriga flikar under ”Verktyg” > ”P3 Plugin Profiler”. Under ”Detailed Breakdown” kan man se exakt laddningstid för alla installerade tillägg. Under fliken ”Advanced Metrics” kan man t ex se den totala laddningstiden samt dess fördelning mellan Core (själva WordPress), teman och tillägg.

Det här är ett enkelt sätt att felsöka tillägg i WordPress. Det finns givetvis fler sätt att göra detta på, såsom att använda WP_DEBUG, men P3 (Plugin Performance Profiler) är onekligen en av de enklaste metoderna.

Lämna gärna en kommentar här nedan om du har några frågor, om detta tips har hjälpt dig eller om du har några andra tips på felsökning av tillägg.

Liknande inlägg:

Guide till en snabbare WordPress-sida

Ni har frågat och vi har lyssnat. Vår tidigare ”Guide till en säkrare och snabbare WordPress-sida” är ett av våra mest lästa, uppskattade och länkade inlägg. Men det har snart två år på nacken och mycket har hänt sedan dess. Det är därför dags för en uppföljning och revidering av vår tidigare guide.

Snabbare WordPress hos FS Data

Precis som tidigare så är det här en praktisk guide som utgår från en riktig optimering av en WordPress-sida. Förra gången handlade det om min egen blogg, denna gång har jag optimerat hemsidan för Svenska Saabklubben (som för en tid sedan flyttade från Drupal till WordPress).

Förra gången inkluderade vi även tips om hur man får en säkrare WordPress-sida. Denna gång ligger fokus enbart på hastigheten, men även säkerheten är viktig så läs (och följ) gärna inledningen av vår tidigare guide likaså.

Denna guide visar hur man får en så snabb WordPress-sida som möjligt hos ett webbhotell. Om man har en server eller VPS rekommenderas vår ”Guide till en blixtsnabb WordPress-server”. Vi utgår från ett helt vanligt webbhotell hos FS Data och fokuserar på en så enkel optimering som möjligt, främst med hjälp av ett antal WordPress-tillägg.

Tanken är att alla, oavsett kunskapsnivå, ska kunna få en så snabb WordPress-sida som möjligt.

Hur viktigt är det med en snabb hemsida?

En snabb hemsida är en bra hemsida, både för besökare och sökmotorer.

Ett flertal undersökningar visar att besökare inte orkar vänta mer än ett par sekunder på att en hemsida ska ladda. De lämnar långsamma sidor och återkommer inte. Google och andra sökmotorer prioriterar snabba hemsidor (ger dem bättre positioner).

För att hårddra det hela: hellre en snabb hemsida, med viss nedtid, än en långsam och alltid tillgänglig hemsida.

Dags att snabba upp WordPress

I denna guide så utgår vi från att man har en WordPress-sida installerad och klar, gärna med en del material (sidor, inlägg, bilder osv). Om du inte har kommit så långt så har vi en utmärkt guide till hur man installerar WordPress. Vi kommer främst att snabba upp vår hemsida med olika tillägg, men först ska vi förbereda vår hemsida en aning.

- GTmetrix

Vi börjar med det viktigaste, ett verktyg för att mäta hastigheten på hemsidan. En av våra favoritverktyg för detta är webbtjänsten GTmetrix. Börja med att besöka deras hemsida och kontrollera din hemsida.

Är resultatet nedslående? Oroa dig inte, det kommer snart att bli bättre.

- PHP 5.5

Ett av de bästa sätten att hålla en hemsida så snabb som möjligt, det är att använda så uppdaterade serverprogram som möjligt. FS Data erbjuder bl a den senaste och snabbaste versionen av PHP, version 5.5. Logga bara in i vår kontrollpanel och gå in under ”Hemsida” > ”PHP” för att aktivera PHP 5.5.

- Uppdatera .htaccess

Även om mycket går att ordna i WordPress med olika tillägg så är vissa saker enklare att lösa direkt på serversidan. För att få till ordentlig komprimering, utgångstiden på vissa filer samt för att sätta vissa headers rätt så lägger vi in lite kod i .htaccess-filen som ligger i hemkatalogen för WordPress på webbservern.

Anslut till hemkatalogen för din WordPress-sida med ett FTP-program och leta reda på en fil som heter ”.htaccess” (det är en dold fil, så du kan behöva välja att visa dolda filer i inställningarna för ditt FTP-program). Öppna denna fil och lägg in följande kod i slutet på filen:

Uppdatering 2014-05-21: FS Datas webbhotellspaket erbjuder stöd för komprimerade hemsidor redan från början. Nedanstående .htaccess har anpassats därefter. Läs gärna detta inlägg för mer information: Snabbare hemsidor med komprimering.

# WordPress-optimering från fsdata.se/blogg/

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>

<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>

Glöm inte bort att spara och ladda upp filen ordentligt.

Så, nu är det dags att börja installera och konfigurera lite WordPress-tillägg.

- WP Super Cache

Ett bra cachetillägg är grundstenen i varje optimerad WordPress-sida. WordPress är en dynamisk hemsidelösning där innehållet (sidor, inlägg osv) genereras från en databas. Detta kräver att PHP-kod exekveras och att databasanrop utförs, vilket är tidskrävande. Med ett cachetillägg så genereras innehållet i förväg, så att det bara behöver levereras till hemsidebesökarna som vanlig (statisk) HTML-kod.

Det finns ett antal olika cachetillägg för WordPress, men favoriten för undertecknad är WP Super Cache. Detta beroende på att det fungerar i de flesta servermiljöer (webbhotell), att det har en bra historik och att det uppdateras och förbättras flitigt. Andra populära cachetillägg är t ex W3 Total Cache och Hyper Cache.

Med WP Super Cache installerat och aktiverat, gå in under ”Inställningar” > ”WP Super Cache”. Under fliken ”Avancerat”, bocka i alternativen ”Använd mod_rewrite …”, ”Komprimera sidor …”, ”Cacha inte sidor för kända användare” och ”Clear all cache when a post or page is published …”. Klicka sedan på knappen ”Uppdatera status”. När sidan har laddat om, klicka på knappen ”Uppdatera Mod_rewrite reglerna”. Under rubriken ”Utgångstid & upprensning”, ange 604800 i rutan för ”Cache Timeout” och klicka på knappen ”Ändra utgång”.

Gå sedan in under fliken ”Förladda” och välj att uppdatera förladdade cachefiler var 60 minut. Bocka i ”Förladdningsläge” och klicka på ”Uppdatera inställningar”. Genom att förladda samtliga sidor på din hemsida så förblir de snabba, oavsett vilken sida som dina besökare (eller sökmotorerna) råkar hitta. Detta är väldigt bra för sökresultatet i Google.

- EWWW Image Optimize

Av de element som en hemsida består av så är det bilderna som brukar vara störst och därmed även bidrar mest till en långsam hemsida. Många bildhanteringsprogram erbjuder möjlighet till komprimering (förminskning) av bilder för webben, men ett enklare alternativ är att använda ett WordPress-tillägg för detta, såsom EWWW Image Optimize.

I vår tidigare guide så rekommenderade vi tillägget WP Smush.it. Det är fortfarande ett bra tillägg, men EWWW Image Optimize erbjuder en bättre komprimering, på ett smartare sätt. Medan WP Smush.it arbetar mot Yahoo’s servrar så utför EWWW Image Optimize komprimeringen via den server som hemsidan ligger på. Det är avsevärt snabbare, men kräver att man har stöd för de bibliotek/funktioner som EWWW Image Optimize kräver (vilket man givetvis har med webbhotell hos FS Data). Om EWWW Image Optimize inte fungerar, använd WP Smush.it.

Installera och aktivera EWWW Image Optimize. Gå sedan in under ”Media” > ”Bulk Optimize” och klicka på ”Start optimizing”. Låt optimeringen köra klart. Därefter kommer alla nya bilder som laddas upp att bli optimerade automatiskt.

- Autoptimize

En hemsida består av rätt många element (bilder, texter, script osv) nuförtiden. Ju fler element man har, desto fler anslutningar behöver en webbläsare öppna (starta, genomföra, stänga, starta, genomföra, stänga osv). Detta leder naturligtvis till en långsammare hemsida.

Autoptimize är ett tillägg som sammanfogar, förminskar, komprimerar och flyttar script och stilmallar (CSS) på väldigt bra sätt. Det är enkelt att använda, men kan samtidigt – beroende på vad man använder för tema och andra tillägg – ställa till med rätt stora problem. Se därför till att först kontrollera att din hemsida och dess funktioner fungerar ordentligt innan du installerar detta tillägg.

När Autoptimize är installerat och aktiverat, gå in under ”Inställningar” > ”Autoptimize” och bocka i samtliga ”Optimize”-alternativ (HTML, Javascript och CSS). Nu testar du din hemsida och ser vad som händer. De flesta webbläsare har inbyggda funktioner (eller via tillägg) för felsökning av hemsidor. Använd dessa för att avgöra t ex vilket/vilka script som inte fungerar och exkludera dem under ”Exklude scripts from autoptimize”-rutan.

Autoptimize fungerar väldigt bra med WP Super Cache. Tänk bara på att även tömma cachen när du ställer in denna optimering, via knappen ”Save changes and Empty Cache” längst ner under ”Inställningar” > ”Autoptimize”. Exakt hur mycket man kan optimera med detta tillägg beror som sagt på aktuellt tema/övriga tillägg, i slutändan är det upp till dig att testa dig fram med inställningarna för Autoptimize.

- JS & CSS Script Optimizer

JS & CSS Script Optimizer är ett bra komplement till Autoptimize, för ytterligare optimering av Javascript och CSS. Installera och aktivera detta tillägg, gå sedan in under ”Inställningar” > ”Script Optimizer”. Bocka i ”Enable plugin”, välj ”Combine & Move all JavaScripts to the bottom” och klicka på knappen ”Save options” längst ner.

Även detta tillägg kan orsaka lite oreda, beroende på tidigare teman/tillägg. Så testa dig fram till ett bra resultat här.

- AddThis Share

En snabb hemsida i sig är inte tillräckligt för att attrahera besökare. Det är likaså viktigt att enkelt kunna sprida, eller länka, hemsidan till olika sociala nätverk såsom Facebook, Twitter, Google+ osv. Det är dock vanligt att WordPress-tillägg för sociala nätverk har en negativ inverkan på hemsidans hastighet, tack vare dålig optimering och inkludering av många externa element (script).

Om man ändå vill ha ett tillägg för detta så kan vi rekommendera AddThis Share. Av de sociala nätverks-tillägg som vi har testat så har detta tillägg minst negativ inverkan på hastigheten.

När inlägget är installerat och aktiverat så hanteras det under ”Inställningar” > ”AddThis Share”. Där kan det vara en bra idé att enbart visa de mindre ikonerna t ex enbart i botten av varje inlägg/sida. En annan fördel med AddThis är att man kan skapa ett kostnadsfritt konto hos dem och få mer detaljerad statistik om tilläggets användning.

- 2012.FFWD Twenty Twelve

Avslutningsvis så vill vi tipsa om ett child theme för WordPress-temat Twenty Twelve. Twenty Twelve var som bekant standardtemat för WordPress tidigare och även om det är väldigt trevligt ur ett användarperspektiv, med tydlig layout och bra stöd för responsivitet, så är det inte optimerat för hastighet. Twenty Twelve i dess grundutförande innehåller alldeles för många element och tungladdad typografi.

För att snabba upp Twenty Twelve så kan man använda ett child theme som heter 2012.FFWD Twenty Twelve. Det är bara att ladda ner detta child theme, packa upp det på din dator, ladda upp det till /wp-content/themes/ och aktivera det i WordPress under ”Utseende” > ”Teman”. Utseendemässigt och funktionellt sett så skiljer sig dessa teman ytterst lite från varandra, men om man ser till hastigheten så är skillnaden markant.

- GTMetrix (igen)

Om du har tagit dig ändå hit så har du garanterat en klart snabbare WordPress-sida än tidigare. Belöna dig själv med att besöka GTMetrix hemsida igen och kontrollera din sida på nytt. Om allt har gått bra så bör du se ett resultat liknande detta:

Saabklubben.se hos GTmetrix

Faktum är att allt över 95 % i ”Page Speed Grade” är ett väldigt bra resultat när det gäller optimering av hemsidor.

Har du några frågor på detta? Lämna då gärna en kommentar här nedan!

Liknande inlägg:

Hallå hipsters, välkomna till WordPress!

Igår nåddes vi av nyheten om att Yahoo! köper upp bloggtjänsten Tumblr. För ungefär 7,3 miljarder kronor får Yahoo! ca 108 miljoner bloggar med 50 miljarder inlägg och 300 miljoner besökare/dag. Det är rätt imponerande siffror det.

En hipster, ungefärTumblr är en tjänst som är väldigt populär bland sk. hipsters. Med Yahoo! som ny ägare går Tumblr in i en ny fas, från att ha varit en uppstickare till att bli en etablerad aktör.

Det är något som sticker i ögonen på de (ofta hipsters) som värdesätter en oberoende, flexibel och ”häftig” tjänst.

Även om Yahoo!’s VD, Marissa Mayer, har lovat att inte ställa till det (”screw it up”) med Tumblr så är det ändå många som lämnar dem nu, till förmån för WordPress. I vanliga fall brukar ca 4-600 inlägg/timme importeras från Tumblr till WordPress.com men igår noterades 72 000 importerade inlägg/timme.

WordPress.com och WordPress är dock två skilda världar.

Även om WordPress.com erbjuder en helt ok tjänst så är det riktiga WordPress som gäller om man vill ha fullständig frihet till att anpassa sin blogg/hemsida, att skapa sig en unik identitet och att vara oberoende av enskilda aktörer.

Sedan finns det givetvis ett webbhotell som är lite extra WordPress-vänligt.

Hur gör man då om man vill flytta? Här är en enkel guide till hur man flyttar från Tumblr till WordPress:

  1. Börja med att installera WordPress. Om du har ett webbhotellskonto hos oss så har vi en utmärkt guide för det här: Installera WordPress på ditt webbhotell
  2. Installera och aktivera WordPress-tillägget Tumblr Importer. Gå sedan in under ”Verktyg” > ”Importera” och välj ”Tumblr” i wp-admin.
  3. Öppna en ny flik/fönster i din webbläsare och besök följande sida: Tumblr Applications. Där klickar du sedan på knappen ”+ Register application”.
  4. I formuläret som visas, ange adressen till din WordPress-sida i fälten ”Application Website” och ”Default Callback URL”. I fältet ”Application Name” anger du ett valfritt namn. Övriga fält behöver inte fyllas i. Klicka sedan på länken ”Register”.
  5. När applikationen är skapad hos Tumblr, kopiera värdena för ”OAuth Consumer Key” och ”Secret Key” från Tumblr till fliken/fönstet med WordPress (och Tumblr-importen). När allt är kopierat över till WordPress, klicka på knappen ”Connect to Tumblr”.
  6. På nästa sida, klicka på länken ”Authorize the Application”. När du får en fråga om applikationen ska auktoriseras hos Tumblr, klicka då på knappen ”Allow”.
  7. Nu är det bara att importera din sida från Tumblr till WordPress genom att klicka på knappen ”Import this blog”. En förloppsindikator kommer att visas (surfa inte från denna sida under tiden) och när importen är klar så visas ”Finished!”.

Alla dina inlägg och bilder har nu kopierats över från Tumblr till WordPress. Svårare än så var det inte.

Om du vill att din WordPress-sida ska likna din tidigare Tumblr-sida så finns det ett stort antal liknande teman till WordPress, såsom detta exempel på 10 st gratis WordPress-teman inspirerade av Tumblr. Fler exempel på liknande teman kan t ex hittas via en sökning på Google.

Lämna gärna en kommentar här nedan om du har några frågor eller funderingar kring detta. Om du följer denna guide för att flytta från Tumblr till WordPress så får du också väldigt gärna lämna en kommentar.

Liknande inlägg: