Snabbare bilder med WordPress

För knappt en månad sedan föreläste jag för WordPress Sverige hos Internetstiftelsen om hur man bäst arbetar med, samt optimerar, sina bilder i WordPress. Det tog en liten stund, men nu är kärnan av föreläsningen tillgänglig som en artikel hos Servebolt: How to optimize for faster images in WordPress

Här är en sammanfattning av min arbetsmetod:

  • Använd rätt bildformat
  • Implementera en max-storlek (bredd/höjd)
  • Leverera rätt bilder (beroende på klient)
  • Optimera alla bilder på servern (inte med tillägg)
  • Senarelägg bildladdning (lazyload)
  • Använd CDN/Cloudflare

Här är en inspelning av min föreläsning:

Inspelningen är inte jättebra, så artikeln hos Servebolt rekommenderas ändå främst.

WP Stockholm, Snabbare hemsida med WordPress

I kväll föreläste jag om prestanda och optimering av WordPress, med WordPress Stockholm hos .SE och FooCafé i Stockholm. Det var en rätt så övergripande presentation, främst anpassad för medel/nybörjare, men även innehållande lite mer avancerade tips.

Klicka på bilden nedan för att ladda ner presentationen som en PDF (0,5 MB):

Hur man får en snabbare hemsida med WordPress

Stort tack till er alla som kom och lyssnade/pratade prestanda med oss i kväll!

Bättre schemaläggning i WordPress

Om man vill schemalägga uppgifter i Unix/Linux-baserade system så använder man något som heter Cron. På samma sätt har WordPress en egen lösning för schemaläggning, som heter WP-Cron.

WP-Cron ser till att WordPress letar efter uppdateringar, publicerar schemalagda inlägg och utför diverse andra uppgifter (t ex kontrollerar trasiga länkar med Broken Link Checker).

Fördelen med WP-Cron är att det funkar överallt. Det är långt från alla webbhotell och servermiljöer som tillåter schemaläggning av uppgifter hur som helst. Nackdelen är att WP-Cron kör varje gång en sida laddas i WordPress, vilket kan orsaka onödig belastning (läs: ge en långsammare hemsida).

Det är dock enkelt att rätta och förbättra schemaläggningen i WordPress.

– Inaktivera schemaläggning via WP-Cron

Börja med att inaktivera WP-Cron, genom att lägga in följande kodrad i wp-config.php.

define('DISABLE_WP_CRON', true);

– Schemalägg via riktiga cron istället

Om du kör WordPress på en Linux-baserad server (vilket du bör göra) och har åtkomst till servern via SSH, så kan du starta crontab (en redigerare för cron) via terminalen med följande kommando.

crontab -e

När du har valt en redigerare (välj t ex ”nano”), lägg in nedanstående rad längst ner i filen.

0 * * * * cd /hemkatalog-för-min-hemsida; php -q wp-cron.php

– Om din leverantör har stöd för WP-CLI

Om ditt webbhotell/serverleverantör har stöd för WP-CLI (vilket de bör ha) så är det bättre att köra cron via WP-CLI. Lägg då in denna rad i crontab istället:

0 * * * * wp cron event run --due-now --path=/hemkatalog-för-min-hemsida/ --quiet

Ersätt ”/hemkatalog-för-min-hemsida” med den fullständiga sökvägen till hemkatalogen för din hemsida, t ex /var/www/minhemsida.se (från roten). Spara och stäng till sist filen.

Därefter kör WP-Cron en gång varje heltimme, via PHP direkt på servern. Det går att köra WP-Cron med anrop mot webbplatsen t ex via wget, men då påverkas webbservern/besökare i onödan.

Att schemalägga uppgifter via cron är även möjligt att få till via kontrollpanelen hos vissa webbhotell. Om du inte känner dig bekväm med SSH/terminal, använd det istället.

Snabb, snabbare, Servebolt

Jag är som Google. Jag älskar snabba hemsidor.

Det finns många olika områden att fördjupa sig inom vad gäller servrar, hemsidor, WordPress osv. Det jag brinner för, det som främst har intresserat och engagerat mig de senaste 7-8 åren, är optimering av servrar och hemsidor. Med fokus på WordPress.

En snabbare hemsida är bra på så många olika sätt.

Man får bättre placeringar i sökmotorer med en snabbare hemsida. En snabbare hemsida ger fler (och mer nöjda) besökare. Samt fler affärer, konverteringar och avslut. Allt med en snabbare hemsida.

En snabbare hemsida går hand i hand med mycket annat.

Med HTTP/2 (som används vid optimering) är SSL ett måste, vilket ger högre säkerhet och SEO-fördelar. Tillgänglighet/accessibility handlar mycket om korrekt datahantering, vilket likaså ger en snabbare hemsida (du har väl hört om webbtillgänglighetsdirektivet?).

Jag har spenderat hundratals, om inte tusentals, timmar på att optimera hemsidor och servrar. Det har blivit många långa och sena kvällar/nätter framför en skärm, ibland enbart för att hyvla av några extra kB eller få upp PageSpeed-score någon enskild poäng.

Det var även orsaken till att jag skrev 50-60 inlägg/guider om optimering, hos webbhotellet med en sköldpadda som maskot. Förutom mina föreläsningar på WordCamps, WordPress-meetups, mässor, partnerträffar osv. Samt svensk översättning av tillägg som Autoptimize.

En snabb hemsida är en bra hemsida helt enkelt.

ServeboltDet är nu därför med stor glädje som jag kan berätta om min nya tjänst, hos Servebolt.

Servebolt erbjuder världens snabbaste hantering av WordPress, WooCommerce, Magento, Drupal m.m. De har en unik tjänst, med en teknisk plattform som är specifikt anpassad för detta. Servebolt är fullt av optimerings- och WordPress-älskande människor, precis som jag.

Min uppgift är att etablera Servebolt i Sverige.

Om du har en hemsida eller e-handelssida som förtjänar det bästa så ska du spana in Servebolt. Jag har jobbat med många olika leverantörer av servrar och webbhotell, men ingen – absolut ingen – är lika snabb som Servebolt. Och det utan cache (!) dessutom.

Sedan är det en sak till.

Jag arbetar med Servebolt till 80 %. Resterande tid lägger jag på ett eget projekt, även det avseende snabbare hemsidor. Där Servebolt är för de företag som är seriösa med sina hemsidor/e-handelssidor så är mitt andra projekt avsett för entusiaster.

Snabbare hemsida för alla, oavsett leverantör.

Jag har arbetat med mitt andra projekt ”i tystnad” ett bra tag och har en riktigt bra plan för detta likväl. Det är dock inte riktigt redo för lansering än. Men så snart det sker, då får ni höra om det här.

2018 lär svenska hemsidor bli avsevärt snabbare. 😉