InstantShift – webbdesigners och utvecklare daglig resurs.
i en kontinuerlig växande miljö är det viktigt att servern spelar sin ansvarsfulla roll efter behov. Det finns dock några topptider när din server ger upp eller du korsar önskad bandbreddsgräns. En server kan kraschas av dussintals skäl, med varje anledning som har flera möjligheter, med varje möjlighet att ha dussintals lösningar som begår deras existens. Detta kan innebära en stor förvirring för en liten grupp utvecklare.
en sak som vi har märkt när vi hanterar få webbplatser-i många fall är de inte de snabbaste webbplatserna på webben. Även om mycket av detta kan bero på värdserverns konfiguration, orsakas några av prestandaproblemen av saker du kan kontrollera.
i den här artikeln presenterar vi Bästa Tips för att minska serverbelastningen och spara bandbredd för dina växande webbplatser.
det finns många anledningar till att du kan möta webbplatsstopp. Kan bero på värdserverns tillstånd (till exempel om det är en delad server, kommer de andra webbplatserna som körs på samma server definitivt att sakta ner saker) eller din webbplatskonfiguration eller kanske på grund av din kod. Det är viktigt att spela säkert.
det finns få saker du behöver tänka på innan du utforskar dessa tips som många gånger är det möjligt att få av de nämnda tipsen inte fungerar för din en viss webbplats som inte betyder att det inte kommer att fungera med någon annan av dina projekt.
också som en personlig rekommendation, om du letar efter några vanliga tips för att minska serverbelastningen och spara bandbredd, försök sedan använda dessa tekniker eftersom vi också framgångsrikt kan få önskade resultat tidigare.
du kanske också är intresserad av följande relaterade artiklar.
Känn dig fri att gå med oss och du är alltid välkommen att dela dina tankar som våra läsare kan hitta till hjälp.
glöm inte att prenumerera på vårt RSS-flöde och följ oss på Twitter — för senaste uppdateringar.
11 Tips för att minska serverbelastningen och spara bandbredd
01. Använd CSS-Text istället för bilder
bilder gör dina webbsidor långsammare och förbrukar mycket bandbredd på din server. Istället för att använda en bakgrundsbild, använd CSS-koden. Om du till exempel vill använda vanlig röd bakgrund på din webbplats använder du CSS-kod bakgrundsfärg:#F00 istället för en röd-bg.jpg. Med CSS kan du ställa in bakgrundsfärgen eller bakgrundsbilden för alla CSS-element.
dessa är en trevlig handledning om CSS-Tricks.com om hur klokt Du kan använda dina bakgrundsbilder för att minska serverbelastningen.
02. Optimera dina bilder
mer än hälften av bandbredden på de flesta webbplatser används av bilder och optimering av bilder är det bästa sättet att förbättra bandbredden som används på din webbserver. Optimera dina bilder för internet och krympa deras storlekar också, Använd aldrig bitmappsfiler (.bmp) eftersom de är enorma (mestadels i MBs). Du bör använda jpeg (.jpg) eller gif (.gif) filer för bilder eftersom dessa är optimerade för internet. En bra tumregel är att sträva efter att ingen bild är större än 10 Kb. Det här är särskilt svårt med animationer, men om du kan göra det kommer du att märka en anmärkningsvärd skillnad i bandbredd som används av din server. Det finns olika bildkonverteringsprogram / mjukvaror tillgängliga över hela internet och det finns olika optimeringsprogram också, se till att få ett optimeringsprogram som kommer att kunna behålla bildkvaliteten samtidigt drastiskt minska dess storlek.
om du använder Photoshop kan du komprimera dina bilder med ’Spara för Web & enheter’ (Alt+Shift+Ctrl+S) för att optimera det för minimal bandbredd. När du har en bild med massor av färger, bör du gå för JPEG eller PNG. Leka med kvaliteten för att ändra filstorleken.
kolla in den sjunde Georgia Tech GVU WWW-undersökningen som citeras i”hur mycket är för mycket”.
03. Komprimera din CSS genom stenografi CSS egenskaper
CSS-filer kan vara ganska stora, med massor av värdelösa raster och mellanslag. CSS stenografi egenskaper är bra! De är ett bra sätt att minska mängden kod som finns i ett CSS-dokument, vilket möjliggör snabbare nedladdningstider och enklare redigering. Till exempel kan du använda
marginal: 2px 1px 3px 4px (topp, höger, botten, vänster)
…istället för
marginal-topp: 2px;
marginal-höger: 1px;
marginal-botten: 3px;
marginal-vänster: 4px
det finns en cool artikel skriven av webcredible.co.uk om CSS stenografi egenskaper.
du kan också använda CSS-kompressorn från arantius.com för att minska storleken på CSS-fil och onödiga raster och mellanslag.
04. Ta bort onödig HTML-kod, taggar och vita mellanslag
du kan komprimera din sidstorlek genom att ta bort onödigt vitt utrymme i dina HTML-filer även ta bort kommentarer (om inte absolut nödvändigt) eftersom varje extra charecter betyder extra sidstorlek. Oavsett om du använder visuella HTML-redigerare eller anteckningsblock innehåller din HTML-kod onödiga saker: onödiga mellanslag, returer, metataggar, standardvärden i HTML-element etc. De kommer att göra dina webbsidor större, utan att tjäna något verkligt syfte. Större webbsidor tar längre tid att ladda, ökar datatrafiken på din webbserver och slösar bort dyrbar bandbredd.
Wordoff är enkelt och användbart webbverktyg som låter dig ta bort onödiga taggar och stilar från HTML-kod. De flesta av oss måste städa upp HTML-koden manuellt i vårt arbetsliv. Detta webbverktyg definitivt hjälpa oss alla i den situationen och du hittar också detta värt bookmarking.
05. Använd Ajax-och JavaScript-bibliotek
AJAX är en teknik för en webbsida att kommunicera med en server med JavaScript utan att ladda om sidan. I allmänhet består relaterade sidor på en webbplats av mycket innehåll som är vanligt mellan dem. Med traditionella metoder måste innehållet laddas om på varje begäran. Men med hjälp av Ajax kan en webbapplikation bara begära det innehåll som behöver uppdateras, vilket drastiskt minskar bandbreddsanvändningen och laddningstiden.
om du vill läsa mer om tekniker som du kan använda för att spara din bandbredd genom att dra nytta av Googles AJAX Libraries API, perishablepress.com publicerade en artikel om detta ämne.
06. Inaktivera fil Hotlinks
Hot Linking term länkar bilder eller nedladdningar från din webbplats till andra webbplatser. I grund och botten bilderna är på din webbplats och andra webbplatser bara länkar bildtaggar till din webbplats, därmed stjäla din bandbredd. Om människor ’hotlinking’ till dina bildfiler, de använder din bandbredd som du i slutändan kommer att betala för.
du kan stoppa detta från att hända genom att placera en ’.htaccess ’ fil i mappen där dina bilder lagras. Detta tillåter bara förfrågningar från dina egna sidor att visa bilderna – alla som länkar till dem utanför din webbplats, eller vilken webbplats du väljer, kommer att ha ’red x’ istället för bilden.
RewriteEngine på
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER}! ^http (s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg|jpg / gif / png)$ –
altlab.com skrev en trevlig handledning för att förhindra hotlinking använder .htaccess-fil.
du kan också använda .htaccess generator för att inaktivera hotlinking tillhandahålls av HTMLBasix.
07. Komprimera din HTML och PHP med GZip
precis som CSS kan din HTML innehålla många blanksteg och värdelösa raster. Om du använder PHP kan du använda mod_gzip för Apache för att komprimera ditt innehåll. Mod_gzip är en modul för apache (finns på både windows och Unix/Linux versioner av apache) som kan avsevärt sänka storleken på en webbsida i farten, när det begärs av en webbläsare som kan förstå komprimerat innehåll (nästan alla moderna webbläsare stöder komprimering). Kom ihåg att det fantastiska är att komprimeringen på servern endast aktiveras om webbläsarna begär komprimerat innehåll, om webbläsaren inte förstår komprimerat innehåll eller inte begär det, servrar servern helt enkelt vanligt, okomprimerat innehåll!
det enklaste sättet är att använda a .htaccess-fil. Jag skulle rekommendera att använda .htaccess metod eftersom det är mycket enkelt att genomföra och genom .htaccess-fil du kan ytterligare konfigurera serverkonfigurationer. Nu för att aktivera gzip komprimering lägga till följande rad till din .htaccess-fil.
php_value output_handler ob_gzhandler
eller i Du kan infoga ordning för att PHP-komprimeringen ska fungera, bör du infoga följande rad i rubriken på dina webbsidor, högst upp på din sida:
< ? ob_start (”ob_gzhandler”);?>
webcodingtech.com skrev en handledning om hur man aktiverar gzip-komprimering.
08. Använd gratis bilder / fil webbhotell webbplats för att vara värd för dina filer
om du vill dela (stora) filer och inte låta din bandbredd effekt av det, värd filen på fri eller betald Bild/fil hosting webbplatser som Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com och megaupload.com. värd filen och placera nedladdningslänken på din egen blogg eller webbplats. Detta sparar en enorm mängd bandbredd på din server. Innan du gör detta, dock, se till att du tillåts av din tjänsteleverantör att göra det.
09. Undvik bilagor när det är möjligt
om filen du ska vara värd på din server kan hittas någon annanstans på nätet, är det kanske bättre att använda länken till den platsen istället för att vara värd för en kopia av själva filen på din server. Det kommer utan tvekan att kosta dig extra bandbredd men också öka serverbelastningen. Om inget annat kommer det att spara lite tid eftersom du inte behöver ladda upp filen på ditt system.
10. Webbplats Caching
Caching är en metod för att hämta data från en färdig lagring (cache) istället för att använda resurser för att generera den varje gång samma information behövs. Aktivera cachning på din webbplats om den inte är dynamisk, gör det möjligt för slutanvändarens dator att läsa från din server då och då, resten av tiden kommer den att läsa från sina egna säkerhetskopior tills de löper ut. En annan bra ide är att cacha din webbplats, men du kanske vill ställa in ett utgångsdatum i HTTP-rubrikerna så utgå rubriker berätta för webbläsaren hur länge det ska hålla innehållet i cachen. De flesta av bilderna på din webbplats ändras aldrig och det är bra att hålla dem cachade lokalt.
Caching med mod_headers
# 1 år
< filesmatch”\.(flv / ICO / pdf / AVI / mov / PPT / doc / mp3 / wmv / wav)$”=””>
Header set Cache-kontroll ”max-age = 29030400, Offentlig”
< / filesmatch>
# 1 vecka
< filesmatch”\.(jpg|jpeg / png / gif / swf)$”=””>
Header set Cache-kontroll ”max-age = 604800, Offentlig”
< / filesmatch>
# 3 timme
< filesmatch”\.(TXT / xml / JS / css)$”=””>
Header set Cache-kontroll ”max-ålder=10800”
</filesmatch>
# CACHE aldrig
<filesmatch ”\.(html|htm|php|cgi|pl)$”=””>
Header set Cache-Control ”max-age=0, private, no-store, no-cache, must-revalidate”
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch ”\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch ”\.(jpg|jpeg|png|gif|swf)$”=””>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch ”\.(TXT / xml / JS / css)$”=””>
ExpiresDefault A10800 ”
< / filesmatch>
11. Cache RSS-flöden
RSS eller Really Simple Syndication, som det är allmänt känt, är en teknik som ger webbansvariga möjlighet att enkelt distribuera och publicera syndikerat innehåll på Internet. När flödet är Cachat kommer det att läsas från den lokala hårddisken under en viss tid. När den angivna tiden har löpt ut hämtas RSS-flödet igen. Detta gör att innehållet i RSS-flödet som visas för att förbli aktuell, samtidigt påskynda hela processen. Cache RSS-flöden minska bandbredd. Bandbredden minskar eftersom webbservern inte behöver hämta samma RSS-flöde upprepade gånger från din server.
slutsats
om du vill göra en hög trafik webbplats, blogg eller bildgalleri, sedan inte bara relä på ditt webbhotell men spendera lite mer tid att optimera din webbplats och server. För om du inte gör det kommer du snart att leta efter ett nytt och större webbhotell för din webbplats. Även om det alltid rekommenderas att använda en bra och snabb värd men att tillämpa dessa tekniker sparar du mycket serverbelastning och bandbredd på nolltid.
Vi Missade Något?
har du några fler bandbreddsbesparande tekniker som inte finns på den här listan? Dela gärna dem med våra läsare.