Snížení požadavků na šířku pásma vašeho webu

• Smět 5, 2024

Úspěch může zabít. Je to maximum, na které by měli mít všichni webmasteři na paměti.

V tomto věku okamžité komunikace se může webová stránka, která se stává populárnější („stává se virovou“ v internetovém mluvení), objevovat v návštěvnících. Pro většinu majitelů webových stránek se jedná o sen… dokud se nesnaží bojovat, aby udrželi server pod lavinou hitů, nebo až nakonec skončí házením peněz na svých webhostingových společnostech v zběsilé nabídce na zvýšení šířky pásma webu.

Trochu předběžného plánování může vydělat bodnutí z vaší potenciální náhlé popularity a vaše každodenní náklady na hostování se mohou snížit na minimum.

Chcete-li začít, podívejte se na obrázky svého webu. Na typickém webu jsou obrazové soubory zodpovědné za velkou většinu spotřeby šířky pásma.

Nejlepší metodou pro snížení využití šířky pásma obrazu je úplné vyřazení z vašeho webu. To neznamená převod vašeho webu pouze na text; Znamená to, že můžete využít levného (příležitostně bezplatného) webu pro sdílení obrázků k hostování obrázků pro vás. Než se pustíte do nějaké služby, vyzkoušejte ji v malém měřítku a poté se podívejte na svůj web z různých míst; některé brány firewall automaticky blokují obrázky z oblíbených webů pro sdílení, zejména pokud vaši návštěvníci procházejí web z kancelářských počítačů.

Používáte HTML k zobrazení obrázků menších, než ve skutečnosti jsou? Pro webové designéry je to velká ne-ne, protože vaši návštěvníci při každé návštěvě načtou do svých prohlížečů celý obrázek (ve své skutečné velikosti), přičemž využívají mnohem větší šířku pásma, než jak stránka potřebuje. Místo toho použijte program pro úpravu obrázků k oříznutí a zmenšení obrázku tak, aby odpovídal rozvržení stránky.

Možná také zjistíte, že můžete ukládat obrázky s nižším rozlišením, aniž by to zhoršovalo jejich vzhled, zejména pokud jsou poměrně malé. Vyšší rozlišení znamená více detailů nahromaděných do každého pixelu, a tedy větší šířka pásma používá k načtení všech těchto informací do prohlížeče.

Dalším způsobem, jak zabránit tomu, aby obrázky upíraly vaši šířku pásma, je jejich odstranění ve prospěch textu navrženého CSS. Tato technika funguje dobře s tlačítky a jinými ozdobnými odkazy, protože s barvami pozadí, ohraničeními a pseudotřídou: hover můžete docela dobře. Nalaďte se později na nadcházející sérii o tom, jak rozvíjet interaktivní nabídky pomocí CSS a HTML.

Nyní, když máte své obrázky na druhou, je čas zpřísnit váš text. Často můžete ze svého kódu HTML odstranit některé další mezery. Prázdné řádky mezi částmi kódu mohou zlepšit čitelnost, ale pokud máte tucet návratů mezi značkou těla a prvním řádkem kódu, trochu to přeháníte.

Pokud je to možné, použijte externí soubory pro JavaScript a CSS. Jakmile návštěvník soubor stáhne spolu s první stránkou, kterou navštíví, zůstane tento soubor v mezipaměti prohlížeče při prozkoumání vašeho webu - na rozdíl od načtení kódu znovu u každé stránky, což se děje s vloženým nebo hlavičkovým kódem.

Pokud hostujete svůj vlastní web, komprese HTTP vám může ušetřit velkou šířku pásma. Funguje to tak, že komprimovanou verzi své webové stránky uložíte do dočasného adresáře, který je poté zobrazen všem návštěvníkům pomocí prohlížeče s podporou komprese. Nastavení serveru můžete upravit tak, aby komprimovalo statické stránky, aplikace nebo obojí.

Z zpřísnění webu pomůže chránit vás před náporem návštěvníků, útoky odmítnutí služeb nebo jednoduše omezí náklady na hostování na minimum. A nezapomeňte, můžete si odpočinout s vědomím, že váš web je úhledně a přehledně kódován, aby poskytoval maximální množství obsahu v nejrychlejším možném čase.

Video Návody: How to set up Custom Metrics (5:36) (Smět 2024).