FS Data

FS Data - webbhotell, domännamn, e-post, servrar

Guide till en säkrare och snabbare WordPress-sida

Uppdaterat: Läs gärna vår nya och uppdaterade Guide till en snabbare WordPress-sida.

Härom veckan flyttade jag min personliga blogg, från WordPress.com till ett webbhotellskonto hos FS Data. Att våra servrar är snabba känner jag givetvis till sedan tidigare, men jag blev ändå glatt överraskad över de blixtsnabba laddningstiderna när jag optimerade min blogg ytterligare en aning.

Därför tänkte jag dela med mig av min erfarenhet från detta och visa hur man väldigt enkelt både kan optimera och säkra upp en WordPress-sida. Nedanstående guide fungerar till 100 % på ett vanligt webbhotellskonto hos oss (och förmodligen även hos andra webbhotell, om än att FS Data alltid är att föredra ;)).

Säkra upp WordPress

Vi börjar med det viktigaste först. WordPress är, i dess grundutförande, en rätt så säker lösning. Åtminstone så länge man håller WordPress och dess olika tillägg ordentligt uppdaterade. Utöver detta kan man vidta följande åtgärder:

  1. Använd inte admin-användaren

    Det första kontot som attackeras, om ett säkerhetshål upptäcks i WordPress, är kontot som heter admin. Använd ett annat namn och/eller inaktivera admin-kontot. Glöm för all del inte bort att använda ett klurigt lösenord till ditt WordPress-konto.

  2. Installera & aktivera tillägget Secure WordPress

    Bocka i samtliga alternativ i vänsterkolumnen på tilläggets konfigurationssida. Detta tillägg tar bl a bort versionsnumret i WordPress, nekar olämpliga anrop och döljer olika systemmeddelanden för icke-administratörer.

  3. Installera & aktivera tillägget Mail on Update

    Med detta tillägg får man ett e-postmeddelande när det finns en uppdatering tillgänglig för ett installerat tillägg.

  4. Installera & aktivera tillägget Upgrade Notification by Email

    Med detta tillägg får man ett e-postmeddelande så snart det finns en uppdaterad version av WordPress.

  5. Flytta upp wp-config.php

    OBS: Gör detta först när du är klar med nedanstående optimering. Flytta filen wp-config.php, som ligger i roten för din WordPress-sida, en nivå upp (t ex från /u1234567/www/ till /u1234567/).

Optimera WordPress

Det finns många sätt att optimera, eller snabba upp, WordPress. Förutom att välja ett snabbare webbhotell så finns det ett antal olika tillägg och konfigurationer som kan förbättra laddningshastigheten avsevärt. Utöver det kan man även använda externa lösningar, såsom Memcache och APC, men det är lite utanför den här guidens omfattning.

  1. Analysera hastigheten på sidan

    Innan vi installerar och konfigurerar något så ska vi analysera hastigheten på sidan. Det ger oss möjlighet att se hur snabb/långsam sidan är från början och hur optimeringen påverkar detta. Öppna en ny flik i din webbläsare, där du surfar till GT Metrix och analyserar din hemsida.

    Låt sedan denna flik vara kvar, medan du återgår till WordPress administrationsgränssnitt.

  2. Installera & aktivera WP Super Cache

    I grund och botten handlar WordPress-optimering om att leverera statiska, istället för de dynamiska, sidor (som kräver databasanrop osv). Detta löser man enklast med ett cache-tillägg och det finns ett antal sådana lösningar. Jag använder främst WP Super Cache, då det är ett tillägg med bra historik och aktiv utveckling.

    I inställningarna för WP Super Cache, börja med att gå in under fliken Avancerat. Där bockar du i ”Använd mod_rewrite …” och ”Komprimera sidor …”. Längre ner på sidan, under rubriken ”Utgångstid & upprensning” anger du 604800. Klicka sedan på knappen ”Uppdatera status”. Du kan även behöva klicka på knappen ”Uppdatera Mod_rewrite Reglerna” när sidan har laddats om.

  3. Installera & aktivera tillägget WP Smush.it

    WP Smush.it använder Yahoo’s Smush.it-tjänst för att komprimera (minska) storleken på bloggens bilder. Alla nya bilder som laddas upp körs automatiskt genom denna tjänst och du kan köra igenom de tidigare uppladdade bilderna med en funktion som du hittar i vänstermenyn, under ”Media” > ”Bulk Smush.it”. Det kan ta en stund, så ta gärna en kopp kaffe under tiden.

  4. Installera & aktivera tillägget WP Optimize

    Detta är ett tillägg som optimerar din WordPress-databas, t ex genom att ta bort onödiga revisioner av inlägg. När det är aktiverat så kan du optimera din databas direkt i vänstermenyn, under det nya alternativet ”WP-Optimize”. Personligen bockade jag i samtliga alternativ för min optimering.

  5. Minska (och validera) CSS-filerna

    CSS-filerna, som styr utseendet på din WordPress-sida, är många gånger onödigt stora. Det är dock enkelt att ladda ner dem via FTP (de ligger vanligtvis under /wp-content/themes/temanamn/) och använda en tjänst såsom Clean CSS för att minska ner dem. Passa gärna på att köra dem genom CSS-valideraren hos W3C också.

  6. Installera & aktivera tillägget Scripts Gzip

    Med Scripts Gzip blir script och CSS-filer sammanslagna och komprimerade i Gzip. Detta kräver dock att webbservern har stöd för Gzip, vilket servrarna hos FS Data givetvis har.

  7. Installera & aktivera tillägget Use Google Libraries

    Med detta tillägg anropas ett antal script från Googles servrar, istället för den lokala servern. Många besökare har redan scripten från Google sparade på sina datorer, vilket avsevärt snabbar upp dem.

  8. Installera & aktivera tillägget Speedy Smilies

    Ett oväntat val av tillägg kanske, men faktum är att WordPress egna smilies inte alltid definieras rätt vad det gäller höjd/bredd, vilket kan orsaka lite längre laddningstid. Speedy Smilies är en snabbare och bättre smiley-hantering helt enkelt.

  9. Uppdatera analysen av hemsidan

    Minns du den där fliken med GT Metrix? Återgå till den och kör en ny analys, via länken ”Re-Test Page”. Om allt har gått rätt till så bör du nu se en tydlig förbättring av hastigheten på din hemsida. Klicka gärna på de olika alternativen som visas i resultatet för förslag om ytterligare förbättringar.

Några avslutande tankar

Med ovanstående säkerställning och optimering lyckades jag uppnå 98 % (av 100 %) med min personliga blogg i Google Page Speed. Men allt handlar inte bara om att ha en så snabb hemsida som möjligt.

För ökad delaktighet med mina läsare så installerade jag några tillägg som drog ned hastigheten en aning, såsom kommentarstillägget Disqus och delningstillägget AddThis (som dock är det snabbaste av ett stort antal testade delningstillägg).

En bra idé, när man installerar tillägg i WordPress, är att analysera sin hemsida före och efter installationen. Om man märker att hastigheten minskar avsevärt, då kanske det finns bättre tillägg? Fundera gärna även på om tillägget tillför ett tillräckligt stort värde också.

Det är förövrigt väldigt bra att radera, inte bara inaktivera, tillägg som inte används. Både av säkerhets- och optimeringsskäl. Och ja, det gäller även de förinstallerade tilläggen. Detsamma gäller likaså för teman.

Har du några fler tips vad det gäller att säkra och optimera WordPress? Lämna gärna en kommentar om det!

Installera Joomla! hos FS Data

Nu är vi framme vid tredje delen i vår serie om hur man installerar färdiga lösningar i våra webbhotellspaket. Efter WordPress och Drupal är det nu dags för innehållshantering med ett utropstecken: Joomla!

Joomla! är ett CMS som placerar sig någonstans mellan WordPress och Drupal. Det är inte lika omedelbart som WordPress, men samtidigt inte så komplext som Drupal. Joomla! är för den som vill ha en lite mer komplett lösning för innehållshantering, med en stor användarbas och många olika tillägg och möjligheter.

Installera Joomla! hos FS Data

  1. Ladda ner Joomla!
    Börja med att ladda ner den senaste versionen av Joomla! I skrivande stund är det Joomla! version 1.6.3.

  2. Ladda upp Joomla!
    När du har laddat ner den komprimerade filen, packa då upp den på din dator. Anslut därefter till ditt FTP-konto hos oss och ladda upp samtliga filer.

  3. Skapa din databas
    Under tiden som filerna laddas upp så kan du logga in i vår kontrollpanel Waff och skapa din databas under ”Databaser” > ”MySQL-konto”. Glöm inte bort att notera uppgifterna för ”Servernamn”, ”Databasnamn”, ”Kontonamn” och ”Lösenord”.

  4. Slutför installationen
    Besök därefter din uppladdade Joomla!-sida och gå igenom guiden för att slutföra installationen. Du behöver ange uppgifterna för din databas och ditt FTP-konto (valfritt). Ange din e-postadress, ett användarnamn och lösenord men låt bli att installera exempeldata. 

    När guiden är klar, klicka då bara på den avslutande knappen för att ta bort installationsmappen. Sen är det bara att logga in och sätta igång med Joomla!

Ja, så här enkelt är det faktiskt att komma igång med Joomla! hos FS Data. Om du vill gräva ner dig och lära dig mer så kan vi varmt rekommendera .SE:s guide till hur man skapar en webbplats med Joomla! Lämna gärna en kommentar om du har någon fråga om Joomla! hos oss.

Installera Drupal hos FS Data

Det är dags för nästa del i vår serie om hur man installerar färdiga lösningar i ett webbhotellspaket hos oss. Vi har tidigare berättat hur man installerar WordPress hos FS Data, nu är det dags att installera Drupal.

Drupal är likaså en sk. CMS, eller ett system för enkel innehållshantering (genom en webbläsare). I jämförelse med WordPress så innehåller Drupal desto mer funktionalitet redan från början, men är samtidigt lite mer komplex.

Installera Drupal hos FS Data

  1. Ladda ner Drupal + fixa PHP-inställningar

    Version 7 av Drupal har precis släppts, med ett helt gäng nya och fina funktioner. Ladda ner den från Drupals hemsida och packa upp den nedladdade filen på din dator, så det skapas en mapp som heter ”drupal-7.0”.

    I mappen ”drupal-7.0” finns det en fil som heter .htaccess. Öppna upp denna med valfri textredigerare och lägg till följande rad i slutet av filen:

    php_flag register_globals off

    Spara sedan filen. Notera även att Drupal 7 kräver PHP 5. Vi erbjuder stöd för både PHP4 och PHP5. Du väljer själv din PHP-version i vår kontrollpanel Waff, under ”Hemsida” > ”PHP” och länken ”Ändra”.

  2. Skapa din databas

    Logga in i Waff och skapa din databas under ”Databaser” > ”MySQL-konto”. Med ett webbhotellspaket hos oss kan du skapa hela 60 st databaser. Om du redan har en databas så skapar du flera databaser under ”Administration” > ”PhpMyAdmin i Waff”.

    Notera uppgifterna för ”Servernamn”, ”Databasnamn”, ”Kontonamn” och ”Lösenord”.

  3. Ladda upp filer + ändra rättigheter
    Anslut till ditt FTP-konto hos oss och ladda upp alla filer och mappar från mappen ”drupal-7.0” på din dator till mappen ”www” på FTP-servern. Du kan även installera drupal under en annan mapp på servern, men den mappen måste ligga under ”www”.

    När uppladdningen är klar, navigera då till mappen ”sites” och leta reda på mappen ”default”. I ditt FTP-program högerklickar du sedan på denna mapp och välj att ändra rättighet/behörighet för mappen. Ställ in rättigheterna så att alla får fullständiga rättigheter, dvs ”777”. Rättigheterna återställs automatiskt när installationen är klar.

  4. Besök hemsidan
    Surfa därefter till hemsidan och slutför installationen med guiden i din webbläsare. Om du vill översätta Drupal till svenska, följ då instruktionerna under ”Choose language”.

    Under punkten ”Set up database” anger du tidigare noterade uppgifter för ”Databasnamn”, ”Kontonamn” och ”Lösenord”. Här behöver du även klicka på ”Advanced options” och ange ditt ”Servernamn”.

    När du har angett namn på sidan, din e-postadress och användaruppgifter så är det bara att köra igång med din Drupal-baserade hemsida.

Ja, så installerar man Drupal hos oss på FS Data. Har du några frågor om detta? Lämna då gärna en kommentar. Vi återkommer med ännu fler guider till olika webblösningar i vår blogg här framöver.

Installera WordPress hos FS Data

Om man vill ha en hemsida, en e-handel, ett forum eller en annan webblösning så behöver man oftast inte utveckla den själv. Idag finns det ett stort antal färdiga lösningar, med öppen källkod, som kan installeras och användas helt fritt. Bland dessa märks bl a WordPress, Drupal, Joomla, osCommerce och phpBB.

Vi ska nu visa er hur man installerar några av dessa lösningar hos oss. Det är oftast väldigt enkelt och med dessa guider kommer du igång ännu snabbare.

Först ut är WordPress, en lösning som främst har varit avsedd för bloggar men som även används för hantering av helt vanliga hemsidor. Med WordPress kan man enkelt hantera sin hemsida genom en webbläsare.

Installera WordPress hos FS Data

  1. Ladda ner WordPress

    Börja med att surfa till WordPress svenska hemsida och ladda ner den senaste versionen av WordPress till din dator. När nedladdningen är klar, packa då upp denna fil så att det skapas en mapp som heter ”wordpress”.

  2. Skapa din databas

    Logga in i vår kontrollpanel Waff och gå in under ”Databaser” > ”MySQL-konto”.

    Om du inte har någon databas sedan tidigare så behöver du först aktivera en databasanvändare. När du har gjort det så visas ”Kontonamn”, ”Servernamn” och ”Lösenord”. Om du har glömt lösenordet så kan du välja ett nytt lösenord på denna sida likaså.

    För att skapa en databas, klicka på länken ”phpMyAdmin i Waff” under sektionen ”Administrera”. Logga in med uppgifterna för din databasanvändare och skapa din databas i fältet ”Skapa ny databas”. Ersätt bara frågetecknet med valfri bokstav (a-z).

    Notera uppgifterna för ”Servernamn”, ”Databasnamn”, ”Kontonamn” och ”Lösenord”.

  3. Ladda upp alla filer

    Anslut till ditt FTP-konto hos oss och ladda upp alla filer och mappar från mappen ”wordpress” på din dator till mappen ”www” på FTP-servern.

  4. Besök hemsidan

    Surfa därefter till din domän och slutför installationen av WordPress genom att ange dina databasuppgifter samt välja namn på sidan, ange din e-postadress och välja ett användarnamn och lösenord.

    Ett tips: ange inte ”admin” som användare, då detta är det första användarnamn som hackare ger sig på.

Svårare än så är det inte att installera WordPress hos oss på FS Data. Lämna gärna en kommentar om du har några frågor om detta. Vi fortsätter givetvis med fler guider till olika webblösningar i bloggen här framöver.

Uppdaterat: förtydligade och förenklade denna guide 2012-04-19. Läs gärna vår guide till en säkrare och snabbare WordPress-sida. Om du redan kör WordPress på ett annat webbhotell, läs då vår guide till det enklaste sättet att flytta en WordPress-sida.