FS Data

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

Optimera HELA din WordPress-hemsida

En snabb hemsida är en bra hemsida. Det är ett uttryck som vi lever efter på FS Data, med våra snabba webbhotellspaket och kraftfulla servrar. Tidigare besökare av vår blogg minns kanske även inlägg såsom Guide till en snabbare WordPress-sida, Snabba upp WordPress med CDN och WP Super Cache vs. W3 Total Cache.

När man snabbar upp, eller optimerar, sin hemsida så använder man ofta webbtjänster som GT Metrix, Pingdom eller Sajtkollen (som nyligen har lanserats av IIS). Det är jättebra, men kan ge en felaktig bild om man bara testar sin start/förstasida (http://www.mindomän.se/) och inte underliggande sidor (http://www.mindomän.se/produkter/produkt1/, /produkt2/ osv).

fsdata_optimera_hela_hemsidan– Man måste optimera hela sin hemsida!

Underliggande sidor är viktigare än man kan tro. Det är nämligen vanligt att dessa används som ”ingångssidor” för besökare till hemsidor. Undersidorna innehåller ofta mer relevant information och hamnar därmed högre upp i sökmotorerna (som besökarna använder).

När man använder en webbtjänst för att optimera sin hemsida så kontrollerar man en sida åt gången. Om man vill så kan man kontrollera alla sina undersidor manuellt på detta sätt. Vi har dock ett tips om hur man kan kontrollera och optimera hela sin hemsida – med WordPress – mycket enklare.

– Kontrollera & optimera alla sidor/inlägg i WordPress

För detta kommer vi använda ett WordPress-tillägg som heter Google Pagespeed Insights. Det är ett tillägg som använder Googles API för Pagespeed för att kontrollera alla sidor och inlägg per automatik. Detta kräver att man har ett Google-konto (för API:et).

1. Börja med att installera och aktivera Google Pagespeed Insights for WordPress på din WordPress-hemsida. När det är klart, gå in under ”Verktyg” och ”Pagespeed Insights”.

2. Nu behöver du en (kostnadsfri) API-nyckel från Google. Besök Google Developers Console och logga in med ditt Google-konto där. Följ sedan dessa steg för att få en API-nyckel:

  • – I rutan ”Enable Google APIs for use in your apps”, klicka på ”Enable APIs”.
  • – Välj ett projektnamn, t ex ”WP Pagespeed Hemsidenamn”, godkänn villkoren och klicka på ”Create”.
  • – Klicka därefter på ”Enable APIs” igen, välj ditt projekt och klicka på ”Continue”.
  • – Sök nu efter ”Pagespeed”, klicka på ”PageSpeed Insights API” och välj ”Enable API”.
  • – I menyn till vänster, under ”APIs & auth”, klickar du sedan på ”Credentials”.
  • – Under ”Add credentials” väljer du ”API key” och till sist ”Browser key”.
  • – Döp denna nyckel till valfritt namn, t ex ”WP Pagespeed Hemsidenamn”, och klicka på ”Create”.
  • – Kopiera den API-nyckel som nu visas på skärmen.

3. Åter i WordPress, klistra in din API-nyckel under inställningarna för Google Pagespeed Insights. På samma sida under ”Google Response Language”, välj ”Swedish”, samt under ”Report Types”, välj ”Both”. Klicka till sist på ”Save Options” så ska det högst upp på sidan visas ett meddelande som säger ”Settings Saved”.

4. Nu kontrolleras alla sidor, inlägg osv. på din webbplats mot Google Pagespeed. För en stor webbplats kan detta ta en stund, men du kan se hur det går under fliken ”Report List”. Högst upp på denna sida har du även en förloppsindikator.

fsdata_ssk_pagespeed_wordpress

5. När alla sidor är kontrollerade, klicka på fliken ”Report Summary” så får du en fin överblick.

fsdata_ssk_pagespeed_wordpress2

Högst upp visas ett totalt betyg för hemsidan. Ju poäng högre desto bättre (det bör inte vara mycket lägre än 90). Sedan kan du se vad som tar plats (fysiskt utrymme) på hemsidan. Därefter har du en lista med de saker som främst bör åtgärdas, med de bäst och sämst presterande sidorna/inläggen på hemsidan längst ner.

Du kan även hitta de bästa/sämsta sidorna och inläggen under fliken ”Report List”. Välj bara att sortera informationen där på det sätt du önskar (t ex för att få fram de sidor/inlägg med lägst poäng).

6. Nu är det egentligen bara att sätta igång och optimera de sidor/inlägg som har lägst poäng. Klicka på länken till en sida för att få upp en överblick, enligt detta exempel:

fsdata_ssk_pagespeed_wordpress3

Det är sektionen längst ner som är mest intressant. Där visas vad som främst behöver åtgärdas för att optimera sidan ifråga. Klicka på ett av alternativen under ”Insights Key” för mer information samt länk till mer läsning hos Google.

Kontrollera gärna betygsättningen för din hemsida både för ”Desktop” och ”Mobile” (med länkarna högst upp till höger). Detta kan variera markant och kriterierna för att förbättra betygen skiljer sig även åt här.

Nu är det ”bara” att gå igenom samtliga sidor (med låga poäng) och optimera dessa. Utgå gärna från våra tidigare guider (se början av detta inlägg), så ska du se att hela din hemsida är optimerad på nolltid!

Om du har några frågor eller funderingar kring detta, lämna gärna en kommentar här nedan.

Automatisk farthållare i WordPress

Vi vill verkligen att våra kunders hemsidor ska vara så snabba som möjligt. En snabbare hemsida ger fler besökare, bättre placering i Google och en ökad försäljning för e-handlare. Det är därför som vi trimmar våra servrar och nätverk, för snabbast möjliga webbhotell och servrar, samt bloggar så ofta om vikten av en snabb hemsida.

Att analysera och optimera en hemsida är dock inget man gör en gång och sedan kan förvänta sig att den kommer vara fortsatt snabb. Det är en fortlöpande process, där man ständigt behöver vara alert och anpassningsbar. Detta kan givetvis både ta tid och kosta rätt mycket pengar, men det finns sätt att underlätta det här arbetet.

Här är ett tips om hur man automatiskt kan kontrollera hastigheten på WordPress-sidor.

De som har läst vår tidigare guide till en säkrare och snabbare WordPress-sida vet att vi rekommenderar GTmetrix för att kontrollera hastigheten på en hemsida. Vi använder själva denna tjänst för vår hemsida och vi är mycket nöjda med den.

Nu har GTmetrix släppt ett nytt WordPress-tillägg som gör det ännu enklare att kontrollera hastigheten på WordPress-sidor. Tillägget heter kort och gott ”GTmetrix for WordPress” och det installeras enklast direkt via wp-admin i WordPress (sök bara efter detta tillägg under ”Tillägg” > ”Lägg till nytt”).

När tillägget är installerat och aktiverat så behöver man ange en API-nyckel. En sådan nyckel får man genom att registrera sig och skapa ett (kostnadsfritt) konto hos GTmetrix. Följ bara instruktionerna på huvudsidan för tillägget (under ”GTmetrix” i menyn till vänster) för att lösa detta.

Det första testet

Det man sedan först gör, när allt är klart, det är att testa sin förstasida. Under huvudsidan för tillägget (”GTmetrix” i menyn till vänster) så klickar man bara på knappen ”Test your Front Page now”. När testet är klart så får man ett resultat som visar hur snabb förstasidan är. Detta kan man granska i detalj, genom att klicka på ”Detailed report”.

Ett bra resultat i GTmetrix är en Page Speed på över 90 %. Page Speed är en sammanställning av de faktorer som Google använder för att avgöra hur snabb en sida är. Om du vill ha hjälp med att snabba upp din hemsida och få ett bättre resultat i GTmetrix, läs då vår guide till en säkrare och snabbare WordPress-sida.

Testresultatet visas även direkt i en ”widget” på förstasidan i wp-admin, för enkel överblick. Här är ett exempel:

GTmetrix i wp-admin

Om automatiska kontroller

Under huvudsidan för tillägget (”GTmetrix i menyn till vänster som sagt) så finns det ett flera intressanta alternativ. Här kan man både utföra enskilda kontroller av sin förstasida (och olika undersidor) samt schemalägga automatiska kontroller av olika sidor. De automatiska kontrollerna kan även meddela, via e-post, om en sida laddar långsamt.

Att automatiskt kontrollera hastigheten är väldigt bra om man arbetar aktivt med sin sida genom att skriva inlägg, installera olika WordPress-tillägg och teman osv. Det händer rätt ofta att tillägg och teman orsakar långsamma sidor i WordPress och det är inte alltid som man själv upptäcker detta.

Skapa en automatisk kontroll

För att skapa en automatisk kontroll med e-post om en sida är långsam, klicka på länken ”Schedule tests” som finns både i ovan nämnda widget och på huvudsidan för tillägget. Ange sedan hur ofta kontrollerna ska ske under ”Frequency” (dagliga kontroller är bra) och bocka i rutan för ”Enable notifications”.

Välj när e-post ska skickas under ”Email admin when”, t ex om Page Speed är lägre än 90 % eller om en sida tar längre tid än 5 sekunder att ladda. När du är nöjd klickar du bara på knappen ”Save” för att skapa kontrollen.

De automatiska kontrollerna utförs sedan enligt angivna intervaller och resultaten från dem visas på huvudsidan för tillägget. Här är ett exempel på hur det kan se ut:

Automatiska kontroller med GTmetrix

Svårare än så här är det inte att ordna en ”automatisk farthållare” i WordPress!

Om ni har några frågor, eller kanske tips på t ex hur ni snabbar upp er hemsida, lämna då gärna en kommentar.

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!