Ga izražava

Uključite JavaScript-a na dnu HTML dokumenta

Ako nemate document.write (ili bilo koji dinamičan generacija sadržaj stranice koriste JavaScript) umetnuti dio sadržaja stranice u svojim skriptama, premjestite skriptu uključiti izjavu na dnu stranice, prije kraja BODY tag.
HTTP/1.1 specifikacija sugerira da preglednici preuzimanje više od dvije komponente paralelno po hostname. Ako služiti svoje slike s više imena računala, možete dobiti više od dva preuzimanja na odvijati paralelno. Dok je skripta preuzimanja, međutim, preglednik neće pokrenuti nikakve druge preuzimanja, čak i na različitim imena računala.
Također postoje načini da dinamički stvaraju čvorovi i skripte učitati udaljenih skripti nakon što se stranica učita pomoću AJAX.

Externalise javascript-a

Korištenje vanjske JavaScript datoteke će rezultirati bržim utovara stranicama jer su JavaScript datoteke spremljeno u pregledniku. Ugrađeni JavaScript-a "u HTML dokumentima se preuzeti svaki put HTML dokument se traži. To zapravo može smanjiti broj HTTP zahtjeva napravili, ali se naknadno poveća na veličinu HTML dokumenta. Vanjski JavaScript-a su spremljeno u pregledniku, veličina HTML dokumenta je smanjen bez povećanja broja HTTP zahtjeve.
Imajte na umu da, ako korisnik na Vašoj web lokaciji imati više pregleda stranica po sjednici, a mnogi od Vaših stranica ponovno korištenje iste skripte i stilovima, postoji veći potencijal imaju koristi od spremljeni vanjskim datotekama.

Pack vaše JavaScript datoteke

U slučaju JavaScript, za razliku od CSS, datoteke mogu crunched pomoću neke standardne algoritme koji će dati smanjenu veličinu datoteke nego jednostavno ukloniti razmake ili karticama. Primjer paker javascript možete naći ovdje http://dean.edwards.name/packer/

Dobili osloboditi od svih Ponovljene Scripts

To je vrlo neobično da je cijeli skripte mogu se umnožavati, ali pregled deset najboljih web stranica u SAD pokazuje da dvije od njih sadrži dvostruki skriptu. Dvostruki skripte ali očito smanjuje performanse stvaranjem nepotrebne HTTP zahtjeve i izgubiti JavaScript izvršenje.
Također, u mnogim slučajevima, iako se skripta nazivi su različiti, postoji vjerojatnost dvostruke skripti unutar iste stranice zbog reprezentacije veličini i broju skripti.

Minimiziraj pristupa DOM elemenata gdje je to moguće

Pristup DOM elemente s JavaScriptom je sporo, tako da bi imao više osjetljiv stranicu, trebali biste:
• Predmemorija reference na pristupiti elemenata
• Obnovi čvorovi "offline", a zatim dodajte ih u stabla
• Izbjegavajte učvršćivanje izgled s JavaScriptom

Odvojeni od sadrzaj Ponašanje i prezentiranje

Kao što smo odvojeni prikaz (CSS / XSLT) od sadržaja (XHTML / XML), također treba odvojiti ponašanje (Javascript). To se zove nenametljiv Javascript. Baš kao što smo se povezati s vanjskim CSS datotekama, trebali bismo se povezati s vanjskim JavaScript datotekama.

Umjesto tvrdog kodiranja ponašanja u sadržaju (npr. onmouseover, onclick, itd.), ponašanje treba dinamički biti dodan elemenata, klasa, i jedinstvenim elementima (IDS) pomoću DOM. Temeljni dokument, sadržaj, treba sadržavati samo valjani XHTML / XML i ne JavaScript.
Javascript mora povećati sadržaj dodavanjem ponašanje. Sadržaj bi trebao ostati koristan i upotrebljiv bez JavaScript (javascript ili bez pune podrške).

Ja sam spasio ovaj članak dobi natrag, pa Žao nam je! Ja dont sjećati izvor ... ali činilo korisnim, za nas koji moraju biti svjesni o publici za koju možemo razviti site za ... pa evo ja je

Stranica težina može se koristiti za određivanje vremena za preuzimanje određenoj stranici na raznim Internet brzine spajanja. Primjerice, sljedeća tablica pokazuje vrijeme preuzimanja za tri različite stranice na nekoliko popularnih brzine spajanja.

Prednosti smanjenje težine stranicu?

Pozitivan učinak smanjenja težine posjetiteljima stranice prednosti obje vlasnike web stranica i potrošača. Potencijalne koristi obuhvaćaju:

1. Stranice brže učitavaju. Najočitiji utjecaj smanjenja stranicu težine je da vaše web stranice je stranica će se učitati brže za posjetitelje, bez obzira na brzinu veze.
2. Niže vrijeme učitavanja stranice stvoriti više udobne posjetitelja. Posjetitelji su manje vjerojatno da će postati frustriran i otići negdje drugdje, ako Vaše stranice brzo učitavanje. S druge strane, spore-loading stranice su jedan od najsigurniji način za izgubiti posjetitelja i potencijalnih kupaca.
3. Brže učitavanje-puta će doprinijeti povećanom obracenja. Više posjetitelji će ostati na vašem siteu duže. Više od njih će završiti kupe, prijave za Vaš newsletter ili knjiga obilježavanja svoje stranice.
4. Vaš brand percepcija će biti poboljšana. Vraćanje kupaca i po prvi put posjetitelji podjednako će biti skloniji opisati svoje stranice (i poslovni), kao "profesionalni" ako učitavanje Vaše stranice brzo.
5. Stranice s čistom, čvrstom koda često će biti indeksirana učinkovitije prirodnih tražilicama.
6. Stranice su optimizirane za težinu zapravo može uštedjeti propusnost optužbe na high-promet web stranice. 100.000 stranica svaki težak 150 Kb zahtijeva dvostruko propusnost puno od svog ISP-a od 100.000 stranica svaki težine 75 Kb. Za ISP-ove koji naplaćuju za prijenos podataka koristi ili overages, to smanjenje može stvoriti značajne uštede na propusnost optužbi.

Razmotrite sljedeće podatke objavljene u izvješću

Stavite stilskih oblikovanja na vrh

Ako želite učitati stranicu progresivno, to jest, želimo preglednik da biste prikazali sadržaj bez obzira na to je što je prije moguće, stavite CSS na vrhu stranice unutar dokumenta GLAVE. To čini se da se stranice brže učitavanje, jer to olakšava progresivni verziju stranice. To je osobito važno za stranice s puno sadržaja, a za korisnike na sporijim internet vezama.

To je dokumentirana činjenica da bi se poboljšala ukupna korisničko iskustvo, važno je dati pokazatelje o napretku i vizualne povratne informacije. Kako biste izbjegli da se ponovno iscrtavanje elemenata na stranici, u slučaju ako njihov stilovi se mijenjaju, neki preglednici, uključujući IE, blokira renderiranje stranice dok CSS potpunosti učita. Zbog toga, korisnik može vidjeti praznu bijelu stranicu.

W3 HTML Specifikacije "također navodi da mora CSS me uključiti u HEAD dio HTML stranice. at the bottom of the page, so it's best not to use it. Također imajte na umu da, u IE @import ponaša isto kao i korištenjem <link> na dnu stranice, tako da je najbolje ne koristiti ga.

Izbjegavajte korištenje preglednika specifičnosti

Filteri: Upotreba filtra povećava utrošak memorije, a primjenjuje se po elementu, a ne po slici, tako da je problem množi. Isto tako, pretrage su IE stvarnim, pa neće raditi onako kako smo zamislili u drugim preglednicima. Ako želite prozirne ili gradient pozadina, koristite 1Pixel sa slikama.
Izrazi: CSS izrazi su lijepo lice imati u CSS, ali još uvijek je IE specifičnost. Također, važno je imati na umu da, ovi izrazi ocjenjuju kada se stranica je donio i mijenjati, pomicana, pa čak i kad korisnik pomiče pokazivač preko stranice. Nepotrebno je reći to bi moglo utjecati na izvedbu Vaše web stranice. Stoga u jednostavnim riječima, Izbjegavajte korištenje CSS izraze, osim ako se osjećate svoje prednosti 'teži više od svojih kontra'

Externalise vam CSS

Korištenje vanjskog CSS rezultirati bržim utovara stranice jer su JavaScript i CSS datoteke spremljeno u pregledniku. Inline CSS u HTML dokumentima se preuzeti svaki put HTML dokument se traži. To zapravo može smanjiti broj HTTP zahtjeva napravili, ali se naknadno poveća na veličinu HTML dokumenta. Vanjski CSS su spremljeno u pregledniku, veličina HTML dokumenta je smanjen bez povećanja broja HTTP zahtjeve.

Imajte na umu da, ako korisnik na Vašoj web lokaciji imati više pregleda stranica po sjednici, a mnogi od Vaših stranica ponovno korištenje iste skripte i stilovima, postoji veći potencijal imaju koristi od spremljeni vanjskim datotekama.

Pack vaše CSS datoteke

Pakiranje ili crunching svoj CSS je praksa uklanjanja nepotrebnih znakova iz koda kako bi se smanjila veličinu čime se povećava opterećenje puta.

CSS može me crunched uklanjanjem sve komentare i sve neželjene znakove poput bijelih razmaka, nove linije i dr. i sl.

Za dobi, ja sam misleći da objediniti sve najbolje prakse, ja sam bio čitanje svaki sada i onda. Konačno! Ja sam se dolje da ga stavite na olovku. Shvatio sam da je idući u biti golem zadatak stvaranja ovu mamut dokument, pa sam odlučio posvetiti cijelu kategoriju za njega, tako da sam mogao držati dodajući stvari o najboljim praksama, kao i kada sam ih se susresti ...

Dobro! Sadržaj ovdje će biti amalgamacija od mojih osobnih UI razvoj najboljih praksi s onima koji su pisali standardnih programere poput Yahoo, Google itd.

Pogledajte ovaj prostor i držati kad jelo treba zapeći u Best Practices Kategorija

Jednostavno govoreći (za one koji nikada nisu čuli za DOCTYPE prije danas)! DOCTYPE je deklaracija u HTML dokumentu koji dolazi prije <html> krpa, koji izgleda otprilike ovako (tijesto od izvora ove samoj stranici)

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

Stoga rješenje za ovaj problem je bio

• omogućiti web programerima koji su znali svoje standarde koje možete izabrati koji način koristiti.
• i dalje prikazuje stare stranice prema starim (quirks) pravilima.

I DOCTYPE je rođen.

Dakle, na temelju da li je stranica namijenjena standardima ili ne, možete odabrati odgovarajuću DOCTYPE.

Stare stranice napisane prije nego što ovi standardi su uvedeni nemaju DOCTYPE. Stoga kada nema DOCTYPE HTML zatim u preglednik Igra riječima u modu.
Ali ako DOCTYPE definiran kao jedan od sljedećeg, a zatim preglednik je rekao da se u strogom načinu rada.

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