Duke shprehur IT

Përfshirja e JavaScript në fund të dokumentit HTML

Nëse ju nuk keni document.write (ose ndonjë brez dinamike e përmbajtjes faqe duke përdorur Javascripts) për të futur një pjesë të përmbajtjes së faqes në Scripts tuaj, veprim script përfshijë deklaratë në fund të faqes, e para në fund të tag trupit.
HTTP/1.1 specifikim sugjeron se browsers Shkarko jo më shumë se dy komponentët në mënyrë paralele për hostname. Nëse ju shërbejnë imazhet tuaja nga strehëemra shumta, ju mund të merrni më shumë se dy shkarkime të ndodhë në mënyrë paralele. Ndërsa një skenar i shkarkimit, megjithatë, shfletuesi nuk do të fillojë ndonjë shkarkime të tjera, edhe në strehëemra të ndryshëm.
Ka edhe mënyra për të krijuar dinamike nyjet SCRIPT dhe ngarkesës Scripts largët pas faqe është e ngarkuar duke përdorur AJAX.

Externalise ju të JavaScript

Duke përdorur fotografi të jashtme JavaScript do të rezultojë në ngarkimit të shpejtë të faqeve sepse JavaScript fotografi janë kopje e ruajtur nga të shfletuesit. "Inline JavaScript në dokumentet HTML merrni shkarkuar çdo kohë dokument HTML është kërkuar. Ky fakt mund të zvogëlojë numrin e kërkesave HTTP bëra por më pas rrit madhësinë e dokumentit HTML. Jashtme të JavaScript janë kopje e ruajtur nga të shfletuesit, madhësia e dokumentit HTML është reduktuar pa rritjen e numrit të kërkesave HTTP.
Lutemi kini parasysh se, nëse përdoruesit në faqen tuaj të ketë pikëpamjet e shumta faqe për seancë dhe shumë nga faqet tuaja të ri-përdorin Scripts njëjta dhe stili, nuk është një përfitim i madh potencial nga dosjet cached jashtme.

Pak Files JavaScript juaj

Në rast të Javascripts, ndryshe CSS, fotografi mund mungesa përdorur disa algoritme standarde që do të japin një madhësi të reduktuar fotografisë sesa thjesht largimin hapësira apo skedat. Një shembull i javascript paketues mund të gjendet këtu http://dean.edwards.name/packer/

Get shpëtoj i ndonji Scripts kopjuar

Ajo është shumë e pazakontë që Scripts tëra mund të dyfishohen, por një përmbledhje e dhjetë faqet e lartë amerikanë të internetit tregon se dy prej tyre përmbajnë një skenar të dyfishta. Duplicate Scripts por padyshim redukton performancën duke krijuar kërkesa të panevojshme HTTP dhe tretur Ekzekutimi i JavaScript.
Gjithashtu, në shumë raste, edhe pse emrat Scripts janë të ndryshme, ekziston një mundësi e Scripts kopjuar në të njëjtën faqe për shkak të madhësisë së ekipit dhe numrin e Scripts.

Minimize hyrë elemente DOM ku është e mundur

Përdorimi i elementeve DOM me JavaScript është i ngadalshëm kështu në mënyrë që të ketë një faqe më të përgjegjshëm, ju duhet të:
• Të referencat Cache të elementeve të arrihen
• Të nyjet Update "offline" dhe pastaj shtoni ato në pemë
• Shmangni fiksimin plan urbanistik me JavaScript

Sjellja ndarë nga përmbajtja dhe Paraqitjen

Ashtu si ne Prezentimi i ndarë (CSS / XSLT) prej përmbajtjes (XHTML / XML), ne duhet gjithashtu të ndajë Sjellja (Javascript). Kjo quhet Javascript modest. Ashtu si ne lidhje me fotografi të jashtëm CSS, ne duhet të lidhin me fotografi të jashtëm JavaScript.

Në vend të sjelljes së vështirë kodim në përmbajtjen (p.sh. onmouseover, onClick, etj), sjellja duhet të shtohet në mënyrë dinamike të elementeve, të klasave, dhe elemente unike (ID) duke përdorur dom. Dokument themelor, përmbajtjen, duhet të përmbajë vetëm XHTML / XML dhe asnjë JavaScript.
Javascript duhet të shtoj përmbajtjen duke shtuar sjellje. Përmbajtja duhet të mbeten të dobishme dhe përdorshme pa javascript (ose pa mbështetjen e plotë javascript).

Unë kam ruajtur këtë moshat artikull përsëri, kështu Na vjen keq! I dont kujtohet burimi ... por ajo dukej e dobishme, për ne të cilët duhet të jenë të vetëdijshëm për audiencë për të cilët ne të zhvilluar vendin për ... kështu që këtu i është

Pesha faqe mund të përdoret për të përcaktuar kohën e shkarkimit për një faqe të caktuar në një shumëllojshmëri të shpejtesi lidhje interneti. Për shembull, tabela e mëposhtme tregon herë shkarko për tri faqe të ndryshme në një numër të shpejtesi lidhje popullore.

Përfitimet e uljen e peshës faqe?

Ndikimi pozitiv i reduktimit përfitime peshe i faqes dy pronarët e internetit dhe konsumatorët. Përfitimet e mundshme përfshijnë:

1. Faqet e ngarkesës më të shpejtë. Ndikimi më i dukshëm i reduktuar peshën faqe është se faqet e internetit tuaj do të ngarkesës më të shpejtë për vizitorët, pavarësisht nga shpejtësia e tyre lidhje.
2. Ulët herë ngarkesës faqe të krijojë më shumë vizitorë të rehatshme. Vizitorët janë më pak të ngjarë të bëhen të frustruar dhe të shkojnë diku tjetër, nëse faqet tuaja të ngarkesës shpejt. Nga ana tjetër, i ngadalshëm-loading faqe janë një nga mënyrat sigurta për të humbur vizitorët dhe klientët potencial.
3. Faster load-herë do të kontribuojë në rritjen e konvertimit. Më shumë vizitorë do të qëndrojë në faqen tuaj më të gjatë. Më shumë prej tyre do të përfundojnë duke e bërë blerjet, duke nënshkruar për gazetën tuaj, ose libër-duke shënuar faqen tuaj.
4. Perceptimi juaj markë do të rritet. Klientët që kthehen dhe për herë të parë vizitorët njësoj do të jenë më të prirur për të përshkruar faqen tuaj (dhe biznesit) si "profesionale" në qoftë se faqet tuaja të ngarkesës shpejt.
5. Faqet me kod të pastër, të ngurta shpesh do të indeksuara në mënyrë më efektive nga motorët e kërkimit natyrore.
6. Faqet e optimizuar për peshë në fakt mund të kursejnë akuzat Bandwidth më të lartë të trafikut faqet. 100.000 faqe secili peshon 150 Kb do të kërkojë Bandwidth dy herë më shumë nga ISP-në tuaj se 100.000 faqet e çdo peshe 75 Kb. Për ISP-se ngarkuar për Bandwidth përdorur ose për overages, kjo ulje mund të krijojë kursime të konsiderueshme për akuza Bandwidth.

Konsideroni të dhënat e mëposhtme, të publikuara në një raport të

Vendos Stylesheets në Top

Nëse doni një faqe të ngarkesës në mënyrë progresive, që është, ne duam të shfletuesit për të shfaqur çfarëdo përmbajtje ka sa më shpejt të jetë e mundur, e vënë CSS në krye të faqes brenda në kokë të dokumentit. Kjo e bën pages duket të ngarkimit të shpejtë, sepse kjo lehtëson interpretim progresiv të faqes. Kjo është veçanërisht e rëndësishme për faqet me një shumë të përmbajtjes dhe për përdoruesit në lidhje interneti te ngadalte.

Është një fakt i dokumentuar se për të rritur eksperiencën e përdoruesit, është e rëndësishme që të sigurojë tregues të progresit dhe feedbacks vizuale. Për të shmangur që të riformatojnë elementet e faqe, në rast se ndryshimi stilet e tyre, disa shfletues, duke përfshirë IE, bllokon dhënien e faqe deri CSS është plotësisht e ngarkuar. Për shkak të kësaj, përdoruesi është i merr për të parë një faqe bosh të bardhë.

Të W3 Specifikimet HTML 'gjithashtu thekson se duhet CSS mua përfshijë në pjesën e kokës e faqe HTML. at the bottom of the page, so it's best not to use it. Gjithashtu theksohet se, Në IE @import sillet njëjtë si duke përdorur <link> në fund të faqes, kështu që nuk është mirë të përdorni atë.

Shmangni përdorimin e karakteristika Browser Specifike

Filtra: Përdorimi i filtrit rrit konsumin e kujtesës dhe është aplikuar për element, jo për imazhin, në mënyrë që problemi është shumëzuar. Gjithashtu, Filters janë IE Patentuar, prandaj nuk do të punojë si qëllim në shfletues të tjera. Nëse ju doni prejardhje transparente apo gradient, përdorni 1Pixel me imazhe.
Shprehjet me: shprehjet CSS janë një tipar të mirë që të ketë në CSS, por ende është tipar IE specifik. Gjithashtu, është e rëndësishme të theksohet se, këto shprehje janë kur vlerësohet faqe është dhënë dhe ridimensionuar, scrolled dhe madje edhe kur përdoruesi lëviz miun mbi faqe. S'është nevoja të thuhet kjo mund të ndikojë në punën e faqes tuaj. Pra me fjalë të thjeshta, Shmangni përdorimin e shprehjeve CSS, nëse ju mendoni pro saj "peshon më shumë se të këqijat e saj"

Externalise ju CSS

Duke përdorur CSS jashtëm do të rezultojë në ngarkim të shpejtë të faqe sepse fotografi JavaScript dhe CSS janë kopje e ruajtur nga të shfletuesit. Inline CSS në dokumentet HTML merrni shkarkuar çdo kohë dokument HTML është kërkuar. Ky fakt mund të zvogëlojë numrin e kërkesave HTTP bëra por më pas rrit madhësinë e dokumentit HTML. Jashtëm CSS janë kopje e ruajtur nga të shfletuesit, madhësia e dokumentit HTML është reduktuar pa rritjen e numrit të kërkesave HTTP.

Lutemi kini parasysh se, nëse përdoruesit në faqen tuaj të ketë pikëpamjet e shumta faqe për seancë dhe shumë nga faqet tuaja të ri-përdorin Scripts njëjta dhe stili, nuk është një përfitim i madh potencial nga dosjet cached jashtme.

Pak CSS dosjen tuaj

Paketimi ose crunching CSS juaj është praktikë e heqjes karaktere të panevojshme nga kodi për të zvogëluar madhësinë e saj duke përmirësuar herë ngarkesës.

CSS mund mua mungesa e duke hequr të gjitha komentet dhe çfarëdo karaktere të padëshiruar si hapësira të bardha, newlines etj

Për moshat, unë kam menduar për të konsoliduar të gjitha praktikat më të mira, unë kam qenë duke lexuar çdo tani dhe pastaj. Së fundi! Unë e kam marrë poshtë për ta vënë atë në penë. Kam kuptuar se Ai do të jetë detyrë vigan krijuar këtë dokument mamuth, kështu që vendosa të kushtoj një kategori të tërë me të, kështu që unë mund të mbani duke shtuar gjëra në lidhje me praktikat më të mira si dhe kur i shihni ata ...

E pra! Përmbajtja këtu do të jetë një shkrirje e mia praktikat e zhvillimit personale UI të mira me ato të shkruara nga zhvilluesit standarde si Yahoo, Google etj

Shikojnë këtë hapësirë ​​dhe për të mbajtur browing e mirë Category Praktikat

Folurit e thjeshtë (për ata që kurrë nuk dëgjuar për DOCTYPE para sot)! DOCTYPE është deklarata në një HTML dokument që vjen para tag <html>, që duket diçka si kjo (ngjit nga burimi i kësaj faqe shumë)

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

Prandaj zgjidhje për këtë problem ishte të

• lejojnë web developers të cilët e dinin standardet e tyre për të zgjedhur e cila mënyrë për t'u përdorur.
• vazhdojnë shfaqur faqet e vjetra në bazë të vjetra (quirks) rregullave.

Dhe DOCTYPE ka lindur.

Pra, bazuar në nëse ju faqe është krijuar për standardet apo jo, ju zgjidhni DOCTYPE duhur.

Faqet e vjetra të shkruara para se këto standarde janë futur nuk kanë një DOCTYPE. Prandaj kur nuk ka DOCTYPE HTML në shfletuesin tuaj atëherë është në keto lojra fjalesh mode.
Por nëse DOCTYPE është përcaktuar si një nga vijim, atëherë shfletuesi është thënë të jetë në modë të rreptë.

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