Išreikšdami IT

Įtraukti JavaScript HTML dokumento apačioje

Jei neturite document.write (arba bet dinamiškas kartos puslapio turinio JAVASCRIPTS) įterpti puslapio turinio dalį savo scenarijų, perkelti scenarijų pareiškimą puslapio apačioje, prieš žymelės "body pabaigoje.
HTTP/1.1 specifikacija rodo, kad naršyklės atsisiųsti ne daugiau kaip du komponentus kartu per hostname. Jei tarnauti savo atvaizdus iš kelių pavadinimų as, galite gauti daugiau nei du parsisiųsti vykti lygiagrečiai. Nors scenarijus atsisiųsti, tačiau naršyklė nebus pradėti bet kokius kitus parsisiųsti, net skirtingų kompiuterių pavadinimus.
Yra būdų, dinamiškai sukurti SCRIPT mazgų ir įkelti nuotolinio scenarijus, po to, kai puslapis yra įkeliamas naudojant AJAX.

Išorę jums JavaScript-

Naudojant išorinius JavaScript failus greičiau pakrovimo puslapių, nes JavaScript failai talpyklos naršyklės. Inline JavaScript "HTML dokumentų siųstis kiekvieną kartą, HTML dokumentas yra prašoma. Tai iš tiesų gali sumažinti skaičių HTTP prašymus, tačiau vėliau padidėja HTML dokumento dydį. Išorinis JavaScript talpyklos naršyklės HTML dokumento dydis sumažinamas nedidinant HTTP užklausas.
Atkreipkite dėmesį, kad, jei jūsų svetainės vartotojai turi keletą puslapių peržiūrų per sesiją, ir daugelis iš jūsų puslapiuose vėl naudoti tie patys scenarijai ir stilių, yra didesnė nauda iš talpyklos išorinius failus.

Pakuotėje Jūsų Javascript failus

JAVASCRIPTS atveju, skirtingai nuo CSS failai krizės paliestose naudojant kai kuriuos standartinius algoritmus, kurie duotų mažesnį failo dydį, nei paprasčiausiai pašalinti tarpų ir skirtukus. Javascript Pakuotojo pavyzdį galima rasti čia http://dean.edwards.name/packer/

Atsikratyti bet kokius pasikartojančius Skriptai

Tai labai neįprasta, kad ištisi scenarijai gali būti dubliuojamas, bet iš dešimties geriausių JAV interneto svetainių apžvalga rodo, kad du iš jų yra besidubliuojančių scenarijų. Dubliuoti scenarijus, bet akivaizdžiai sumažina našumą sukurti nereikalingas HTTP užklausas ir švaistomi JavaScript vykdymas.
Be to, daugeliu atvejų, nors scenarijus pavadinimai skiriasi, yra pasikartojančius scenarijų tikimybė, per tą patį puslapį, atsižvelgiant į komandos dydį ir skaičių scenarijų.

Sumažinti, kur galima gauti DOM elementus

Prieiga prie DOM elementus su JavaScript yra lėtas, todėl, kad būtų labiau atsižvelgiama į puslapį, turėtumėte:
• Cache nuorodos, prieinamų elementų
• Atnaujinti mazgai "offline" ir tada įtraukite juos į medį
• Venkite nustatant išdėstymą su JavaScript

Atskiras elgesys nuo turinio ir pateikimo

Lygiai taip pat, kaip mes atskira pristatymas (CSS / XSLT), turinį (XHTML / XML), mes taip pat turėtų atskirti elgesys (JavaScript). Tai vadinama nekrenta į akis veikiancio Javascript. Lygiai taip pat mes susieti išorinių failų CSS, turėtume susieti su išorės javascript failus.

Vietoj kietojo kodavimo į jų turinį (pvz., onmouseover, onclick ir tt) elgesį, elgesys turėtų būti dinamiškai pridėti elementų, klasių ir unikalių elementų (IDS), naudojant DOM. Pamatinis dokumentas, turinys, turėtų turėti tik galiojantį XHTML / XML ir neturi JavaScript.
"Javascript" turėtų papildyti turinį, pridedant elgesį. Turinys neturėtų būti naudinga ir naudoti be JavaScript arba be visiško javascript paramos).

Aš išgelbėti šį straipsnių amžiaus atgal, taip gaila! I dont prisiminti šaltinį ... bet atrodė naudinga, mums, kurie turi žinoti apie auditoriją, kuriam mes sukurti svetainę ... todėl čia i yra

Puslapis svoris gali būti naudojama siekiant nustatyti įvairių interneto greitis atsisiuntimo laikas tam tikroje puslapio. Pavyzdžiui, toliau pateiktoje lentelėje rodo atsisiuntimo laikas trijų skirtingų puslapių vienu populiariausių prisijungimo greitį.

Privalumai sumažinti puslapiu svorio?

Teigiamas poveikis sumažinti puslapio svorio naudinga interneto svetainių savininkams ir vartotojams. Potencialus nauda apima:

1. Puslapiai įkeliami greičiau. Akivaizdžiausias poveikis sumažinti puslapio svorio yra, kad jūsų svetainės puslapiai bus įkeliami greičiau lankytojams, nepriklausomai nuo jų ryšio greitį.
2. Mažesnės puslapio įkelties laikas sukurti daugiau patogūs lankytojams. Lankytojai yra mažiau tikėtina, susierzinsite ir eiti kitur jei jūsų puslapiuose apkrova greitai. Kita vertus, ilgai krautis puslapiai vienas tikriausias būdų prarasti lankytojams bei potencialiems klientams.
3. Greičiau apkrova kartus prisidės prie didesnio konvertavimo. Daugiau lankytojai liks jūsų svetainė ilgiau. Daugiau iš jų bus baigti apsiperkant, užsiregistruoti savo naujienas, ar knyga ženklinimo savo svetainę.
4. Jūsų prekinio ženklo suvokimas bus sustiprintas. Sugrįžtantys klientai ir pirmą kartą lankytojai tiek bus labiau linkę aprašyti savo svetainę (ir verslo) kaip "profesionalu", jei jūsų puslapiuose apkrova greitai.
5. Puslapiai su švaraus, kieto kodą dažnai bus indeksuojami daugiau natūralių paieškos sistemų.
6. Puslapiai, optimizuotas svorį iš tikrųjų galite sutaupyti mokesčius pralaidumo intensyvaus eismo vietose. 100.000 puslapių kiekviena sveria 150 KB reikės dvigubai daugiau nei 100.000 puslapių per mažiau kaip 75 KB duomenų srauto, iš savo ISP. IPT, kad imti pralaidumo naudojamas arba Galiojimo laikas, šis sumažinimas gali sukurti žymiai sutaupyti dėl pralaidumo mokesčius.

Apsvarstykite šiuos duomenis, skelbtus ataskaitos

Įdėkite Stylesheets viršų

Jei norite puslapį įkelti palaipsniui, tai yra, mes norime naršyklę rodyti, bet turinys turi kuo greičiau, CSS dokumento HEAD viduje puslapio viršuje. Tai daro, puslapiai atrodo pakrovimo greičiau, nes tai palengvina palaipsniui suteikimo puslapio. Tai ypač svarbu, puslapių su daug turinio ir vartotojų wolniejszych interneto ryšio.

Tai yra dokumentuotas faktas, kad siekiant padidinti bendrą vartotojų patirtį, svarbu pateikti pažangos rodiklius ir vaizdo Atsiliepimai. Siekiant išvengti perbraižyti puslapio elementus, jei jų stilių kaita, kai kurios naršyklės, įskaitant IE, blokai utilizavimo puslapio, kol CSS pilnai pakrautas. Dėl to, vartotojas gali matyti tuščias baltas puslapis.

W3 HTML Specifikacijoje taip pat teigiama, kad CPT turi mane įtraukti į HTML puslapį HEAD skyriuje. at the bottom of the page, so it's best not to use it. Taip pat atkreipkite dėmesį, kad IE @import elgiasi pats kaip naudojant <link> puslapio apačioje, todėl geriau jo nenaudoti.

Venkite naudojantis naršykle ypatumus

Filtrai: Naudokite skirtų filtrų padidina atminties vartojimą ir už kiekvieną elementą, o ne už įvaizdį, todėl problema yra dauginama. Be to, Filtrai IE Patentuotas, todėl bus neveikti taip, kaip numatyta kitų naršyklių. Jei norite skaidrius arba gradientas fonas, naudokite 1Pixel su nuotraukomis.
Išraiškos: CSS išsireiškimai yra gražus bruožas turėti CSS, bet vis dar yra IE ypatumas. Be to, svarbu pažymėti, kad šios išraiškos yra įvertinti puslapio vaizdas ir jo dydis, przewijany ir net kai vartotojas pajudina pelę puslapio. Nereikia nė sakyti, tai gali paveikti jūsų puslapio veikimą. Taigi Paprastais žodžiais tariant, Venkite CSS išraiškos, jeigu manote, kad, jo privalumai "sveria daugiau nei jos trūkumus"

Išorę jums CSS

Naudojant išorinį CSS bus greičiau pakrovimo puslapius, nes JavaScript ir CSS failų talpyklos naršyklės. Inline CSS HTML dokumentų siųstis HTML dokumentas yra prašoma kiekvieną kartą. Tai iš tiesų gali sumažinti skaičių HTTP prašymus, tačiau vėliau padidėja HTML dokumento dydį. Išorės CSS talpyklos naršyklės HTML dokumento dydis sumažinamas nedidinant HTTP užklausas.

Atkreipkite dėmesį, kad, jei jūsų svetainės vartotojai turi keletą puslapių peržiūrų per sesiją, ir daugelis iš jūsų puslapiuose vėl naudoti tie patys scenarijai ir stilių, yra didesnė nauda iš talpyklos išorinius failus.

Pakuotės savo CSS failą

Pakavimo ir crunching savo CSS pašalinti nereikalingus simbolius iš kodą sumažinti jos dydį ir taip pagerinti apkrovos metu praktika.

CSS gali mane krizės paliestose pašalinant visus komentarus ir nereikalingus simbolius, pavyzdžiui, baltųjų erdvių, naujas eilutes ir tt

Amžiaus, aš galvoju, kad konsoliduoti visas geriausią praktiką, aš buvo skaityti, kas dabar ir tada. Pagaliau! Aš įdėti jį į švirkštimo priemonę. Aš supratau, kad tai bus mamutas užduotis, kuriant šią milžinišką dokumentą, todėl aš nusprendė skirti jai visą kategoriją, kad galėčiau pridėti stuff apie gerąja patirtimi, ir kai aš susidurti ...

Gerai! turinys čia bus mano asmens UI plėtros gerosios patirties sujungimas su parašė standartinių kūrėjams, pavyzdžiui, Yahoo, Google ir tt

Stebėkite šią erdvę ir išlaikyti browing geriausią praktikos kategorija

Paprasta kalbėjimas (tie, kurie niekada nėra girdėję apie DOCTYPE prieš šiandien)! DOCTYPE HTML dokumentą, kuris ateina prieš <HTML> tag deklaracija, kad atrodo kažkas panašaus į tai įklijuotas iš šiame pačiame puslapyje šaltinis)

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

Todėl šios problemos sprendimas buvo

• leisti interneto kūrėjams, kurie žinojo savo standartus pasirinkti, kurį režimą naudoti.
• toliau rodyti senus puslapius, atsižvelgiant į amžiaus (Photoshop) taisykles.

Ir DOCTYPE gimė.

Taigi, ar jūs puslapis yra skirtas standartus, ar ne, jums pasirinkti tinkamą DOCTYPE.

Seni puslapių, parašytų iki šie standartai buvo įvesti neturite DOCTYPE. Todėl, kai nėra DOCTYPE HTML-kodo naršyklė yra Photoshop režimu.
Bet jei yra apibrėžiamas kaip viena iš šių DOCTYPE, tada naršyklė sako griežtai Mode.

<DOCTYPE html VISUOMENĖS! "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">