InstantShift-Web návrháři a vývojáři denní zdroj.
v neustále rostoucím prostředí je důležité, aby server hrál svou zodpovědnou roli podle potřeby. Existují však některé špičkové časy, kdy se váš server vzdá nebo překročíte požadovaný limit šířky pásma. Server může být havarován desítkami důvodů, přičemž každý důvod má několik možností, přičemž každá možnost má desítky řešení. To by mohlo způsobit obrovské množství zmatku pro malou skupinu vývojářů.
jedna věc, kterou jsme si všimli při správě několika webových stránek – v mnoha případech nejsou nejrychlejšími weby na webu. I když většina z toho může být způsobena konfigurací hostitelského serveru, některé problémy s výkonem jsou způsobeny věcmi, které můžete ovládat.
v tomto článku představujeme nejlepší tipy, jak snížit zatížení serveru a ušetřit šířku pásma pro vaše rostoucí webové stránky.
existuje mnoho důvodů, kterými můžete čelit prostojům webových stránek. Může to být způsobeno stavem hostitelského serveru (například pokud se jedná o sdílený server, ostatní webové stránky běžící na stejném serveru určitě zpomalí) nebo konfigurace vašeho webu nebo možná kvůli vašemu kódu. Je důležité hrát na jistotu.
existuje jen málo věcí, které musíte mít na paměti, než prozkoumáte tyto tipy, že mnohokrát je možné, že několik z uvedených tipů nefunguje pro váš konkrétní web, což neznamená,že nebude fungovat s žádným jiným z vašich projektů.
také jako osobní doporučení, Pokud hledáte nějaké tradiční tipy pro snížení zatížení serveru a úsporu šířky pásma, zkuste tyto techniky využít, protože jsme také úspěšně dosáhli požadovaných výsledků v minulosti.
možná vás budou zajímat i následující související články.
neváhejte se k nám připojit a jste vždy vítáni, abyste se podělili o své myšlenky, které mohou naši čtenáři najít užitečné.
nezapomeňte se přihlásit k odběru našeho RSS kanálu a sledujte nás na Twitteru-pro nejnovější aktualizace.
11 Tipy pro snížení zatížení serveru a úsporu šířky pásma
01. Použijte CSS Text namísto obrázků
obrázky zpomalují vaše webové stránky a spotřebovávají velkou šířku pásma vašeho serveru. Místo použití obrázku na pozadí použijte kód CSS. Například pokud chcete na svém webu použít obyčejné červené pozadí, použijte CSS kód background-color:#F00 místo red-bg.jpg. Pomocí CSS můžete nastavit barvu pozadí nebo obrázek na pozadí libovolného prvku CSS.
to je pěkný návod na CSS-Tricks.com o tom, jak moudře můžete použít obrázky na pozadí ke snížení zatížení serveru.
02. Optimalizace obrázků
více než polovina šířky pásma na většině webových stránek používá obrázky a optimalizace obrázků je nejlepší způsob, jak zlepšit šířku pásma používanou na vašem webovém serveru. Optimalizujte své obrázky pro internet a zmenšujte také jejich velikosti, nikdy nepoužívejte bitmapové soubory (.bmp), protože jsou obrovské (většinou v MBs). Měli byste použít jpeg (.jpg) nebo gif (.gif) soubory pro obrázky, protože jsou optimalizovány pro internet. Dobrým pravidlem je usilovat o to, aby žádný obrázek nebyl větší než 10 Kb. To je obzvláště těžké s animacemi, ale pokud to dokážete, všimnete si pozoruhodného rozdílu v šířce pásma používaném na vašem serveru. Existují různé programy pro konverzi obrázků / software k dispozici po celém internetu a existují různé optimalizační programy taky, ujistěte se, že si optimalizační program, který bude schopen udržet kvalitu obrazu a zároveň drasticky snížit jeho velikost.
pokud používáte Photoshop, použití může komprimovat obrázky pomocí možnosti „Uložit pro Web & zařízení“ (Alt+Shift+Ctrl+S) pro optimalizaci pro minimální šířku pásma. Pokud máte obrázek se spoustou barev, měli byste jít na JPEG nebo PNG. Hrajte si s kvalitou a změňte velikost souboru.
podívejte se na sedmý průzkum Georgia Tech GVU WWW, jak je uvedeno v „kolik je příliš mnoho“.
03. Komprimujte CSS zkratkou CSS vlastnosti
CSS soubory mohou být docela velké, se spoustou zbytečných přestávek a mezer. Vlastnosti CSS zkratky jsou skvělé! Jsou to skvělý způsob, jak snížit množství kódu obsaženého v dokumentu CSS, což umožňuje rychlejší stahování a snadnější úpravy. Můžete například použít
okraj: 2px 1px 3px 4px (horní, pravý, dolní, levý)
…místo
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
je skvělý článek napsaný webcredible.co.uk o vlastnostech zkratky CSS.
můžete také použít CSS kompresor z arantius.com Chcete-li snížit velikost souboru CSS a zbytečné přestávky a mezery.
04. Odstraňte nepotřebné HTML kód, značky a bílé mezery
můžete komprimuje velikost stránky tím, že odstraní zbytečné prázdné místo v souborech HTML dokonce odstranit komentáře (pokud to není nezbytně nutné), protože každý další charecter znamená další velikost stránky. Ať už používáte vizuální HTML editory nebo poznámkový blok, váš HTML kód obsahuje zbytečné věci: nepotřebné mezery, návraty, metaznačky, výchozí hodnoty v prvcích HTML atd. Zvětší vaše webové stránky, aniž by sloužily skutečnému účelu. Načítání větších webových stránek trvá déle, zvyšuje datový provoz Vašeho webového serveru a ztrácí drahocennou šířku pásma.
Wordoff je jednoduchý a užitečný webový nástroj, který vám umožní odstranit nepotřebné značky a styly z HTML kódu. Většina z nás musí v našem pracovním životě ručně vyčistit HTML kód. Tento webový nástroj rozhodně pomůže nám všem v této situaci a také to stojí za bookmarking.
05. Použití AJAX a JavaScript knihovny
AJAX je technologie pro webové stránky komunikovat se serverem pomocí JavaScriptu bez opětovného načtení stránky. Obecně platí, že související stránky na webu obsahují mnoho obsahu, který je mezi nimi běžný. Při použití tradičních metod by tento obsah musel být znovu načten na každou žádost. Při použití Ajaxu však může webová aplikace požadovat pouze obsah, který je třeba aktualizovat, čímž drasticky snižuje využití šířky pásma a dobu načítání.
pokud si chcete přečíst další informace o technikách, které můžete použít k uložení šířky pásma pomocí využití rozhraní API AJAX knihovny Google, perishablepress.com publikoval článek na toto téma.
06. Zakázat soubor Hotlinks
Hot Linking term je propojení obrázků nebo stahování z vašich webových stránek na jiné webové stránky. Obrázky jsou v podstatě na vašem webu a na jiných webech pouze odkazují na značky obrázků na váš web, a proto kradou vaši šířku pásma. Pokud lidé „hotlinkují“ na vaše obrazové soubory, používají vaši šířku pásma, za kterou nakonec zaplatíte.
můžete tomu zabránit umístěním‘.soubor htaccess ‚ ve složce, kde jsou uloženy vaše obrázky. To umožní zobrazení obrázků pouze žádostem z vašich vlastních stránek-Každý, kdo na ně odkazuje mimo váš web nebo jakýkoli web, který si vyberete, bude mít místo obrázku „červené x“.
RewriteEngine na
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER}! ^http (s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg / jpg / gif / png)$ –
altlab.com napsal pěkný návod, aby se zabránilo hotlinking pomocí .soubor htaccess.
můžete také použít .htaccess generátor zakázat hotlinking poskytované HTMLBasix.
07. Komprimujte HTML a PHP pomocí gzip
stejně jako CSS může váš HTML obsahovat spoustu mezer a zbytečných přestávek. Pokud používáte PHP, můžete ke kompresi obsahu použít mod_gzip pro Apache. Mod_gzip je modul pro apache (existující ve verzích apache pro windows i Unix/Linux), který může výrazně snížit velikost webové stránky za běhu, když je požadován prohlížečem, který dokáže porozumět komprimovanému obsahu(téměř všechny moderní prohlížeče podporují kompresi). Nezapomeňte, že skvělá věc je, že komprese na Serveru je aktivována pouze v případě, že prohlížeče požadují komprimovaný obsah, v případě, že prohlížeč nerozumí komprimovanému obsahu nebo o něj nepožaduje, server jednoduše servery prostý, nekomprimovaný obsah!
nejjednodušší je způsob, jak je pomocí .soubor htaccess. Doporučil bych použití .htaccess metoda, protože je to velmi jednoduché implementovat a .htaccess soubor můžete dále konfigurovat konfigurace serveru. Nyní chcete-li povolit kompresi gzip, přidejte do svého následující řádek .soubor htaccess.
php_value output_handler ob_gzhandler
nebo můžete vložit příkaz, aby komprese PHP fungovala, měli byste vložit následující řádek do záhlaví vašich webových stránek, nahoře na vaší stránce:
< ? ob_start(„ob_gzhandler“);?>
webcodingtech.com napsal návod, jak povolit kompresi gzip.
08. Použijte zdarma Obrázky / soubor webhosting webové stránky hostit soubory
Chcete-li sdílet (velké) soubory a nenechat tím svůj efekt šířky pásma, hostujte soubor na bezplatných nebo placených webech pro hostování obrázků/souborů, jako jsou Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com a megaupload.com. hostujte soubor a umístěte odkaz ke stažení na svůj vlastní blog nebo web. Tím se na vašem serveru ušetří obrovské množství šířky pásma. Než tak učiníte, ujistěte se však, že vám to poskytovatel služeb povolí.
09. Vyhněte se přílohám, kdykoli je to možné
pokud se soubor, který se chystáte hostovat na vašem serveru, nachází jinde v síti, možná je lepší použít odkaz na toto místo, než hostovat kopii samotného souboru na vašem serveru. Bude to bezpochyby stát další šířku pásma, ale také zvýšit zatížení serveru. Pokud nic jiného, ušetří vám to nějaký čas, protože do systému nemusíte nahrávat soubor.
10. Ukládání do mezipaměti webových stránek
Caching je metoda načítání dat z připraveného úložiště (mezipaměti) namísto použití zdrojů k jeho generování pokaždé, když jsou potřebné stejné informace. Povolit ukládání do mezipaměti na vašem webu, pokud to není dynamické, umožní koncovým uživatelům počítač číst ze serveru jednou za čas, zbytek časů bude číst z vlastních záložních kopií, dokud nevyprší. Dalším dobrým nápadem je mezipaměť vašeho webu, ale možná budete chtít nastavit datum vypršení platnosti v hlavičkách HTTP, takže vyprší záhlaví řekněte prohlížeči, Jak dlouho by měl obsah uchovávat v mezipaměti. Většina obrázků na vašem webu se nikdy nezmění a je dobré nechat je lokálně ukládat do mezipaměti.
ukládání do mezipaměti s mod_headers
# 1 rok
<soubormatch“\.(flv|ico|pdf|avi|mov|ppt|doc / mp3 / wmv / wav)$“=““>
Header set Cache-Control „max-age=29030400, public“
< / filesmatch>
# 1 týden
<souborový zápas“\.(jpg / jpeg|png / gif|swf)$“=““>
Header set Cache-Control „max-age=604800, public“
< / filesmatch>
# 3 hodina
<souborový zápas“\.(txt / xml / JS / css)$“=““>
Header set Cache-Control „max-age=10800“
</filesmatch>
# nikdy CACHE
<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 kanály
RSS nebo opravdu jednoduché syndikace, jak je obecně známo, je technologie, která dává webmasterům možnost snadno distribuovat a publikovat syndikovaný obsah na internetu. Jakmile je zdroj uložen do mezipaměti, bude po určitou dobu čten z místního pevného disku. Po uplynutí stanovené doby bude RSS kanál znovu načten. To umožňuje, aby obsah zobrazovaného kanálu RSS zůstal aktuální a zároveň urychlil celý proces. Vyrovnávací RSS kanály snižují využití šířky pásma. Šířka pásma je snížena, protože webový server nemusí opakovaně načíst stejný RSS kanál z vašeho serveru.
závěr
pokud chcete vytvořit webové stránky, blog nebo galerii obrázků s vysokou návštěvností, nepoužívejte pouze přenos na webhostingu, ale věnujte trochu více času optimalizaci svých webových stránek a serveru. Protože pokud tak neučiníte, budete brzy hledat nový a větší webhosting pro svůj web. I když je vždy doporučeno používat dobrý a rychlý hostitel, ale použití těchto technik vám ušetří spoustu zatížení serveru a šířky pásma v žádném okamžiku.
Něco Nám Uniklo?
máte nějaké další techniky ukládání šířky pásma, které nejsou na tomto seznamu? Neváhejte se o ně podělit s našimi čtenáři.