Proč jsem se zbavil svého Sig Snědl jsem vránu a koupil jsem Glocka

Jak zvýšíte rychlost načítání svých webových stránek, aniž byste zabili design a přístupnost? Komprese souborů, CDN, Gzip? Jaké jsou k tomu nejlepší nástroje?

Například Google optimalizoval jejich web, aniž by to ohrozilo design. Mnoho webových stránek také může zabít čistotu svých obrázků kompresí.

Existuje způsob, více či méně nejlepší praxe, jak zvýšit rychlost bez kompromisu v designu a přístupnosti?

Poznámka: omlouvám se za to, že jsem tak vágní, ale nevím, jak jinak vyjádřit tuto otázku.

  • Možný duplikát webmasters.stackexchange.com/questions/569/… a webmasters.stackexchange.com/questions/321/… a webmasters.stackexchange.com/questions/13/…
  • Nejsem si jistý, zda se jedná o duplikát, ale otázka je tak vágní, že nemá smysl.

Gzip je pravděpodobně ta nejdrastičtější věc, kterou můžete udělat.
Zajištění minimalizace všech souborů CSS a JS pomáhá. zkontrolujte, zda nenačítáte knihovny js nebo css, které nepotřebujete. Většina uživatelů je bude ukládat do mezipaměti, takže po první stránce to není tak důležité.

Kromě toho se ujistěte, že ukládání do mezipaměti funguje správně, například nerespektovat stránku pro každý požadavek, který není nutné znovu analyzovat. pokud je to stejně nutné

  • 1 Jaké nástroje k tomu používáte?
  • Při používání Gzip je třeba mít na paměti jednu věc, která může trochu zvýšit latenci, takže pokud jste skutečným problémem, je to, že máte mnoho jednotlivých souborů, které se načítají, což může v oddělení latence trochu zhoršit situaci.

Téměř všechny osvědčené postupy Yahoo lze implementovat, aniž byste se jakkoli dotkli designu stránek. Minimalizujte požadavky HTTP spojením všech CSS do jednoho souboru a všech JS do jednoho souboru. Použijte Gzip. Nastavit dobré Vyprší záhlaví.

Tato pravidla by mohla ovlivnit design:

  • Snižte počet prvků DOM - stojí za to se podívat, měli byste být schopni zmenšit velikost HTML při zachování stejného designu.
  • Minimalizujte počet prvků iframe - pravděpodobně je nejlepší se jim stejně vyhnout, kdykoli je to možné.
  • Optimalizace obrázků - pokud je to možné, měli byste optimalizovat obrázky, ale nepřehánějte to na úkor svého designu.

Více než pouhou minifikaci CSS / JS je kombinujte do jednoho souboru pro každý formát, jak jen můžete. Čím méně stahování, tím lépe. Pokud to není možné, přesuňte je do jiných doménových jmen, buď hostovaných na stejném serveru, nebo na CDN.

Gzip, jak bylo řečeno, je neuvěřitelně silný.

Přesuňte JS do spodní části dokumentu a ujistěte se, že všechny CSS jsou v head. Vyhněte se vloženým JS a CSS.

Vykradněte peklo ze všeho a pusťte se Expires záhlaví a značky ETag.

Používám ukládání do mezipaměti v ASP.NET a to může ušetřit spoustu času tím, že se vyhneme duplicitním voláním databáze, volání funkcí a dokonce i stránkám.

Rychlost stránky. Toto je plugin od Google pro FireBug. Pokud jej spustíte na svém webu, řekne vám, kde se musíte zlepšit. Většinou se řídí radami doporučenými v Yahoo's Best Practices, ale řekne vám, kde se musíte zlepšit.

Viděl jsem největší zlepšení rychlosti v zmenšení velikosti mých obrázků. K tomu můžete použít "Uložit pro web a zařízení" ve Photoshopu NEBO dalším dobrým programem pro Mac, který dokáže zmenšit vaše obrázky, je ImageOptim.

V duchu osvědčených postupů Yahoo (YBP) se možná budete chtít podívat na doplněk YSlow Firefox. Získáte rychlý přehled o tom, jak si web vede v souvislosti s YBP.

Napsal jsem podrobný článek o optimalizaci rychlosti, který by vám mohl pomoci.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

Pro statické soubory, jako je javascript, css a obrázky, použijte síť CDN. RackspaceCloud i Amazon mají poměrně levné.

  • Snižte počet požadavků HTTP na minimum - např. ujistěte se, že používáte obrazové skřítky, kde to dokážete, máte na každou stránku načítáno více souborů javascript nebo css? Spojte je do jednoho
  • Existují přesměrování, která můžete eliminovat?
  • Načtěte šablony stylů v horní části dokumentu, skript javascript dole
  • Pokud je váš web velký, poskytněte servery geograficky blízko vaší největší uživatelské základny.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?

užitečné informace