Så får du en snabbare blogg och hemsida

av Mikael Winterkvist | jul 1, 2023 | Mastodon, Tipset: Råd och tips

September 2023: Denna text har redigerats i efterhand och ett avsnitt om cache-program och om WP Rocket har plockats bort.

En gång i tiden, på modemens tid, så var det många som kunde konsten att optimera en webbplats. Då, när de högsta farterna mättes i i en hundradel av dagens hastigheter och det finaste du kunde ha var ett äkta US Robotics 56K så var varje byte (bajt) du kunde skala av värda massor. Idag när 100/100MB/s är någon slags undre gräns så har många glömt bort vikten och värdet av att optimera en webbplats.

Efter att ha drabbats av långa svarstiderna på den här bloggen, på senare tid, så gick jag igenom stort sett alla delar, optimerade allt som gick att optimera och hittade under det arbetat den felande länken som snabbt byttes ut. Här är en samling tips för dig som har en blogg och som vill se till att besökarna ska kunna ta del av innehållet så snabbt som det bara är möjligt. Så får du en snabbare blogg.

Databas

Det finns skillander mellan gårdagens webbplatser och dagens och skillnaden stavas – databas. Gårdagens webbplatser var HTM-Lkod med bilder och grafik samt text. Dagens webbplatser består av en databas och kod som genererar HTML-kod när du kommer som besökare. Det gör att dagens optimeringsarbete för att få riktigt bra fart på en webbplats delvis ser annorlunda ut.

Det ska också sägas direkt – Magasin Macken är en testbädd för saker som jag använder när jag bygger saker åt våra kunder. Därför är just den här bloggen inget bra exempel på en fullt ut optimerad webbplats, snarare tvärtom.

Regler

Magasin Macken bryter nämligen mot en hel del grundläggande regler:

• Bild/text-visning topp som byter bilder och texter
• En rad block som hämtar information från databasen (texter, artiklar och notiser)
• Massor med bilder
• Flera saker som hämtas från andra webbplatser – väder, Instagram mm.
• Mängder av information som byts och som visas på startsidan

Förklaringen är att Magasin Macken är byggd mer som en tidning än som en traditionell blogg. Det skapar per automatik en större webbplats än normalt.

Optimera mera

Utan att bli alltför teknisk och invecklad så finns det en hel del som även den mindre teknisk kunniga kan göra för att snabba upp en webbplats.

• Optimera dina bilder

Detta är en den enskilt (ofta) viktigaste insatsen som du kan göra. Se till att dina bilder inte är för stora, inte är för tunga att ladda ned utan dra ned dem i ditt bildredigeringsprogram och optimera dem direkt – sänk upplösningen till runt 72 Dpi. Det här kan du göra samtidigt som du redigerar bilden och du kan se med blotta ögat vilket resultat du får fram.

• Minska antalet bilder (objekt) på sidorna

Vid sidan av bilder och grafik så kan du minska antalet objekt på sidorna. Ett objekt kan vara en bild, grafik eller en video. Det kan också vara något som hämtas från databasen – visning av väder, sociala mediakonton och så vidare. Ju fler objekt du har på en sida desto mer data ska samlas in och visas.

• Minska antalet plugins

Plugins, tillägg är ett smart sätt att bygga ut din blogg, hemsida eller nätbutik men det är också en flaskhals, ellr kan vara det. Alla plugins är inte välskrivna och använder du för många plugins kan det leda till att webbplatsen blir långsam.

Plugins

Välj också dina plugins med omsorg, läs på och testa dem. Speciellt noga bör du vara med så kallade cache-plugins, säkerhetsplugins och statistikplugins. Det här en sorts tillägg som kan sänka prestandan ordentligt på en webbplats om det vill sig illa.

När det gäller cache-plugins så råder det ingen brist på tillägg att välja mellan. Det är en typ av plugin som skapar en lagrad version av webbplatsen vilket betyder att när du landar som besökare så skickas en färdig sida (enkelt förklarat) och webbplatsen behöver inte samla in alla bilder, alla data och alla texter för att skicka ut det på nytt.

Här bör du välja noga, testa noga för just cache-plugin kan vara kontraproduktiva om du ställer in dem fel.

Verktyg

Slutligen så handlar mycket av optimering om att testa, byta, ändra och testa igen och i det sammanhanget så är det av stort värde att mäta om det blir någon skillnad.

Pingdom Tools 

Här kan du mata in en adress, låta Pingdom Tools göra en rad tester och sedan få ett resultat. Se nu till att alltid mäta mot samma plats, exempelvis Tyskland, så att dina jämförelse blir rättvisande. Jag använder detta verktyg mycket ofta för att se om en åtgärd får, har effekt. Tänk också på att alltid göra en 3-4 tester så att inte uppkopplingar och annat påverkar för mycket.

Optimering handlar om att ändra, testa och jämföra. Optimering handlar också om tålamod och sedan komma ihåg att inte bryta mot grundläggande regler. Slarvar du med optimeringen av bilder så kommer din webbplats att bli allt långsammare igen.

Bra tillägg

• WP Rocket – bra, stabil och lättanvänd cache. WP Rocket kostar runt 500 kronor per år
• Short Pixel – optimerar dina bilder, automatiskt. Du kan löpa abonnemang eller krediter så att du kan optimera ett visst antal bilder