Vyjadrenie IT

Zahŕňať JavaScript je v spodnej časti dokumentu HTML

Ak nemáte document.write (alebo dynamické generovanie obsahu stránky pomocou Java Scripts) vložiť časť stránky obsahu vo svojich skriptoch, presuňte skript obsahovať vyhlásenie v dolnej časti stránky, pred koncom značky BODY.
HTTP/1.1 špecifikácia vyplýva, že prehliadače stiahnuť viac ako dva komponenty paralelne za hostname. Ak máte slúžiť svoje fotografie z rôznych hostiteľov, môžete získať viac ako dva stiahnutie nastať súčasne. Kým skript je sťahovanie, však prehliadač nemožno spustiť žiadne ďalšie sťahovania, a to aj na rôznych hostiteľov.
Tam sú tiež spôsoby, ako dynamicky sa Vytvoriť skript uzly a načítať vzdialené skripty po načítaní stránky pomocou AJAX.

Externalizovať vám JavaScript je

Použitie externých súborov JavaScript bude mať za následok rýchlejšie načítanie stránok, pretože JavaScript súbory vyrovnávacej pamäte prehliadača. Inline JavaScript je "v dokumentoch HTML si stiahnuť každom HTML dokumente sa požaduje. To by v skutočnosti mohli znížiť počet HTTP požiadaviek vyrobených ale následne sa zväčší veľkosť dokumentu HTML. Externý JavaScript je byť vyrovnávacej pamäte prehliadača, veľkosť dokumentu HTML je znížená bez zvýšenia počtu HTTP požiadaviek.
Vezmite prosím na vedomie, že ak užívatelia na svojich stránkach majú viac zobrazení stránky na zasadnutí a mnoho z vašich stránok znova použiť rovnaké skripty a štýly, tam je väčší potenciálny prínos z externých súborov uložených vo vyrovnávacej pamäti.

Zbaľte si súborov JavaScript

V prípade JavaScripty, na rozdiel od CSS, môže súbory drvené pomocou niektoré štandardné algoritmy, ktoré by dali zníženú veľkosť súboru než len odstránenie medzery alebo tabulátory. Príkladom javascript baliarne nájdete tu http://dean.edwards.name/packer/

Zbavte sa duplicitné skriptov

Je veľmi neobvyklé, že celé skripty môžu byť duplikované, ale prehľad desiatich najlepších amerických internetových stránok ukazuje, že dva z nich obsahujú duplicitné skript. Duplicitné skripty ale samozrejme znižuje výkon o vytváranie zbytočných HTTP požiadavky a zbytočne spúšťanie JavaScriptu.
Aj v mnohých prípadoch, aj keď dávkové názvy sú rôzne, existuje pravdepodobnosť duplicitných skriptov v rámci rovnakej stránke kvôli tímovej veľkosti a počtu skriptov.

Minimalizovať prístup DOM prvky kde je to možné

Prístup k DOM elementy pomocou JavaScriptu je pomaly tak, aby mala viac citlivejší stránku, mali by ste:
• Cache odkazy na prvky prístupné
• Update uzly "offline" a potom ich pridajte do stromu
• Vyhnite sa ktorým sa rozloženie pomocou JavaScriptu

Samostatné správanie od obsahu a prezentácie

Rovnako ako sme samostatné prezentácie (CSS / XSLT) od obsahu (XHTML / XML), mali by sme tiež oddeliť správanie (JavaScript). To sa nazýva nenápadný Javascript. Rovnako ako sme odkaz na externých CSS súborov, mali by sme sa odkaz na externých súborov JavaScript.

Miesto tvrdého kódovania správanie do obsahu (napr. onmouseover, onclick, atď), by správanie môže byť dynamicky pridávané do prvky, tried a unikátnych prvkov (IDS), pomocou DOM. Základný dokument, ktorého obsah by mal obsahovať iba platný XHTML / XML a žiadnu javascript.
Javascript musí rozšíriť pridaním obsahu správania. Obsah by mal aj naďalej užitočné a použiteľné bez JavaScriptu (alebo bez plnou podporou JavaScriptu).

Zachránil som tento článok veky staré, tak ľúto! I dont spomenúť na zdroj ... ale zdalo užitočné pre nás, ktorí si musia byť vedomí o publiku, pre ktoré vyvíjame miesto pre ... tak tu aj je

Stránka hmotnosti môže byť použitý na určenie čas sťahovania pre danú stránku na rôznych rýchlostiach pripojenia na Internet. Ako príklad, nasledujúcej tabuľke sú uvedené časy sťahovania pre tri rôzne stránky na niekoľkých populárnych rýchlosti pripojenia.

Výhody zníženie hmotnosti stránku?

Pozitívny vplyv na zníženie hmotnosti výhody, page ako majiteľom webových stránok a spotrebiteľa. Potenciálne výhody patrí:

1. Načítanie stránok rýchlejší. Najviditeľnejšie vplyvy znižovania hmotnosti je, že stránky vašich webových stránok stránky budú načítať rýchlejšie pre návštevníkov, bez ohľadu na ich rýchlosti pripojenia.
2. Nižší nahrávanie stránok vytvoriť pohodlnejšie návštevníkov. Návštevníci sú menej pravdepodobné, že sa frustrovaný a ísť inam, ak vaše stránky sa rýchlo sťahujú. Na druhej strane, pomalé načítanie stránok je jednou z najistejších spôsobov, ako stratiť návštevníkov a potenciálnych zákazníkov.
3. Rýchlejšie zaťaženie-krát prispeje k zvýšeniu konverzie. Ďalšie návštevníci zostať na vaše stránky dlhšie. Viac z nich skončí nákupy, prihlásenie sa k odberu spravodaja, alebo kniha značenie na vaše stránky.
4. Vaše vnímanie značky bude posilnená. Vracajúci sa zákazníci a návštevníci prvýkrát, rovnako budú mať väčšiu motiváciu k popisu svoje stránky (a obchod) ako "profesionálny", ak vaše stránky sa rýchlo sťahujú.
5. Stránky s čistým, pevným kódom bude často byť indexované efektívnejšie prírodné vyhľadávačov.
6. Stránky sú optimalizované pre váha môže skutočne ušetriť na šírku pásma poplatky za vysokým prevádzkou stránok. 100.000 strán každý o hmotnosti 150 Kb bude vyžadovať dvojnásobok šírky pásma od vášho ISP ako 100.000 stránok každej váhovej 75 Kb. Pre ISP, ktoré účtujú na šírku pásma používané alebo akékoľvek predávkovanie, môže toto zníženie malo významné úspory šírky pásma poplatkov.

Zvážte nasledovné údaje zverejnené v správe

Dajte štýly na začiatok

Ak chcete stránku načítať postupne, to znamená, chceme, aby prehliadač zobrazí obsah bez ohľadu na to má, akonáhle je to možné, dať CSS v hornej časti stránky vo vnútri dokumentu HEAD. Tým stránky sa zdajú byť rýchlejšie načítanie, pretože to uľahčuje postupné vykresľovanie stránky. To je dôležité najmä pre stránky s množstvom obsahu a pre užívateľa na pomalšom pripojení k Internetu.

Je zdokumentované, že pre celkové zlepšenie užívateľského prostredia, je dôležité, aby indikátory a vizuálnej spätnej väzby. Aby sa predišlo nutnosti prekreslenie prvkov na stránke, v prípade, ak ich štýly sa menia, niektoré prehliadače vrátane IE, bloky stvárnenie stránky, kým CSS je úplne zaplnený. Pretože toto, používateľ uvidí prázdna biela stránka.

V W3 HTML špecifikácie "ďalej uvádza, že CSS je mi zahrnúť do HEAD časti stránky HTML. at the bottom of the page, so it's best not to use it. Tiež si všimnite, že v IE @import sa chová rovnako ako pri použití <link> v dolnej časti stránky, takže je to najlepšie, aby ju používať.

Vyhnite sa použitie prehliadača špecifiká

Filtre: Použitie filtra zvyšuje spotrebu pamäte a aplikuje sa na prvok, a to za snímku, takže je problém sa násobí. Tiež Filtre sú IE Vlastné, bude teda fungovať podľa plánu v iných prehliadačoch. Ak chcete priehľadné pozadie alebo prechod, použite 1Pixel s obrázkami.
Výrazy: CSS výrazy sú pekná vlastnosť mať v CSS, ale stále je IE špecifické funkcie. Tiež je dôležité si uvedomiť, že tieto výrazy sú hodnotené, ak je stránka vydanie a veľkosť, posúvať a dokonca aj keď používateľ presunie kurzor myši na stránke. Netreba hovoriť, že by to mohlo ovplyvniť výkon vašej stránky. Preto v jednoduchých slov, nepoužívajte CSS výrazy, ak si myslíte, ich klady "váži viac ako jeho cons"

Externalizovať vám CSS

Pomocou externého CSS bude mať za následok rýchlejšie načítanie stránky, pretože JavaScript a CSS súborov sú ukladané do vyrovnávacej pamäte prehliadača. Inline CSS v dokumentoch HTML si stiahnuť každom dokumente HTML je požadované. To by v skutočnosti mohli znížiť počet HTTP požiadaviek vyrobených ale následne sa zväčší veľkosť dokumentu HTML. Externý CSS, sú uložené v prehliadači, veľkosť dokumentu HTML je znížená bez zvýšenia počtu HTTP požiadaviek.

Vezmite prosím na vedomie, že ak užívatelia na svojich stránkach majú viac zobrazení stránky na zasadnutí a mnoho z vašich stránok znova použiť rovnaké skripty a štýly, tam je väčší potenciálny prínos z externých súborov uložených vo vyrovnávacej pamäti.

Zabaľte svoj CSS súbor

Balenie alebo škrípať vaše CSS je prax odstránenie zbytočných znakov z kódu znížiť jeho veľkosť a tým zlepšuje načítanie krát.

CSS je mi praskali tým, že odstráni všetky pripomienky a nežiadúce znaky, ako je bielych miest, nové riadky pod

Pre deti, som premýšľal konsolidovať všetky osvedčené postupy, som čítal tu a tam. Konečne! Ja som dostať dole, aby to pero. Uvedomil som si, že to bude mamutie úlohu vytvorenie tejto mamutie dokument, tak som sa rozhodla venovať celú kategóriu, takže som mohol držať pridanie veci o osvedčených postupoch ako a keď som sa s nimi stretnúť ...

No! Obsah tu bude zlúčenie mojich osobných UI praktiky rozvoja osvedčených s tými, napísal štandardných vývojári ako Yahoo, Google a pod

Sledujte tento priestor a udržať browing na Best Practices kategórie

Jednoduché povedané (pre tých, ktorí nikdy nepočuli o doctype pred dnes)! DOCTYPE je deklarácia v HTML dokumente, ktorý prichádza pred <HTML> značku, ktorá vyzerá nejako takto (vložený zo zdroja práve stránky)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Preto sa riešenie tohto problému bolo

• umožniť webovým vývojárom, ktorí poznali svoje normy na výber, aký režim použiť.
• sa zobrazovať starej stránky podľa starej (vtipy) pravidiel.

A DOCTYPE sa narodil.

Takže podľa toho, či ste stránka je navrhnutý tak, aby normy, alebo nie, môžete si vybrať vhodnú DOCTYPE.

Staré stránky napísanej pred tieto normy boli zavedené nemajú DOCTYPE. Preto keď nie je DOCTYPE v HTML prehliadač potom je v režime vtipov.
Ale ak DOCTYPE je definovaná ako jedna z nasledujúcich, potom prehliadač je povedal, aby bol v prísnom režime.

<DOCTYPE Html PUBLIC! "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">