it-swarm-eu.dev

existuje nějaký předpínač webové stránky?

Našel jsem preloader pro flash | swf soubory, preloader a líný zavaděč pro obrázky. Ale nic pro celou webovou stránku.

Některé weby, například moje, mají velkou hlavičku a zápatí. Potřebuji na to nějaký předpínač. Prosím navrhni.

3
Amit Kumar Gupta

Chcete předem načíst kompletní webovou stránku? Chlapče, mám pro vás dokonalé řešení!

Firefox podporuje předběžné načtení odkaz a je součástí HTML 5, což znamená, že ho v nadcházejících měsících bude podporovat více prohlížečů.

Stačí vložit něco podobného do sekce <head> dokumentu HTML:

<link rel="prefetch" href="http://url.goes.here/" />
<link rel="prefetch" href="http://url.goes.here/images_work_too.jpg" />

Přečtěte si o tom více zde:

3
Anirvan

Nejsem si jistý, co tím myslíš předpínacím zařízením. Na stránku nemůžete načíst nic, než na ni přejdete, ledaže se jedná o něco, co se opakovaně používá na stránce, která již byla zasažena nebo je načtena na předchozí stránku v očekávání (není to dobrý nápad).

Můžete použít JavaScript k línému načtení záhlaví a zápatí načtením záhlaví a zápatí do všech prázdných značek, které mají ID, a poté je načíst později pomocí JavaScriptu. Obecně bych to nenavrhoval, protože to přidává spoustu práce navíc a může vaši stránku zvětšit. Budete mít navíc JavaScript a opravdu jste nic nezískali.

Navrhuji jen líné načítání obrázků pomocí JavaScriptu, protože se zdají být hlavní částí vaší stránky. Vyzkoušejte také svou stránku v aplikaci Fire Fox a nainstalujte Firebug a YSlow. To vám pomůže zjistit, proč je vaše stránka pomalejší.

Zde je několik věcí, které jsem si všiml konkrétně a které můžete udělat hned:

  1. Kombinujte a minifikujte své soubory CSS. Nyní máte 6. Pro každý načtený soubor máte režii.
  2. K mezipaměti obrázků používaných na vašem webu použijte mezipaměť prohlížeče. Tímto způsobem budou mít lidé pouze 1 stránku načítání pomalu pro ně. Poté budou obrázky staženy z mezipaměti.
  3. Určete šířku a výšku všech svých obrázků. Tím se sníží doba načítání.
  4. Minifikujte svůj html
  5. Minifikujte své obrázky. Jsou o 11% větší, než je třeba.
  6. Vložte obrázky do domény bez kuchařů, aby se načítaly rychleji.
  7. Sprite menší obrázky, které používáte znovu a znovu. Tím se sníží počet volání HTTP vyžadovaných pro načtení každé stránky.

Konečně další věc, která vám může pomoci, je ukládání do mezipaměti na serveru. Pokud váš web obsahuje mnoho databázových dotazů na obsah, který se málokdy nebo nikdy nezmění, mezipaměť výsledky dotazů v mezipaměti vašich serverů. Tím se zkrátí doba zpracování serveru. Společnosti jako Facebook to dělají tak, že 99% jejich obsahu je v mezipaměti serveru.

6
Ben Hoffman

Vaše záhlaví a zápatí jsou velmi velké, celkem 202 KB. Pokud při ukládání obrázků snížíte parametr kvality JPEG, můžete to pravděpodobně dosáhnout až na 150 KB nebo dokonce 100 KB bez znatelné ztráty kvality.

Další možností je rozdělit záhlaví na dvě části, jednu s podrobnou grafikou, jako jsou kostky stříkající ve vodě, a druhou s bloky „plné barvy“. Uložte druhou část jako PNG a můžete tam ušetřit. Pokud je to možné, zmenšete na 256 barev (téměř s jistotou to můžete udělat pomocí zápatí).

Také jsem si všiml, že záhlaví/zápatí byly obsluhovány jako application/octet-stream. (Pokud otevřete obrázek přímo budete vyzváni ke stažení.) Nevím, jestli to dělá rozdíl, ale já bych použít zkuste použít vhodné typy obrázků mime jako image/jpeg . Je možné, že prohlížeč stahuje celý soubor, než přesně ví, o jaký typ jde.

Pokud to všechno nepomůže, můžete použít trik Javascript k načtení obrázků jako poslední. Přesuňte pravidla CSS pro obrázky na pozadí do dvou samostatných tříd CSS, ale nepřidávejte je do HTML. (Nyní, když se stránka načte, obrázky se nezobrazí.) Pomocí Javascriptu přidejte tyto třídy po načtení stránky.

1
DisgruntledGoat