Hur du optimerar din webbplatsprestanda

Innehållsförteckning:

Anonim

Titta runt på internet så hittar du massor av statistik som citeras om hur lite tid människor är villiga att vänta på att någon webbplats laddas innan de tappar intresset (i det fallet ska du inte alltid skylla webbhotellleverantören).

De med fasta bredbandsanslutningar förväntar sig att en webbplats dyker upp nästan direkt, och även mobilanvändare har inte oändligt tålamod.

Läs mer: Offcloud

Enligt forskning är den optimala laddningstiden för en sida tre sekunder, även om majoriteten av webbplatserna är närmare dubbelt så mycket - eller mer. Och om du går mycket längre än tio sekunder kommer sannolikt majoriteten av människor att överge sidan och åka någon annanstans.

Hur lång tid det tar för en webbsida att visas i en webbläsare beror på faktorer som delas mellan både servern och klientenheten i andra änden.

Även om det inte är möjligt att påskynda alla användare på grund av saker utanför webbdesigners kontroll, är det praktiskt att göra en webbplats så effektiv som möjligt, vilket förbättrar prestandan för de flesta besökare.

Förbättrad hastighet kan uppnås med en rad olika metoder, men det finns tre centrala pelare för att förbättra webbplatsens prestanda. Dessa är förbättrad hosting, webbplatsoptimering och även vissa plattformsspecifika överväganden.

  • Vi har valt de bästa webbhotellstjänsterna här
  • Dessa är de bästa gratis webbhotell företagen runt
  • Och de är för närvarande de bästa webbplatsbyggarna

Vikten av värd

Hur mycket en webbplats spenderar på webbhotell är vanligtvis i proportion till antalet besökare som förväntas varje dag, med tanke på hur länge varje vistelse stannar och hur många sidor de surfar.

Detta är den främsta anledningen, tillsammans med säkerhetsproblem, varför relativt få företag är värd för webbplatser internt.

Webbhotell är vanligtvis ”virtuellt” genom att en specifik maskinvara inte tilldelas webbplatsen - utan delas med andra webbplatser genom virtualisering.

Det fina med att ha den här lösningen är att fler resurser lätt kan fördelas till en webbplats i tider med hög efterfrågan, förutsatt att värdavtalet möjliggör denna flexibilitet.

Det som är viktigt att bestämma är den förväntade trafiken du förväntar dig och att höja din tjänst på rätt sätt.

Om du har en snabbt växande webbplats men på grund av värdnivån börjar den inte svara när en flod av besökare dyker upp kan detta undergräva hela ditt projekt. Planera därför att börja i liten skala och sedan skala när webbplatsen blir mognad.

Webbplatsoptimering

Prestanda för vilken webbplats som helst är mycket beroende av hur den byggdes och vilken mjukvaruteknik den använder.

När du väl har en prototypwebbplats är en av de första procedurerna du behöver utföra att göra varje sida på hur lång tid det tar att ladda. Det finns många verktyg tillgängliga för att mäta sidprestanda, och några av dem kommer att bryta ner tidsinställningarna för att identifiera exakt vad som orsakade störst fördröjning på en viss sida.

Denna testning är inte något som du bara ska utföra en gång på en enda dator, eftersom dina besökare kommer från ett stort antal olika platser, med olika bredbandsanslutningar, och de kommer att använda olika typer av enheter.

Det är särskilt viktigt att mobilplattformar testas både under Wi-Fi och mobilanslutningar. Och i en idealisk värld är det också värdefull information att få resultat från geografiska avlägsna platser.

När du har samlat in denna prestandadata är det dags att återvända till webbplatsen och se vilka ändringar du kan göra för att förbättra användarupplevelsen.

Här är en lista över de sju främsta problemen som saktar ner en webbplats som lätt kan hanteras.

1. Sidor med flera källor

Om en sida består av element som kommer från andra platser, inklusive annonser, kan detta dramatiskt påverka hastigheten. Sidan blir beroende av hur snabbt dessa element från webbplatsen serveras, vilket förvärrar prestandafrågor.

Om du har en sida som upprepade gånger tar för lång tid att ladda, identifiera vad som saktar ner den och ta bort den.

2. Widgets och plugins

För många av dessa komponenter orsakar ungefär samma problem som sidor med flera källor, men de är ett problem som särskilt påverkar WordPress-webbplatser. Frestelsen att förinstallera sidor med alla slags kalendrar, animerade knappar, klockor och så vidare är stark, men du måste motstå.

Dessa funktioner kräver koden på serversidan och klientsidan för att kunna köras och pausar ofta presentationen av andra sidelement innan de laddas.

3. Skalningsgrafik

Webbplatsgrafik ska inte skalas om de inte är fotografier som du vill klicka på för en presentation av full kvalitet.

Att ha dem skalade upp är också dåligt, eftersom detta gör dem blockiga eller avslöjar kompressionsartiklar.

Att göra grafiken i samma storlek som den ska ses tar arbetsbelastningen från servern och klientens webbläsare och undviker att användaren laddar ner större grafik än vad som behövs.

4. Oförenliga medier

Det finns en rad filtyper som en gång var populära på datorn, men som nu är effektiva. Mobilanvändare kommer inte att kunna komma åt dem, och de flesta stationära användare kommer också att ha problem om de fortfarande använder ett plugin-program på en gammal webbläsarversion.

Som regel ska du inte vara värd för video-, bild- eller musikformat som inte fungerar som standard med Google Chrome eller Microsoft Edge. Det irriterar användare när webbplatsen saknar element eller kommer med udda fel.

5. Backend-kod

Hur många gånger har du sett en snygg funktion som kan läggas till på en webbplats med ”bara en kort rad kod”? Det finns många av dessa, och de kan vara användbara. Men de orsakar ofta huvudvärk för en mycket större kod som körs på servern för att göra kodavsnittet till något användbart.

Ha för många av dessa - för att du lägger den koden på varje sida - och servern kommer att fastna i att försöka behandla dessa förfrågningar snarare än att betjäna webbplatsens sidor.

De vanligaste synderna för dessa saker är, ironiskt nog, analys och formbehandling. Men kod som hanterar andra uppgifter kan också ha en negativ inverkan på det totala resultatet.

6. Mobila misstag

Ett klassiskt misstag som påverkar mobilanvändare är att omdirigering till mobilversionen av webbplatsen först kommer efter att de flesta skrivbordsavsett hemsidor återges på telefonen eller surfplattan.

Resultatet är ofta en lång väntan innan webbläsaren slängs bort till mobilwebbplatsen, följt av ytterligare en fördröjning innan den gör.

Medan statistiskt sett mobila plattformar fortfarande ligger lite efter konventionella datorer när det gäller webbsurfning, expanderar mobilsurfningen snabbt och kommer snart att bli det dominerande sättet att de flesta användare kommer åt de flesta webbplatser.

Därför är uppmärksamhet på mobilvarianten på vilken webbplats som helst minst lika viktig, om inte mer, än skrivbordets motsvarighet.

Eftersom mobilanvändare ofta ansluter med 3G- eller 4G-datatjänster utan de konsekventa överföringshastigheter som trådbundna bredbandsanvändare kan förvänta sig, är betydelsen av snabb leverans av webbsidor ännu större.

7. Använd kompression

Det finns många sätt att det är möjligt att säkerställa att filerna som utgör webbplatsen är mindre och därför snabbare att ladda ner för en besökare.

Det finns globala serverteknologier som Gzip som kan knäcka filstorlekar med så mycket som 70%, men bara att välja rätt filtyper och komprimeringsnivåer för JPG.webp-filer kan också ge prestandafördelar.

Gzip kräver serveraktivering och du kan kontrollera om den är aktiv på din server genom att använda den här webbplatsen.

Den enda förbehållet för att använda komprimering är att du måste identifiera de filer och mappar som du inte vill komprimera till systemet. Eftersom redan komprimerade videofiler och komprimerade volymer (ZIP, RAR eller LZH) inte kan pressas ner ytterligare.