Minska din webbplats bandbreddskrav

• Maj 9, 2024

Framgång kan döda. Det är en topp som alla webbansvariga bör ha i åtanke.

I denna tidsålder med omedelbar kommunikation kan en webbsida som blir populär ("blir viral" i Internet-talk) hitta sig själv avledad av besökare. För de flesta webbplatsägare är detta en dröm som går i uppfyllelse ... tills de befinner sig kämpa för att hålla servern uppe under ett lavin av träffar, eller i slutändan kasta pengar på sina webbhotellföretag i ett galet bud för att öka webbplatsens bandbredd.

Lite planering i förväg kan ta dig ur din potentiella plötsliga popularitet och hålla dina dagliga värdkostnader förminskade till ett minimum.

Till att börja med kan du titta på bilderna på din webbplats. På den typiska webbplatsen är bildfiler ansvariga för den stora majoriteten av bandbreddförbrukningen.

Den ultimata metoden för att minska användningen av bildbandbredd är att helt och hållet få dem bort från din webbplats. Det betyder inte att konvertera din webbplats till endast text; det betyder att dra nytta av en billig (ibland gratis!) bilddelningswebbplats för att vara värd för dina bilder för dig. Innan du begår en tjänst kan du prova den i liten skala och sedan kolla in din webbplats från olika platser; vissa brandväggar blockerar automatiskt bilder från de populära delningsplatserna, särskilt om dina besökare kryssar webben från sina kontordatorer.

Använder du HTML för att visa dina bilder mindre än de faktiskt är? Detta är ett stort no-no för webbdesigners, eftersom dina besökare laddar hela bilden (i dess faktiska storlek) i sina webbläsare vid varje besök, och använder mycket mer bandbredd än sidan behöver som designad. Använd istället ett bildredigeringsprogram för att beskära och krympa bilden så att den passar din sidlayout.

Du kanske också märker att du kan spara bilder i en lägre upplösning utan att kompromissa med deras utseende, särskilt om de är ganska små. Högre upplösning innebär mer detaljer som är fastade i varje pixel och därmed en högre bandbreddanvändning för att ladda all den informationen i webbläsaren.

Ett annat sätt att förhindra bilder från att ta bort din bandbredd är genom att gräva dem till förmån för CSS-designad text. Den här tekniken fungerar bra med knappar och andra snygga länkar, eftersom du kan göra ganska mycket med bakgrundsfärger, gränser och: sväva pseudoklass. Ställ in senare för en kommande serie om hur man utvecklar interaktiva menyer med CSS och HTML.

Nu när du har fått dina bilder kvadrerade är det dags att strama upp din text. Ofta kan du ta bort lite av det extra vita utrymmet från din HTML-kod. Tomma rader mellan kodavsnitt kan förbättra läsbarheten, men om du har ett dussin vagn returnerar mellan karossetiketten och din första kodraden överdriver du det lite.

När det är möjligt, använd externa filer för JavaScript och CSS. När din besökare laddar ner filen tillsammans med den första sidan de besöker, kommer filen att förbli i webbläsarens cache när de utforskar din webbplats - i motsats till att ladda koden på nytt på varje sida, vilket är vad som händer med inline- eller rubrikod.

Om du är värd för din egen webbplats kan HTTP-komprimering spara dig mycket bandbredd. Det fungerar genom att lagra en komprimerad version av din webbsida i en tillfällig katalog, som sedan serveras till alla besökare med en komprimeringsaktiverad webbläsare. Du kan justera dina serverinställningar så att de komprimerar statiska sidor, applikationer eller båda.

Åtdragning av din webbplats hjälper dig att skydda dig från ett angrepp av besökare, attacker för nekande av tjänster eller helt enkelt hålla dina värdkostnader förminskade till ett minimum. Och glöm inte, du kan koppla av i kunskapen om att din webbplats är snyggt och snyggt kodad för att leverera maximal mängd innehåll på snabbast möjliga tid.

Video Instruktioner: Tame The Beast — It's time to rethink persistent pain (Maj 2024).