7 sätt att göra din webbplats eller bloggbelastning snabbare för besökare

Annons

Långsam sidhastighet är en av de främsta anledningarna till att din webbplats inte får de träffar den förtjänar.

Eftersom publikens uppmärksamhet är på en låg nivå är här några topptips för att påskynda din webbplats för att se till att dina besökare håller sig.

1. Minska den faktiska storleken på din webbplats

Om din webbplats laddas långsammare än tre sekunder, kommer folk sannolikt att överge den redan innan hemsidan laddas. Om du använder fel format för dina bilder kan du enkelt uppblåsa din webbplats och förstöra en annars fantastisk surfupplevelse.

Över 70% av mobila webbsidor är över 1 MB och 12% är över 4 MB! Tänk på att det tar sju sekunder att ladda ner 1,5 MB på en bra 3G-anslutning. Den bästa praxisen är att hålla varje sida under 0,5MB.

Lära sig skillnaden mellan JPG, PNG och GIFoch se till att du använder den upplösning du behöver.

Enligt GlobalStats, dessa är de mest använda skärmupplösningarna för 2018:

• 22,55% använder en upplösning på 360 x 640 (mobil)
• 11,73% använder en upplösning på 1366 x 768
instagram viewer
• 8,26% använder en upplösning på 1920 x 1080
• 4,91% använder en upplösning på 375 x 667 (mobil)
• 2,94% använder en upplösning på 1440 x 900

Det här är över 50% av alla användare, så tänk på detta när du lägger till foton på din webbplats.

2. Designa din webbplats för mobil

Enligt forskning som gjordes av Google förra året på mobil sidhastighet:

Den genomsnittliga tiden det tar att ladda en mobil målsida är 22 sekunder enligt en ny analys. Ändå lämnar 53% av mobilbesökarna en sida som tar längre tid än tre sekunder att ladda. Det är ett stort problem.

Över 75% av mobila webbplatser tar 10 sekunder eller mer att ladda över 3G. Väl över hälften av all trafik sker via mobila enheter, och det kommer sannolikt inte att minska. Så håll ett litet fotavtryck på webbplatsen för att göra mobila internetanvändare nöjda och se till att de håller sig fast!

Om du använder ett CMS som WordPress, Joomla eller Drupal Drupal vs. Wordpress: Vad är det bästa CMS med öppen källkod?Planerar du att sätta upp en webbplats men kan inte välja rätt open source CMS? Så här väljer du mellan WordPress och Drupal. Läs mer , det finns plugins för att göra din webbplats mer mobilvänlig.

Alternativt kan du använda verktyg som bMobilized eller Duda Mobile för att konvertera din stationära webbplats till mobil. Som sagt är det ofta bäst att designa en separat webbplats för att säkerställa bästa upplevelse för dina mobilanvändare.

Du bör också överväga att erbjuda en förenklad version av din webbplats med hjälp av Accelerated Mobile Pages (AMP) -projekt. Att använda AMP-sidor kommer att förbättra sidhastigheten på mobilen. Det finns strikta riktlinjer för JavaScript och CSS, men fördelarna är mätbara.

Oavsett vilken väg du bestämmer dig för att gå ner, se till att din mobilwebbplats är ett lätt alternativ. Och försök att hålla dig under 0,5 MB rekommendationen per sida.

3. Se till att din webbplats är förminskad

Om du skriver din egen webbplats från början, redigera den regelbundet. När ditt projekt utvecklas kommer du sannolikt att lära dig mer effektiva sätt att göra saker, så se till att du går igenom din kod när du förbättrar.

Förminska och kombinera dina CSS, HTML och JavaScript. Om du till exempel använder ett CDN som Cloudflare finns det en specifik flik för hastighetsförbättringar, där det första alternativet är Auto Minify. Om du använder en webbplatsbyggare (som Squarespace eller Weebly) görs detta troligtvis för dig som standard.

Se till att du testar din webbplats efter att du har aktiverat allt som kombinerar eller förminskar din webbplats resurser. Experimentera med de olika alternativen för att se vad som är bäst för din webbplats, eftersom vissa funktioner kan bryta med Minify aktiverat.

4. Undvik att läsa in skript när det inte behövs

Att behöva ladda flera JavaScript-filer innan de behövs kommer att sakta ner hela sidan onödigt. Undvik att ladda skript från tredje parts servrar om du kan.

Om du begär dessa saktar du ner din hastighet ytterligare och kan potentiellt utgöra en säkerhetsrisk. Förvara dem på din webbplats servern när det är möjligt.

Du kan använda uppskjuta eller async för att försena inläsningen av specifika JavaScript-filer för att minska belastningen på besökarens enheter och förbättra lastens hastighet på dina sidor. Alternativt kan du göra det för små skript i kö JavaScript direkt i HTML-dokumentet.

Async berättar webbläsaren att fortsätta analysera HTML samtidigt som JavaScript-filerna laddas ner. Pausen inträffar sedan efter att filen har laddats ner helt.

Under tiden kommer uppskjutningen att be webbläsaren att köra JavaScript-filer efter webbläsaren har slutat analysera hela HTML-dokumentet.

En webbläsare pausar som standard parsning av HTML-filer medan alla JavaScript-filer hämtas och körs.

Att lägga in JavaScript i HTML-dokumentet hjälper till att minska antalet filer en webbläsare måste ladda ner innan en sida visas. Du kan inline JavaScript genom att lägga till innehållet i alla externa JavaScript-filer mellan skripttaggar.

Du kan säkert använda uppskjutning och async i Google Analytics, Facebook Pixel och andra analys- och felrapporteringsverktyg utan att det påverkar sidans funktionalitet.

Slutligen bör du överväga om spårningskoder, analys, extrafunktioner och annonser som du har visat på din webbplats är nödvändiga. Använd fler lätta alternativ när det är möjligt och skrap dem om de inte lägger något av värde till dig eller dina besökare.

5. Använd Caching och ett CDN

Ett innehållsleveransnätverk (CDN) kommer att kopiera din webbplats till servrar över hela världen och minska datorns restid genom att ansluta besökare till en server geografiskt närmare dem. Statiskt innehåll cachas och levereras av CDN: s servrar.

CloudFlare är troligtvis det CDN som du känner bäst, men Akamai och Amazon CloudFront är väletablerade alternativ.

Se till att du också utnyttja caching i webbläsaren Så här komprimerar din webbläsare din integritetDin webbläsare avslöjar massor av information om vem du är, vart du går och vad du gillar. Här är detaljerna som det läcker när du går online. Läs mer för att förbättra din hastighet för din webbplats för upprepade besökare. Webbläsarens caching fungerar genom att ladda ner dessa filer från servern till användarens enhet.

På ytterligare sidvyer eller besök kommer dessa filer att laddas lokalt från användarens enhet istället för att begära dem från den externa servern (beroende på filernas utgångsdatum).

6. Bli av med icke-väsentliga plugins

Plugins bör endast användas vid behov. Detta gäller oavsett om du använder Wix, Weebly, WordPress eller Squarespace Squarespace vs. WordPress: Vilken är rätt för dig?WordPress och Squarespace är de två största namnen inom webbplatsbyggnad. Här är vad du behöver veta för att bestämma mellan de två. Läs mer eller något annat. Alla funktioner du kan göra genom att lägga till enkel CSS snarare än ett plugin, borde du göra. Använd kodinjektion på Squarespace, Använd CSS Customizer i WordPress , och Anpassad CSS på Wix.

Plugins kan orsaka en hög CPU- eller minnespänning på din server, och detta kan bromsa eller till och med hindra din webbplats från att laddas.

Om du använder WordPress är det troligt att du inte använder alla dess inbyggda funktioner. Inaktivera dessa med ett plugin som Clearfy.

Tänk alltid på de plugins du använder. Om du använder få funktioner i plugins som JetPack kan du överväga att ta bort dem helt och ersätta dem med mer lätta plugins som gör samma jobb.

7. Serverinställningar för att påskynda din webbplats

Serverförsening kommer att ha en stor negativ inverkan på din sidhastighet och din PageRank.

Google rekommenderar att Time to First Byte (TTFB) är 1,3 sekunder eller mindre. Detta är den längsta förseningen innan en enhet börjar ladda ner en sida efter att han först kontaktat servern. Som sagt, den genomsnittliga sidan har en TTFB på över 2 sekunder, långt över deras rekommendation.

Delade värdar är vanligtvis orsaken till detta, men det finns vissa inställningar som du kan konfigurera för att förbättra serverns svarstid.

• Använd den senaste versionen av PHP som din webbplats är kompatibel med. Den senaste versionen (PHP 7.2) har enorma hastighetsförbättringar.
• Slå på “Keep-Alive”
• Aktivera HTTP / 2
• Dra fördel av HTTP strikt transportsäkerhet (HSTS)
• Ställ in dina säkerhetskopior på natten

Om din webbplats är skapad i WordPress, se till att du använder en värd som är specialiserad på WordPress-hosting, som Bluehost. Detta kommer att se till att serverinställningarna konfigureras specifikt för WordPress-prestanda.

Färdigt tweaking? Testa nu din webbplats

Nu när du känner till den idealiska sidbelastningstiden, storleken och Time to First Byte (TTFB) som du borde sikta efter, hur vet du vad din är?

Här är några av våra favoritverktyg online för att testa din webbplats:

• varvy.com: dessa verktyg testar skrivbordets och mobilsidans hastighet och prestanda och ger dig värdefulla guider för hur du kan förbättra din webbplats
• Google PageSpeed ​​Insight: nyligen uppdaterat kommer Google PageSpeed-verktyget att testa din hastighet och ge dig förbättringsförslag
• GTmetrix: ett bra verktyg med handlingsbara råd
• WebPageTest: testa din webbplats på olika enheter, operativsystem och platser
• Pingdom: ett mycket populärt verktyg, liknande WebPageTest med ett trevligare gränssnitt

Du kan testa din mobilsajt med länkarna ovan och även med ThinkWithGoogle Mobile Test (drivs av WebPageTest). Resultaten ger dig specifika tips om vad du kan förbättra, med en uppskattad minskning av laddningstiden om du följer tipsen.

De rekommenderade bästa metoderna förändras ständigt, så kontrollera din sidhastighet regelbundet när du gör förbättringar.

För ännu mer värdefull insikt om hur din webbplats presterar, kom ihåg att göra det verifiera din domän på Google och Bing. De fem huvudsakliga fördelarna med att verifiera din domän på Google och BingOm du har en egen webbplats, här är varför du bör verifiera din domän på Google och Bing med deras webbansvariga verktyg. Läs mer