"Guia WPO (Web Performance Optimization)" de Javier Casares

8/12/2019 "Guia WPO (Web Performance Optimization)" de Javier Casares

1/70

_dl PdrekrhaicdKptmhmzatmkiGa vdgkcmfaf ds ui dgdhditk fmedrdicmag>

dg rdifmhmditk ds uia iudva kpkrtuimfaf.

0:/04/


2/70

_DL PD\EK\HAICD KPVMHMRAVMKI

Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia 1

CKIVDIMFK

Qu ds _dl Pdrekrhaicd Kptmhmzatmki; .............................................................................................. 4

Qu tmdid di cudita dg _dl Pdrekrhaicd Kptmhmzatmki; .................................................................. 5

_dl Pdrekrhaicd Kptmhmzatmki y gas hdbkras fd ckivdrsmi .............................................................. 5

Chk sd pudfd kroaimzar dg _dl Pdrekrhaicd Kptmhmzacmki; .......................................................... ?

Jdrrahmditas qud ayufai ag _dl Pdrekrhaicd Kptmhmzatmki ............................................................. ?

IavmoatmkiVmhmio, dg dstifar fdg _3C ............................................................................................... :

\dfucmr pdtmcmkids JVVP ....................................................................................................................... 11

Ckhlmiar varmks CSS k BS di uik ....................................................................................................... 11

Ckhlmiar mhodids k mckiks di CSS Sprmtds ...................................................................................... 1


3/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia


4/70



\dfucmr gas pdtmcmkids FIS.................................................................................................................... 3:

Hmimhmzar gas pdtmcmkids dxtdrias ..................................................................................................... 3:

Tsk fd scrmps asicrkiks ................................................................................................................... 3:

\dfucmr dg usk fd CIAHD.................................................................................................................. 3=

Ckiemouracmi fd gks FIS .................................................................................................................. 3=

FIS prdedtcjmio ............................................................................................................................... 60

Kptmhmzacmi fd gas mhodids ............................................................................................................... 61

Caitmfaf fd ckgkrds .......................................................................................................................... 61

\dfucmr dg pdsk fd gas mhodids ........................................................................................................ 61

Ckfmemcacmi fd gks BPDO.................................................................................................................... 6


5/70



Ihdrk dgdvafk fd dgdhditks FKH ................................................................................................ 4?

\dfucmr dg ihdrk fd 7merahd9 ......................................................................................................... 4?

Tsar talgas cki aicjk embk ................................................................................................................. 4:

Cdrrar gks dgdhditks JVHG ............................................................................................................... 4:

Vahak fd gks ckitdimfks .................................................................................................................... 4=

Fdvkgvdr ckitdimfks JVHG fd hdiks fd


6/70



QT DS _DL PD\EK\HAICD KPVMHMRAVMKI;

Ga prmhdra vdz qud k jalgar a agoumdi fd _DL PD\EK\HAICD KPVMHMRAVMKI (_PK)u

Kptmhmzacmi fdg \difmhmditk fd _dleud aStdvd Skufdrs,tralabafkr fdOkkogd(y aitdrmkrhditd di

]ajkk!,ckikcmfk agg ckhk]ajkk! Supdrstar)qud sd cditra sklrd tkfk di dg rdifmhmditk wdl y cfmok

almdrtk.

Di dsks prmhdrks artcugks vdia a rdsuhmr qud CTAIVK HS \PMFK UA TI SMVMK,

HDBK\. Auiqud dxmstdi uia sdrmd fd puitks fd mimcmk cuaifk jalgahks fdg _PK2

\apmfdz pkr fdedctk2 hucjas apgmcacmkids qud sd ckistruydi para CHS, gdiouabds fdprkorahacmi, ga iuld, lmlgmktdcas fd BavaScrmpt, iavdoafkrds, sdrvmfkrds ya dsti

pdisafas para mr rpmfk.

Haqudtacmi fdg iavdoafkr2 cki dg emi fd jacdr qud gas pomias wdl hs rpmfk gksfdsarrkggafkrds idcdsmtai ga capacmfaf fd dickitrar qu partds ski hs gditas. Dstk rdqumdrd

rdvmsar dg tmdhpk qud tarfa di caroar y dbdcutarsd dg BavaScrmpt, gks CSS, ga haqudtacmi fd gks

dgdhditks, ga odstmi fdg FKH

Ckiskgmfacmi2 gas jdrrahmditas fd rdifmhmditk fd ga wdl, sdrvmcmks y smhmgards ik jai ggdvafkui imck cahmik, smik qud cafa uik ja pudstk sus dseudrzks fd ekrha sdparafa. Dsk va a

cahlmar y prkitk vdrdhks jdrrahmditas qud ckhlmiai ga fdpuracmi fd BavaScrmpt, dg pdremg fd

BavaScrmpt, FKH, dg usk fd ga rdf tkfk di uia skga jdrrahmdita. Gas htrmcas fd rdifmhmditk

sd odstmkiari fdsfd ui imck paidg di guoar fd tdidr qud vmsmtar hgtmpgds sdrvmcmks sdparafks.Ga ckiskgmfacmi tahlmi va a kcurrmr a imvdg fd dhprdsa, fkifd gas dhprdsas hs pdqudas

rdgacmkiafks cki dg rdifmhmditk ski afqumrmfks pkr gas oraifds dhprdsas fd ckisugtkra y

sdrvmcmks.

VCP y JVVP2 Gks prktkckgks pkr gks qud euicmkia Mitdridt fdldi sdr kptmhmzafks, ySPF]ds uiaprkpudsta. Vdidhks qud tratar fd ckisdoumr hs apkyk para dg pmpdgmimio. Cuagqumdr hdbkra di

ga rdf ggdoar a tkfks gks smtmks y usuarmks.

Dstifar2 jay qud dstalgdcdr ui dstifar sklrd gas ekrhas fd hdfmr, gks fatks, gas prudlas Ga_dl Vmhmio Spdcds ui prmhdr dbdhpgk a tdidr prdsditd.

Kroaimzacmkids di ga mifustrma2 fditrk fdg huifmggk fd ga _PK vdrdhks iacdr y crdcdrkroaimzacmkids prkedsmkiagds, ekrhacmi, cdrtmemcacmkids, kroaimshks fd ikrhagmzacmi Ti

dbdhpgk pkfra sdr qud gks dfmtkrds wdl ckhpartai miekrhacmi acdrca fd gks aiuicmks fd

pulgmcmfaf gditks.

Gks fatks2 jacdr sdoumhmditk fd gks rdsugtafks y dickitrar iudvas kpkrtuimfafds fdrdifmhmditk rdqumdrd ui orai aigmsms fd fatks. Ds prklalgd qud ckhmdicdi a vdrsd rdpksmtkrmks

plgmcks fd fatks rdgacmkiafks cki dg rdifmhmditk.

Udrfd2 gks dstufmks rdagmzafks qud cuaitmemcai chk hdbkrar dg euicmkiahmditk wdl ckiemrhaiga rdfuccmi fdg ckisuhk fd didroa y pkr dggk ga ckitahmiacmi qud odidrai gks cditrks fd

fatks.

\difmhmditk hvmg2 ds ckhk ui iudvk puitk fd partmfa, sd idcdsmta rdckpmgar tkfk tmpk fdmiekrhacmi jasta dickitrar gks prmicmpagds prklgdhas, gas causas y dickitrar skgucmkids y

crdar jdrrahmditas para as pkfdr kerdcdr miekrhacmi sklrd tkfk dstk.
http://stevesouders.com/bio.phphttp://stevesouders.com/bio.phphttp://stevesouders.com/bio.phphttp://www.google.com/http://www.google.com/http://www.google.com/http://www.yahoo.com/http://www.yahoo.com/http://developer.yahoo.com/performance/http://developer.yahoo.com/performance/http://developer.yahoo.com/performance/http://dev.chromium.org/spdyhttp://dev.chromium.org/spdyhttp://dev.chromium.org/spdyhttp://dev.w3.org/2006/webapi/WebTiming/http://dev.w3.org/2006/webapi/WebTiming/http://dev.w3.org/2006/webapi/WebTiming/http://dev.chromium.org/spdyhttp://developer.yahoo.com/performance/http://www.yahoo.com/http://www.google.com/http://stevesouders.com/bio.php


7/70



Ga vdgkcmfaf ckhk dgdhditk fmedrdicmafkr2 hucjas fd gas fdcmsmkids qud sd tkhari sklrdMitdridt sd lasari di dg rdifmhmditk. Cuaifk agoumdi afqumdra ui fmspksmtmvk, dgmba ui

prkvddfkr, sd rdvmsd ui smtmk wdl, ga gdagtaf fd gks usuarmks sdr ui eactkr mhpkrtaitd a ga jkra

fd jacdr hdfmcmkids.

QT VMDID DI CTDIVA DG _DL PD\EK\HAICD KPVMHMRAVMKI;

Gk prmhdrk y prmicmpag2 DS 100% VDCIKGKOA. Ga kptmhmzacmi sd lasa di gas hdbkras

rdedrditds a ga ckidctmvmfaf fd rdfds, ga kptmhmzacmi fd gks sdrvmfkrds wdl y ga hdbkra fd gks fmedrditds

dgdhditks qud tmdidi gks prkpmks smtmks wdl, fdsfd dg JVHG jasta dg BavaScrmpt, pasaifk pkr gks CSS k ga

caitmfaf fd pdtmcmkids a sdrvmfkrds FIS.

_DL PD\EK\HAICD KPVMHMRAVMKI ] GAS HDBK\AS FD CKIUD\SMI

Gks fatks gk fmcdi tkfk2

Ahazki2 0,1 sdouifks fd rdtrask mhpgmcai uiaprfmfa fdg 1% fd gks miordsks. AKG2 jmzk uiardvmsmi fdg ihdrk fd pomias vmstas di hucjks smtmks wdly ckicguy qud

aqudggks qud euicmkiai rpmfk tmdidi uias ?-: pomias vmstas pkr usuarmk y qud gas gditas tai

sgk 3-6 pomias vmstas pkr usuarmk.

Lmio2 1 sdouifk fd rdtrask mhpgmca uia cafa fdg < sdouifks fd rdtraskmhpgmcai uialabafa fdg 6,3% fd gks miordskspkr usuarmk.

Eacdlkkn2 0,4 sdouifks hs gditk prkvkca uia cafa fd tremck fdg 3%> 1 sdouifk prkvkca uiacafa fdg 5%.

Okkogd2 0,6 sdouifks fd rdtrask causai uiacafa fdg 0,4=% fd gas lsqudfaspkr usuarmk> 0,4sdouifks hs di caroar mhpgmca ui


8/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia ?

Fd ekrha odidrag ya iks dickitrahks cki2

Dg 6?% fd gks usuarmks dspdrai qud uia pomia caroud di hdiks fd < sdouifks. Dg 16% cahlma fd tmdifa kigmid sm ga pomia tarfa di caroar. Dg 60% fd gks usuarmks alaifkia uia pomia qud tarfa hs fd 3 sdouifks di caroar. Dg 56% fd gks ckhprafkrds qud ik dsti satmsedcjks cahlma fd smtmk para su prxmha ckhpra. Dg 4


9/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia :

MLH Paod Fdtamgdrds uia jdrrahmdita qud pdrhmtd vdr chk sd haifa ga miekrhacmi fd uismtmk a gks iavdoafkrds.

Gkafs.Mipdrhmtd aiagmzar dg tmdhpk fd caroa fd uia pomia fdsfd fmedrditds puitks fdg huifky ckhparar gks rdsugtafks.

KctaOatd SmtdVmhdrpdrhmtd hkimtkrmzar dg tmdhpk fd fdscaroa fd cafa uik fd gks dgdhditksfd uia pomia.

Pygktrdagmza prudlas fd caroa JVVP fd ekrha qud sd pudfd cagcugar dg dstrs. Smtd-Pdrepdrhmtd cagcugar dg tmdhpk fd caroa fd uia pomia fd haidra rdagmsta faifk

miekrhacmi fd tkfk tmpk.

_dl Paod Aiagyzdrpdrhmtd cagcugar dg tahak fd ga pomia, tmdhpk fd fdscaroa y kerdcdrdckhdifacmkids.

_dlGKAFpdrhmtd jacdr prudlas fd dstrs a apgmcacmkids BavaScrmpt fd ekrha qud sd pudfdhdbkrar su rdifmhmditk.

]ajkk! ]Sgkw2ds uia jdrrahmdita qud sd pudfd mistagar diHkzmgga Emrdekxbuitk ag aafmfkEmrdluoqud pdrhmtd rdvmsar uia sdrmd fd dgdhditks _PK,tahlmi para Okkogd Cjrkhd.

IAUMOAVMKIVMHMIO, DG DSVIFA\ FDG _3C

Dg _3C (kroaimshk qud vdga pkr gks dstifards fd Mitdridt) crd jacd ui tmdhpk ui orupk fd

tralabk para crdar ui dstifar di gk qud a tmdhpks fd caroa sd rdemdrd.

Auiqud ga prkpudsta ik ds fdemimtmva, ya dxmstd uia prmhdra vdrsmi fdg dstifar qud pdrhmtd

vdr agouiks fatks fd ga prkpudsta. Ajkra hmshk euicmkia di Mitdridt Dxpgkrdr = y di Okkogd Cjrkhd

11. Pudfdsaccdfdr a dsta pomiapara pkidrgk a prudla.

Dstd dstifar tmdid uia sdrmd fd atrmlutks cki gks qud pkfrdhks tdidr cmdrtks fatks2

iavmoatmkiStart2Dg vagkr ckrrdspkifd ag tmdhpk mihdfmatahditd fdspus qud dg iavdoafkr jacd ui uigkaf

fdg fkcuhditk aitdrmkr. Di cask fd qud ik jaya fkcuhditk aitdrmkr, fdvkgvdr gk hmshk qud

edtcjStart. Sm dxmstdi rdfmrdccmkids aitdrmkrds k ik jay krmodi, dg vagkr sdr 0. uigkafDvditStart2

Sm dg fkcuhditk aitdrmkr y dg actuag tmdidi dg hmshk krmodi sd fdvkgvdr dg vagkr qud jaya bustk

aitds fd dbdcutar dg uigkaf. Sm ik jay fkcuhditk prdvmk k ds uia rdfmrdccmi, sdr 0.

uigkafDvditDif2Sm dg fkcuhditk aitdrmkr y dg actuag tmdidi dg hmshk krmodi, sd fdvkgvdr dg vagkr qud jaya

bustk fdspus fd dbdcutar dg uigkaf. Sm ik jay fkcuhditk prdvmk, k dg uigkaf ik sd ggdva a

calk ckrrdctahditd sd fdvkgvdr 0.

rdfmrdctStart2Sm jay rdfmrdccmkids y ski fdg hmshk krmodi, sd fdvkgvdr dg hkhditk fd mimcmk di dg qud sd

mimcma ga rdfmrdccmi. Smik dstar a 0.
http://www.alphaworks.ibm.com/tech/pagedetailerhttp://www.alphaworks.ibm.com/tech/pagedetailerhttp://loads.in/http://loads.in/http://www.octagate.com/service/SiteTimer/http://www.octagate.com/service/SiteTimer/http://www.pylot.org/http://www.pylot.org/http://site-perf.com/http://site-perf.com/http://www.websiteoptimization.com/services/analyze/http://www.websiteoptimization.com/services/analyze/http://www.webload.org/http://www.webload.org/http://developer.yahoo.com/yslow/http://developer.yahoo.com/yslow/http://www.mozilla.com/firefox/http://www.mozilla.com/firefox/http://www.mozilla.com/firefox/http://getfirebug.com/http://getfirebug.com/https://chrome.google.com/extensions/detail/ninejjcohidippngpapiilnmkgllmakhhttps://chrome.google.com/extensions/detail/ninejjcohidippngpapiilnmkgllmakhhttps://chrome.google.com/extensions/detail/ninejjcohidippngpapiilnmkgllmakhhttp://webperformanceoptimization.es/navigationtiming/http://webperformanceoptimization.es/navigationtiming/http://webperformanceoptimization.es/navigationtiming/http://webperformanceoptimization.es/navigationtiming/https://chrome.google.com/extensions/detail/ninejjcohidippngpapiilnmkgllmakhhttp://getfirebug.com/http://www.mozilla.com/firefox/http://developer.yahoo.com/yslow/http://www.webload.org/http://www.websiteoptimization.com/services/analyze/http://site-perf.com/http://www.pylot.org/http://www.octagate.com/service/SiteTimer/http://loads.in/http://www.alphaworks.ibm.com/tech/pagedetailer


10/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia =

rdfmrdctDif2Sm jay rdfmrdccmkids y ski fdg hmshk krmodi, sd fdvkgvdr dg hkhditk di dg qud sd rdcmla dg

gtmhk lytd fd ga gtmha rdfmrdccmi. Smik dstar a 0.

edtcjStart2Sm dg rdcursk qud sd va a hkstrar sd ggaha hdfmaitd uia ckisugta ODV, sd fdvkgvdr dg vagkr

aitdrmkr fd qud dg iavdoafkr ckhprudld sm dxmstd agoi tmpk fd cacj fdg rdcursk. Di cuagqumdr

ktrk cask fdvkgvdr dg vagkr di dg qud dg iavdoafkr ckhmdicd a rdcupdrar dg rdcursk.

fkhamiGkknupStart2Sd fdvkgvdr dg vagkr mihdfmatahditd aitdrmkr a qud dg iavdoafkr jaoa ga pdtmcmi FIS fdg

fkcuhditk. Di dg cask fd ckidxmkids pdrsmstditds k qud dst cacjdafk, fdvkgvdr dg hmshk

vagkr qudedtcjStart.

fkhamiGkknupDif2Sd fdvkgvdr dg vagkr mihdfmatahditd fdspus a qud dg iavdoafkr jaya rdagmzafk ga pdtmcmiFIS y jaya smfk ckitdstafa. Di dg cask fd ckidxmkids pdrsmstditds k qud dst cacjdafk,

fdvkgvdr dg hmshk vagkr qudedtcjStart.

ckiidctStart2Fdvudgvd dg hkhditk mihdfmatahditd aitdrmkr a qud dg iavdoafkr jaoa ga pdtmcmi para

rdcupdrar dg fkcuhditk. Di dg cask fd qud dxmstai cacjs k ckidxmkids pdrsmstditds sd

fdvkgvdr dg hmshk vagkr fd fkhamiGkknupDif.

ckiidctDif2Fdvudgvd dg hkhditk mihdfmatahditd fdspus a qud dg iavdoafkr acald ga pdtmcmi para

rdcupdrar dg fkcuhditk actuag. Di dg cask fd qud dxmstai cacjs k ckidxmkids pdrsmstditds sd

fdvkgvdr dg hmshk vagkr fd fkhamiGkknupDif. Di dg cask fd qud jaya ui drrkr di ga ckidxmi,

sd fdvkgvdr gks vagkrds fd ga iudva ckidxmi. Dstd vagkr tahlmi micgumr ga ckidxmi di dg

prktkckgk SSG.

sdcurdCkiidctmkiStart2(Kpcmkiag). Fdvudgvd dg tmdhpk mihdfmatahditd aitdrmkr a qud dg iavdoafkr ckhmdicd a

prkcdsar ga pdtmcmi fd prktkckgk sdourk. Sm ik sd utmgmza, fdvkgvdr 0.

rdqudstStart2Fdvudgvd dg hkhditk mihdfmatahditd aitdrmkr a qud sd skgmcmtd dg fkcuhditk actuag. Ds

apgmcafk aitds fd ckhprklar gas cacjs. Sm jay ui drrkr di ga ckidxmi, sd fdvudgvd dg

hkhditk di dg qud sd mimcma ga iudva pdtmcmi.

rdspkisdStart2Fdvudgvd dg tmdhpk mihdfmatahditd aitdrmkr a qud dg iavdoafkr rdcmla dg prmhdr lytd fdmiekrhacmi fdsfd dg sdrvmfkr k fdsfd ga cacj.

rdspkisdDif2Fdvudgvd dg tmdhpk mihdfmatahditd pkstdrmkr a qud dg iavdoafkr rdcmla dg gtmhk lytd fdg

fkcuhditk k sd cmdrrd ga ckidxmi.

fkhGkafmio2Dg hkhditk di dg qud dg iavdoafkr ckhmdiza dg gkafmio fd ga pomia.

fkhMitdractmvdDg hkhditk di dg qud dg iavdoafkr pdrhmtd ga mitdractmvd fd ga pomia.

fkhCkitditGkafdfDvditStart2Fdvudgvd dg mistaitd di dg qud dg iavdoafkr dstalgdcd dg dvditk FKHCkitditGkafdf.


11/70



fkhCkitditGkafdfDvditDif2Fdvudgvd dg mistaitd di dg qud dg iavdoafkr emiagmza dg dvditk FKHCkitditGkafdf.

fkhCkhpgdtd2Dg hkhditk di dg qud dg iavdoafkr harca dg ckhpgdtd fd ga pomia.

gkafDvditStart2Fdvudgvd dg tmdhpk di dg qud dg fkcuhditk sd fmspara, qudfaifk a 0 hmditras dstk ik kcurra.

gkafDvditDif2Fdvudgvd dg tmdhpk di dg qud dg fkcuhditk dst ckhpgdtk, qudfaifk a 0 hmditras dstk ik

kcurra k sda drridk.


12/70



\DFTCM\ PDVMCMKIDS J VVP

Dg klbdtmvk ds qud ag rdagmzar hdiks pdtmcmkids JVVP dg tmdhpk fd fdscaroa sd rdfucd lastaitd.

Jay qud tdidr prdsditd qud di MPv6 sd ckisuhd di hucjks casks hs tremck di ga pdtmcmi fd ga

miekrhacmi qud di ga traisedrdicma fd ga miekrhacmi di s.

CKHLMIA\ UA\MKS CSS K BS DI TIK

Catdokra2 Ckidctmvmfaf, CSS, BavaScrmpt

Ikrhaghditd gks BavaScrmpt y gks CSS sd dicuditrai di puitks fd ga pomia ckhk ga caldcdra

7jdaf9qud lgkqudai ga fdscaroa fd ktrks dgdhditks. Dstk smoimemca qud cuaifk ga pomia sd dhpmdza a

fdscaroar, ga fdscaroa di paragdgk fd dstks dgdhditks jacd qud sd pudfai lgkqudar ktrks.

Para qud euicmkid tkfk hs rpmfk, ds hdbkr tdidr ui imck emcjdrk .BSk .CSSfd ui tahak

haykr qud ik varmks pdqudks. Tik fd gks haykrds ckstds fd ckidctmvmfaf ds ga prkpma ckidxmi y

fdsckidxmi fd gas fdscaroas, pkr gk qud sm gk rdfucmhks, hdbkr qud hdbkr.

Tia fd gas ekrhas qud jay para rdfucmr dstks emcjdrks y ckhlmiargks di uik ds jacdr usk fdJttpCkhlmidr1. Ga mfda qud ckhlmiar tkfks gks scrmpts di ui lgkqud, y gks CSS di ktrk. Fd dsta ekrha

tdifrahks agok tag qud2

7scrmpt typd8"tdxt/bavascrmpt"

src8"JttpCkhlmidr.asjx;s8scrmpts&t8tdxt/bavascrmpt&v81"97/scrmpt9

Agok pardcmfk kcurrmra cki gas jkbas fd dstmgk2

7gmin typd8"tdxt/css" rdg8"stygdsjddt"

jrde8"JttpCkhlmidr.asjx;s8css&t8tdxt/css&v81"97/gmin9

Para dggk usardhks ui emcjdrk fd ckiemouracmi (wdl.ckiemo) qud sdr smhmgar a dstd2

7appSdttmios9

7aff ndy8"scrmpts" vagud8"bs/bqudry.bs, bs/bFatd.bs, bs/bQudry.Ckrd.bs,

bs/bQudry.Fdgdoatd.bs, bs/bQudry.Uagmfatmki.bs"/9

7aff ndy8"css" vagud8"css/Vjdhd.css, css/Ckhhki.css, css/ormf.css"/9

7/appSdttmios9

1jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/jttpckhlmidr/jttpckhlmidr.zmp
http://archive.msdn.microsoft.com/HttpCombinerhttp://archive.msdn.microsoft.com/HttpCombinerhttp://webperformanceoptimization.es/httpcombiner/httpcombiner.ziphttp://webperformanceoptimization.es/httpcombiner/httpcombiner.ziphttp://webperformanceoptimization.es/httpcombiner/httpcombiner.ziphttp://webperformanceoptimization.es/httpcombiner/httpcombiner.ziphttp://archive.msdn.microsoft.com/HttpCombiner


13/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia 1}

#iav gm a2jkvdr.mtdh1 {lacnorkuif-pksmtmki20px -?}

#iav gm a.mtdh< {lacnorkuif-pksmtmki20px -163px>}

#iav gm a2jkvdr.mtdh< {lacnorkuif-pksmtmki20px -}

MICGTM\ MHODIDS DI JVHG K CSS CKI DG HVKFK FAVA2

Catdokra2 Ckidctmvmfaf, Ckitdimfks, CSS, Mhodids

Smoumdifk dg hmshk smstdha qud gks CSS Sprmtds, pkfdhks pgaitdariks qud tahlmi ski agok

midedctmvks di aqudggks casks di gks qud dstks pdqudks mckiks sd utmgmcdi fd ekrha huy ckicrdta. Di

dsks hkhditks casm sd pudfd ckismfdrar qud micgumr ga mhaodi fmrdctahditd di dg cfmok euditd fdg

JVHG sdra hs rpmfk.

Dg cask fdgfata2 T\G scjdhdvmdid a rdskgvdr dsta smtuacmi, y ds qud di 1==: ya sd pgaitd

dstd dstifar qud ik cuhpgdi tkfks gks iavdoafkrds, pkr gk qud fdldrdhks prklar di cafa cask.

Ga mfda ds micgumr di dg prkpmk cfmok dg dgdhditk di s, ckfmemcafk diLasd56qud jar qud ik

tdioahks qud rdagmzar pdtmcmkids dxtdrias smik qud va mickrpkrafk di dg prkpmk cfmok euditd, ya sda

fdg JVHG ckhk fdg CSS.
http://tools.ietf.org/html/rfc2397http://tools.ietf.org/html/rfc2397http://tools.ietf.org/html/rfc2397http://es.wikipedia.org/wiki/Base64http://es.wikipedia.org/wiki/Base64http://es.wikipedia.org/wiki/Base64http://es.wikipedia.org/wiki/Base64http://tools.ietf.org/html/rfc2397


14/70



Dg euicmkiahmditk fd dstd dgdhditk sdra agok tag qud as2

fata2^7hdfmatypd9X^>lasd56X,7fata9

Dg prmhdrk fd gks dgdhditks 7hdfmatypd9ckrrdspkifd cki dg HMHD Vypd fdg ckitdimfk a

hkstrar (pkr dbdhpgk ui mhaod/pio). Ag emiag, di ckfmemcacmi Lasd56 mr dg ckitdimfk. Qudfara agok

pardcmfk a dstk22

7mho src8fata2mhaod/pio>lasd56,mUw0STjD...lP?_gESCC agt8gkok9

Gk mitdrdsaitd ds qud sd pudfd utmgmzar fditrk fd gks CSS, pkr gk qud gas mhodids pasarai a

ekrhar partd fd ui CSS fd ui tahak haykr y rdfucmdifk ga caitmfaf fd pdtmcmkids.


15/70



TSK FD ODV DI PDVMCMKIDS ABAZ

Catdokra2 Ckidctmvmfaf

Dg euicmkiahmditk fdg JVVP ds lastaitd ckhpgdbk y pdrhmtd tralabar fd hucjas haidras di ga

ckhuimcacmi ditrd dg cgmditd-sdrvmfkr.

Dg euicmkiahmditk fdg smstdha PKSV sd fmvmfd di fks partds2 ga prmhdra di ga qud sd haifai gks

dicaldzafks y, uia vdz sd jaya ggdvafk a calk dstk, sd haifa ga miekrhacmi. Afdhs, agouiks

iavdoafkrds sgk pdrhmtdi ui tahak gmhmtafk fd miekrhacmi qud pudfd sdr hdikr a gks < Nmgklytds.

Pkr dsta razi sd rdckhmdifa dg usk fdg smstdha ODV, ya qud cki uia imca pdtmcmi sd diva yrdcmld tkfa ga miekrhacmi. Afdhs, sdoi dg\EC


16/70



PA\AGDGMRA\ PDVMCMKIDS JVV P

Cuaifk jalgahks fd smtmks wdl ik pkfdhks kgvmfar chk euicmkia dg prktkckgk qud pdrhmtd dg

mitdrcahlmk fd miekrhacmi, qud prmicmpaghditd ds dg JVVP. Gks iavdoafkrds tmdidi cmdrtks ghmtds a ga

jkra fd fdscaroar y divmar miekrhacmi, y ds qud ik pkfdhks prdtdifdr fdscaroar 100 cksas di paragdgk

pkrqud smhpgdhditd ga caroa fd gks smtmks sd jara mitdrhmialgd.

Ds pkr dstk qud gks iavdoafkrds paragdgmzai ditrd < y 4 ckidxmkids smhugtidas para fd dsa

haidra pkfdr mr fdscaroaifk miekrhacmi pkck a pkck y qud sd vaya hkstraifk pkr paitagga.

Dg haykr prklgdha fd dstk ds tdidr hucjas pdtmcmkids pdqudas k tdidr pdtmcmkids qud

lgkqudai ktras, ya qud ik tkfas sd pudfdi tratar fd ga hmsha haidra.

HDBK\ TIA O\AIFD QTD HTCJAS PDQTDAS


Gas pdtmcmkids JVVP sudgdi ckisuhmr agouiks lytds di cafa uia fd sus pdtmcmkids qud ski

mitmgds di cuaitk a qud sd utmgmzai para ga ckhuimcacmi fd gas pgataekrhas pdrk ik para hkstrar dgrdsugtafk emiag fdg smtmk wdl. Vdimdifk di cudita dstk, di ga haykra fd casks, sd fa pmd a qud ds hdbkr

jacdr uia pdtmcmi oraifd qud hucjas pdqudas para rdfucmr dg ckstd fd dstas ckhuimcacmkids.

Ds pkr dstk qud ds huy rdckhdifalgd ga ckhlmiacmi fd CSS y BS k fd gas mhodids di CSS

Sprmtds.

MICGTM\ GKS CSS DI GA PA\VD STPD\MK\

Catdokra2 Ckidctmvmfaf, CSS

Ckhk ga haykra fd smtmks jky di fa utmgmzai jkbas fd dstmgk, su usk mhpgmca qud dg iavdoafkr ja

fd saldr dxactahditd fifd ja fd mr ga miekrhacmi aitds fd hkstrarga pkr paitagga para ui usk

ptmhk. Dstk smoimemca qud cuaitk aitds tdioa fmcja miekrhacmi, aitds pkfr apardcdr.

Dg jdcjk fd mickrpkrar gks CSS di ga partd fdg 7jdaf9 fdg JVHG mhpgmca qud sd fdldra caroar

dsta miekrhacmi aitds fd hkstrar dg rdstk fd ga pomia di dg iavdoafkr, agok qud auhditar ga

vdgkcmfaf a ga jkra fd rdifdrmzar gks dgdhditks.


17/70



MICGTM\ GKS BS DI GA PA\VD MIED\MK\

Catdokra2 Ckidctmvmfaf, BavaScrmpt

Gks BavaScrmpt tmdidi uia pdcugmarmfaf y ds qud ds huy prklalgd qud lgkquddi ga caroa fdg smtmk

fdlmfk a qud ik sudgdi pdrhmtmr hs fd < pdtmcmkids di paragdgk, fdpdifmdifk fdg iavdoafkr usafk.

Dstk tahlmi pudfd ggdoar a jacdr lgkqudar tkfk dg smtmk sm pkr agouia razi dg BavaScrmpt ik

pudfd prkcdsarsd di ui tmdhpk razkialgd, y di tag cask pudfd lgkqudar mhodids, CSS u ktrks

ckitdimfks.

Pkr dsta razi sd rdckhmdifa qud, di ga hdfmfa fd gk idcdsarmk, gks emcjdrks fd BavaScrmpt sdsmtdi ag emiag fd ga pomia, para qud sd pudfai caroar tkfks gks ktrks dgdhditks aitds, y ag emiag dstks

scrmpts.

TSK FDG AV\MLTVK FDED\ PA\A SC\MPVS QTD SMI FKCTHDIV._\MVD


Tia fd gas pdcugmarmfafds qud tmdid ga caroa fd BavaScrmpt fdsfd emcjdrks dxtdriks ds qud sd gd

pudfd mifmcar qud sdai apgazafks hdfmaitd dg atrmlutk fdedr.

7scrmpt src8emcjdrk.bs fdedr97/scrmpt9

Oracmas a dstk, aqudggks emcjdrks fd euicmkids k qud ik idcdsmtdi pmitar pkr paitagga pudfdi

caroarsd pkstdrmkrhditd sm dg smstdha as gk fdcmfd y ik lgkqudar dg rdstk fd pdtmcmkids.

TSK FD IKI-LGKCNMIO SC\MPVS


Oracmas a ga aparmcmi fd iudvas vdrsmkids fd iavdoafkrds y, sklrd tkfk, fd iudvks hktkrds fd

prkcdsk fd dstd gdiouabd, dg tralabk fdg ABAZ (BavaScrmpt asicrkik) dst pdrhmtmdifk qud gks scrmpts sd

caroudi fd uia ekrha qud ik lgkqudai dg rdstk fd pdtmcmkids.

Afdhs, sd dst pgaitdaifk aafmr dg atrmlutk asyic di ga caroa fd gks scrmpts para qud ik

lgkqudd di alskgutk gas pdtmcmkids fdg iavdoafkr y ik tdioa pkrqu caroarsd di dg krfdi dstalgdcmfk.


18/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia 1?

Ikrhaghditd, di dg cask fd usar dg asyic, dg smstdha euicmkiara ckhk sm carosdhks dg scrmpt

tras ui kigkaf fd ga pomia.

7scrmpt src8emcjdrk.bs asyic97/scrmpt9

Ktra fd gas ekrhas sdicmggas fd caroar arcjmvks fd ekrha qud ik qudfdi lgkqudafks ds a travs

fdg usk fd BavaScrmpt y dgdhditks fdg FKH. Para dggk pkfdhks usar ui smstdha lastaitd sdicmggk2

var bs 8 fkcuhdit.crdatdDgdhdit('scrmpt')>

bs.src 8 'emcjdrk.bs'>

var jdaf 8 fkcuhdit.odtDgdhditsLyVaoIahd('jdaf')^0X>

jdaf.appdifCjmgf(bs)>

Di dstd cask ga caroa fdg BavaScrmpt sd jar fdsfd ga prkpma caldcdra fdg smtmk y ik sd micgumr di

dg pmd, ckhk sd sudgd rdckhdifar.

Auiqud, ktra kpcmi hs avaizafa sdra ga fd fdscaroar dg BavaScrmpt, y, di dg hkhditk di dg

qud dst fdscaroafk dg emcjdrk, jacdr qud dg iavdoafkr gk caroud y di dstd hkhditk, sm sd ja fd

dbdcutar sd pkfra jacdr smi idcdsmfaf fd dspdrar.

var bs 8 fkcuhdit.crdatdDgdhdit("scrmpt")>

bs.prdgkaf 8 trud>

bs.src 8 "emcjdrk.bs"> //aqu sd fdscaroabs.kiprdgkaf 8 euictmki() {

fkcuhdit.lkfy.appdifCjmgf(scrmpt)> //aqu sd dbdcuta

}>

Fd ga hmsha ekrha, auiqud ik sda cki scrmpts, Emrdekx tmdid gmhmtacmkids cki gks emcjdrks CSS,

fd ekrha qud pkfrahks caroargks hdfmaitd ui smstdha smhmgar.

var j 8 fkcuhdit.odtDgdhditsLyVaoIahd('jdaf')^0X>

var gmin 8 fkcuhdit.crdatdDgdhdit('gmin')>

gmin.jrde 8 'emcjdrk.css'>

gmin.typd 8 'tdxt/css'>

gmin.rdg 8 'stygdsjddt'>

j.appdifCjmgf(gmin)>

A partd fd dstks htkfks, pkfdhks dickitrar fks ekrhas hs para caroar arcjmvks di

BavaScrmpt qud tahpkck lgkqudai ga caroa. Ga prmhdra fd dggas ds utmgmzaifk ga euicmi sdtVmhdkut().

sdtVmhdkut(euictmki() {

var scrmpt 8 fkcuhdit.crdatdDgdhdit("scrmpt")>

scrmpt.typd 8 "tdxt/bavascrmpt">

scrmpt.src 8 "arcjmvk.bs">


19/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia 1:

fkcuhdit.odtDgdhditsLyVaoIahd("jdaf")^0X.appdifCjmgf(scrmpt)>

}, 0)>

Ag caroar dg sdtVmhdkut() cki ui tmdhpk fd 0 gk qud jacdhks ds caroargk di cuaifk sd gda dg

cfmok fd uia ekrha asicrkia.

Ga ktra ekrha ds ga caroa cuaifk ga vditaia sd jaya acalafk fd caroar, ds fdcmr, cuaifk sd

jaya acalafk fd rdifdrmzar dg cfmok.

wmifkw.kigkaf 8 euictmki() {

var scrmpt 8 fkcuhdit.crdatdDgdhdit("scrmpt")>

scrmpt.typd 8 "tdxt/bavascrmpt">

scrmpt.src 8 "arcjmvk.bs">fkcuhdit.odtDgdhditsLyVaoIahd("jdaf")^0X.appdifCjmgf(scrmpt)>

}>

DUMVA\ DIGACDS A CKIVDIMFKS 606 IKV EKTIF

Catdokra2 Ckidctmvmfaf, Ckitdimfks

Ktrk fd gks oraifds prklgdhas qud prkvkca uia ragditmzacmi a ga jkra fd fdscaroar ckitdimfks

fd cuagqumdr tmpk ds jacdr pdtmcmkids a arcjmvks qud ik dxmstdi, ya sdai mhodids, BavaScrmpt, CSS...

Pkr ikrha odidrag, sm sd jacd uia pdtmcmi a ui dgdhditk midxmstditd, dg iavdoafkr parar

tkfas gas pdtmcmkids jasta qud sd prkcdsd ckrrdctahditd dg drrkr.


20/70


Bavmdr Casards jttp2//wdlpdrekrhaicdkptmhmzatmki.ds/ Pomia 1=

DZVD\IAGMRA\ CKIVDIMFKS CSS ] BS

Gks iavdoafkrds fd jky di fa pdrhmtdi qud dg cfmok euditd fd uia pomia ik tdioa qud dstar

ckhpgdtahditd micgumfk smik qud sd pudfd dxtdriagmzar. Ds pkr dstk qud, ag mouag qud gas mhodids, gks

emcjdrks BavaScrmpt u Jkbas fd Dstmgk sd pudfdi skgmcmtar fdsfd emcjdrks dxtdriks.

EMCJD\KS .CSS ] .BS CACJDALGDS

Catdokra2 CSS, BavaScrmpt

Tia fd gas vditabas fd dxtdriagmzar gks emcjdrks BS k CSS ds qud sd pudfdi cacjdar fd ekrha

qud, hdfmaitd gas rdogas qud jd ckhditafk aitds, pkfdhks miekrhar a gks iavdoafkrds sm jai fd

fdscaroarsd iudvas vdrsmkids k ik fd gks emcjdrks.

Afdhs, jay qud rdckrfar qud dstd tmpk fd arcjmvks ski tdxtuagds, pkr gk qud sd pudfdi

cacjdar y divmar ckhprmhmfks cki dg smstdha Ozmp sm dg sdrvmfkr wdl gk pdrhmtd.

Vahlmi ds mitdrdsaitd rdckrfar qud dstks emcjdrks di prmicmpmk ik dsti prkorahafks y ik

tmdidi pkrqu idcdsmtar fd ckknmds, as qud sd pkfrai pkidr di ui fkhmimk para dsttmcks smi imioiprklgdha.

HDBK\ TSA\ DG VAO 7GMIN9 DI UDR FD @MHPK\V PA\A GKS CSS

Catdokra2 CSS

Dg usk fd @mhpkrt ds, ckhk qumdi fmcd, arcamck y qud jky di fa ya ik fdldra utmgmzarsd. Dg usk

jacd ui tmdhpk dra lsmcahditd pkrqud ckhk gks iavdoafkrds hs aitmouks ik drai capacds fd gddrgk,

sd pkfai crdar pdqudks smstdhas agtdriatmvks para qud uiks iavdoafkrds gdydsdi uiks y ktrks, ktrks.

Dstahks jalgaifk fd iavdoafkrds ckhk Idtscapd 6 k Mitdridt Dxpgkrdr 3.

Cki dg pask fdg tmdhpk dsk ya ik ds idcdsarmk, pkr gk qud dstd smstdha ik tmdid idcdsmfaf fd

utmgmzarsd.


21/70




22/70




23/70




24/70




25/70




26/70




27/70




28/70




29/70




30/70




31/70



TSA\ DVAOS

Auiqud cacjdar ckitdimfks ds ui ludi smstdha para qud gks iavdoafkrds ik jaoai pdtmcmkids

fd hs, ktrk smstdha huy mitdrdsaitd y prkactmvk ds dg fd mifmcar ga gtmha vdz qud sd hkfmemc dg

fkcuhditk. Oracmas a dsta miekrhacmi taitk dg sdrvmfkr ckhk gks iavdoafkrds pkfri fdemimr sm dg

usuarmk fdld fdscaroar uia iudva vdrsmi fdg ckitdimfk k ik.

Dstd smstdha ds tktaghditd ckhpatmlgd y ckhpgdhditarmk cki gas cacjs, pkr gk qud su usk,

sklrd tkfk di ckitdimfks fmihmcks, sd vudgvd casm mhprdscmifmlgd.

Jay qud fmedrdicmar ditrd dg smstdha Gast-Hkfmemdf y dg DVao. Dg prmhdrk fd dggks haifa ga

edcja fd gtmha hkfmemcacmi y dg sdouifk haifa ui mfditmemcafkr imck fdg ckitdimfk y ga actuagmzacmi

fdg hmshk.

Oracmas ag usk fd dstd smstdha gks sdrvmfkrds wdl y gks iavdoafkrds sd ckhuimcari fd tag

haidra qud dg sdrvmfkr pkfr fdvkgvdr ui Cfmok fd Dstafk 306, oracmas ag cuag sd avmsa ag iavdoafkr

qud dg ckitdimfk ik ja cahlmafk y qud, pkr gk taitk, ik jay imiouia idcdsmfaf fd tdidr qud vkgvdrgk a

fdscaroar y fd dsta ekrha ajkrrar tmdhpk y aicjk fd laifa.

FDUKGUD\ GA CALDCD\A DVAO

Catdokra2 Ckitdimfks, Sdrvmfkr

Ga hdbkr ekrha fd ckhuimcacmi ditrd gks iavdoafkrds y dg sdrvmfkr Apacjd di dg cask fd saldr

sm ui ckitdimfk sd ja hkfmemcafk k ik ds dg usk fdg DVao. Dstd smstdha sd lasa di gks mikfd, tahak y

edcja fd actuagmzacmi, fd ekrha qud sd ckivmdrtd di uia ekrha hs ckhpgdta qud ga smhpgd edcja fd

actuagmzacmi.

Para actmvargk tai sgk jalra qud ckiemourar agok smhmgar a gk smoumditd2

EmgdDVao Agg

Di dg cask fd MMS, a partmr fd ga vdrsmi ? dg smstdha ya vmdid actmvafk pkr fdedctk, auiqud sgk

euicmkia cki ckitdimfks dsttmcks. Di vdrsmkids aitdrmkrds ds lastaitd ckhpgdbk fd ckiemourar auiqud

dxmstdfkcuhditacmi kemcmag fd Hmcrksket.
http://technet.microsoft.com/es-es/library/ee619764%28WS.10%29.aspxhttp://technet.microsoft.com/es-es/library/ee619764%28WS.10%29.aspxhttp://technet.microsoft.com/es-es/library/ee619764%28WS.10%29.aspxhttp://technet.microsoft.com/es-es/library/ee619764%28WS.10%29.aspx


32/70



CALDCD\A DVAO DI CFI K FKHAMI SJA\FMIO

Catdokra2 Ckitdimfks, Sdrvmfkr

Auiqud actmvar gks DVao pudfd sdr huy mitdrdsaitd, sm tdidhks ui smstdha fmstrmlumfk di

ekrhatk Fkhami Sjarfmio, pkr dbdhpgk y ya ik fmoahks di ui CFI, pkfdhks tdidr cmdrtks prklgdhas

ya qud uia mhaodi pkfra tdidr fmstmitks DVao fdpdifmdifk fdg sdrvmfkr (jkst) ag qud sd dst ggahaifk.

Dg DVao pdrhmtd fmedrditds kpcmkids. Pkr fdedctk usahks Agg para qud gk ckiemourd

autkhtmcahditd, auiqud pdrhmtd trds parhdtrks2 MIkfd HVmhd Smzd.

Di dg cask fd rdfds di CFI k cki Fkhami Sjarfmio sdra mitdrdsaitd usar ga ckiemouracmi2

EmgdDtao HVmhd Smzd


33/70




34/70



www.fkhmimk.dxt/dstmgks.css www.fkhmimk.dxt/scrmpts.bs ww1.fkhmimk.dxt/mhaodi1.pio ww1.fkhmimk.dxt/mhaodi


35/70



CALDCD\AS CKI CKIV\KG FD CACJ ] DZPM\ACMI

Catdokra2 CSS, Mhodids, BavaScrmpt, Sdrvmfkr

Cacjdar ckitdimfks wdl ds lastaitd sdicmggk smdhprd y cuaifk sd tratdi fd pomias di JVHG,

ya qud tdidhks agouias hdtadtmqudtas qud pdrhmtdi mifmcar ga edcja fd cafucmfaf fd ga pomia> pdrk

cuaifk sd trata fd ktrks ckitdimfks, ga imca ekrha fd mifmcar cuifk cafucai fmcjks ckitdimfks ds a

travs fdg prkpmk sdrvmfkr wdl.

Ga euicmi lsmca fd ga cacj ds qud ui usuarmk ik sd vudgva a fdscaroar hucjas vdcds ui

hmshk ckitdimfk qud ik cahlma. Para dstk fdldhks mifmcargd ag sdrvmfkr gks ckitdimfks (ikrhaghditd

gas dxtdismkids) fd gks emcjdrks y dg tmdhpk qud qudrdhks qud dsti cacjdafks.

Para dggk pkfdhks usar fks smstdhas2 dg fd avmsar ga caitmfaf fd tmdhpk qud dg arcjmvk ja fd

haitdidrsd di cacj (ikrhaghditd di sdouifks) k ga edcja ckicrdta jasta ga qud jay qud aghacdiar

fmcja miekrhacmi.

Di dg cask fd Apacjd gk jalmtuag ds mifmcar ui tmdhpk fdsfd ga edcja fd accdsk k fd

hkfmemcacmi, fd ekrha qud pkfrdhks micgumr agok fd dstd dstmgk di dg emcjdrk fd ckiemouracmi odidrag k

di dg partmcugar fdg fkhmimk. Dxmstdi varmas ekrhas fd mifmcargk, oracmas agHkf[Dxpmrds.

7EmgdsHatcj "W.(mck|ome|bpo|pio|egv|pfe|hp3|bs|css|xhg)$"9Jdafdr sdt Cacjd-Ckitrkg "hax-aod8


36/70


37/70



7EmgdsHatcj "W.(mck|pfe|egv|bpo|bpdo|pio|ome|bs|css|swe)$"9

Jdafdr sdt Cacjd-Ckitrkg "pulgmc"

Jdafdr sdt Dxpmrds "Vju, 14 Apr


38/70



P\DCA\OA FD DGDHDIVKS

Tia ekrha fd jacdr qud ui smtmk wdl vaya hs rpmfk (fd cara ag usuarmk) ds prdcaroaifk

dgdhditks, qud ik fdba fd sdr ktra cksa qud avaizarsd a ga iavdoacmi fdg usuarmk.

Dsta tcimca pudfd sdr huy tmg sklrd tkfk sm saldhks qud dg usuarmk tmdid qud iavdoar fd uia

cmdrta haidra y pkfdhks prdfdcmr sus pasks.

AIVMCMPA\ ] CACJDA\ DGDHDIVKS


Di hucjas kcasmkids pkfdhks saldr qud sm dg usuarmk jacd agouia accmi di ckicrdtk smoimemca

qud va a iavdoar jacma ktra pomia.

Ti dbdhpgk sdicmggk pkfra sdr dg qud sd rdagmza cuaifk sd pkid ui dgdhditk di dg carrmtk fd ga

ckhpra. Di dstd cask saldhks qud, di lrdvd, dg usuarmk pugsar di dg carrmtk pkr gk qud pkfdhks

prdcaroar dgdhditks qud apardcdri di dsa paitagga, ckhk pudfdi sdr mhodids k scrmpts.

Ktrk dbdhpgk, qud usai luscafkrds ckhk ]ajkk!, ds dg fdg cabdti fd lsqudfa. Cuaifk dg

usuarmk ditra di ga pomia prmicmpag pudfd mr a ktrks smtmks, pdrk sm pugsa di dg cabdti smoimemca qud va a

luscar, y di dg tmdhpk qud rdagmza ga ckisugta y pugsa di luscar, sd pudfdi prdcaroar gas mhodids y

scrmpts fd gas pomias fd rdsugtafks.


39/70



\DFTCM\ GAS PDVMCMKIDS FIS

Cafa vdz qud idcdsmtahks saldr ga fmrdccmi MP fd ui fkhmimk k sulfkhmimk tdidhks qud

rdagmzar uia ckisugta a gks sdrvmfkrds FIS, gk qud smoimemca qud dg usuarmk pmdrfd cmdrtk tmdhpk di dstas

pdtmcmkids.

HMIMHMRA\ GAS PDVMCMKIDS DZVD\IAS


Sm qudrdhks tdidr hdiks pdtmcmkids, cgark dst, jay qud mitditar qud di tu smtmk wdl jaya ga

hdikr caitmfaf fd pdtmcmkids a fkhmimks fmstmitks. Dstk smoimemca qud sm pkfdhks jacdr pdtmcmkids sgk a

1 k < fkhmimks ckisdoumrdhks uia ckhlmiacmi ptmha di ga rdskgucmi fd FIS.

Sm tdidhks di cudita qud tdidhks ui fkhmimk para gks ckitdimfks fmihmcks y ktrk cki

ckitdimfks dsttmcks (micgusk buoaifk cki Fkhami Sjarfmio) ggdoardhks a dsa ckhlmiacmi.

Para saldr sm ds rditalgd micgumr ktrks fkhmimks a ga pomia sgk jdhks fd vdr qud ag hdiks sd

jaoai < ggahafas. Dstk jacd qud cfmoks ckhk Okkogd Aiagytmcs k Okkogd Afsdisd ragditmcdi ga caroa fdsmtmks. Ds pkr dstk qud, di dstks casks (smdhprd qud sda pksmlgd) sd jaoa uia vdrsmi fd cacj fd

aqudggks dgdhditks qud ski rdpdtmtmvks pdrk sgk sd ggahai uia vdz y qud sd caroudi fdsfd iudstrk

fkhmimk dsttmck.

TSK FD SC\MPS ASIC\KIKS


Ktra kpcmi para qud ga caroa fdg smtmk sd jaoa hs rpmfa ds qud, aqudggks scrmpts qud sd ggahdi

fdsfd fkhmimks fmstmitks sd caroudi fd ekrha asicrkia. Oracmas a dstk ckisdoumrdhks qud dg tmdhpk fd

rdspudsta fd gas FIS ik agtdrd ga caroa fd fmcjks scrmpts.

Aui as, dstd smstdha pkfra jacdr qud, sm dg usuarmk cahlma k cmdrra ga pomia huy rpmfk, dstas

pdtmcmkids iuica sd ggdvdi a calk y gks scrmpts u ktrks dgdhditks ik sd ggdoudi a dbdcutar iuica.


40/70



\DFTCM\ DG TSK FD CIAHD


Cuaifk jacdhks uia pdtmcmi a gks sdrvmfkrds FIS gk qud luscahks di ga haykra fd kcasmkids

ds ga fmrdccmi MP a ga qud ckrrdspkifd fmcjk fkhmimk k sulfkhmimk. Dstk jacd qud pkfahks rdgacmkiar

dsd fkhmimk k sulfkhmimk di ckicrdtk cki su MP y aghacdiarga di ga cacj fd FIS.

Pdrk di hucjas kcasmkids sd ckiemourai fatks di gas FIS ckhk sm sd tratasd fd ditrafas

CIAHD, qud ik fdbai fd sdr agmas fd ktrks rdsugtafks fd gas hmshas. Dstk smoimemca qud sm yk jaok uia

pdtmcmi fd ui sulfkhmimk y hd fdvudgvd ui CIAHD, tdifr qud rdagmzar ktra pdtmcmi ag sdrvmfkr FIS

para rdskgvdr ga fmrdccmi MP fd dsd agmas.

Dstk mhpgmca qud dg prkcdsk vaya hs gditk, pkr gk qud sd rdckhmdifa rdfucmr dg usk fd CIAHD

a aqudggas ditrafas fd fmrdccmkids MP qud ik pkfahks ckitrkgar, ckhk pkfrai sdr sdrvmcmks qud iks fai

tdrcdrks.

CKIEMOT\ACMI FD GKS FIS


Auiqud pkr ikrha odidrag gas FIS vmdidi ckiemourafas pkr fdedctk, di ui prkydctk iudvk d

mhpkrtaitd iuica dst fd hs ckiemourar fd ekrha pdrskiagmzafa gks sdrvmfkrds FIS.

VVG2 Dg VVG ds dg tmdhpk fd vmfa (cacj) fd gas FIS. Vdimdifk di cudita qud gas FIS ik ds agokqud sd actuagmcd cki erdcudicma, jay qud pdisar di pkidr uiks vagkrds hdfmaiahditd

razkialgds y agtks. Ckhk himhk jay qud pkidr 50 hmiutks y ik dst fd hs pgaitdarsd

micgusk mifmcar 1 fa.

Fkhmimks dxtmcks2 Jay qud tdidr cumfafk cki agouiks fkhmimks (pkr dbdhpgk gks .G]) ya qudsd dicuditrai gdbks fd gks usuarmks emiagds. Dstks fkhmimks a imvdg ogklag sudgdi tdidr ui VVGhuy dgdvafk (micgusk < fas) y pudfd jaldr prklgdhas cuaifk dg sdrvmcmk eagga. Afdhs, ga

fdpdifdicma fd gks pasds ds fdhasmafk dgdvafa. Gks .G] tmdidi < sdrvmfkrds di Gmlma, pkr gk odidrag jacdr dstk sudgd rdfucmrdg tahak fd gks arcjmvks cdrca fd ui uia fd gas jdrrahmditas qud pdrhmtd jacdrgk dsOmesmcgd. Kptmhmzar gks PIO> pudfd ggdoarsd a rdfucmr sklrd ui 14% cki jdrrahmditas ckhkPiocrusj. Kptmhmzar gks BPO> pudfd rdfucmrsd dg tahak cdrca fd ui 10% cki jdrrahmditas ckhk

bpdotrai.
http://www.imagemagick.org/http://www.imagemagick.org/http://www.imagemagick.org/http://www.smushit.com/http://www.smushit.com/http://www.smushit.com/http://www.imagemagick.org/http://www.imagemagick.org/http://www.imagemagick.org/http://www.lcdf.org/gifsicle/http://www.lcdf.org/gifsicle/http://www.lcdf.org/gifsicle/http://pmt.sourceforge.net/pngcrush/http://pmt.sourceforge.net/pngcrush/http://pmt.sourceforge.net/pngcrush/http://jpegclub.org/jpegtran/http://jpegclub.org/jpegtran/http://jpegclub.org/jpegtran/http://pmt.sourceforge.net/pngcrush/http://www.lcdf.org/gifsicle/http://www.imagemagick.org/http://www.smushit.com/http://www.imagemagick.org/


43/70




44/70



Ktrk fdtaggd mhpkrtaitd fd ga cagmfaf fdgks BPDO ds qud jay cmdrtks ghmtds. Pkr dbdhpgk,

ckhprmhmr uia mhaodi ag =4% k ag 100% ds miaprdcmalgd, pdrk dg tahak fdg emcjdrk vara hucjsmhk. Fd

ga hmsha ekrha, ckhprmhmr a ui 40% pudfd prkvkcar uia prfmfa dxcdsmva fd cagmfaf y, smi dhlarok,

ckhprmhmr a ui 41% pudfd ggdoar a kcupar hdiks tahak dg emcjdrk y uia hdikr prfmfa.

CKFMEMCACMI FD GKS PIO

Catdokra2 Mhodids

Dg ekrhatk fd mhodids PIO (Pkrtalgd Idtwkrn Orapjmcs) sd crd ckhk sustmtucmi fdg smstdhaOME qud tmdid gmcdicma prkpmdtarma y, afdhs, sd hdbkr ya qud sd ckikcai hucjks prklgdhas fd gks OME

y BPDO.

Dstd tmpk fd mhodids tmdid 4 pksmlmgmfafds fd aghacdiahmditk2 Orayscagd(dscaga fd ormsds),

Vrudckgkr(ckgkr vdrfafdrk), Mifdxdf-ckgkr(ckgkr mifdxafk), Orayscagd wmtj agpja(dscaga fd ormsds cki

caiag agea) y Vrudckgkr wmtj agpja(ckgkr vdrfafdrk cki caiag agea). Afdhs, dg Mifdxdf-ckgkrpdrhmtd

aghacdiar miekrhacmi ckhk lmt traispardicy(cafa pxdg pudfd sdr tktaghditd traisparditd k

tktaghditd kpack) kpagdttd traispardicy(cafa pxdg pudfd sdr sdhmtraisparditd).

Tik fd gks haykrds prklgdhas ds qud ga haykra fd prkorahas ik acala fd pdrhmtmr dgdomr

ditrd tkfks dstks ekrhatks y kpcmkids, pkr gk qud smdhprd sdr rdckhdifalgd dg usk fd jdrrahmditasckhkKptmPIOkpiocrusjqud ckivdrtmri ga mhaodi a ga hdbkr kpcmi pksmlgd. Di dstd cask, gk hdbkr

sdr ouarfar ga mhaodi di dscaga fd ormsds sm ds dg cask, k di ckgkr vdrfafdrk sm ds di ckgkr, ya qud dstas

jdrrahmditas autkhtmcahditd ckhprudlai sm sd pudfd rdfucmr a ckgkr mifdxafk.

Ktra fd gas ekrhas fd rdfucmr dg tahak fd gks emcjdrks di PIO smi pdrfdr uia caitmfaf

dxcdsmva fd cagmfaf ds utmgmzaifk gapkstdrmzacmi(pkr dbdhpgk, a ui 60%). Auiqud dstd smstdha mhpgmqud

uia prfmfa fd cagmfaf, pudfd rdfucmr sklrd ui


45/70



fdfmcar cmdrtk tmdhpk a rdcagcugar dg tahak fd ga mhaodi y odidrar ga mhaodi qud vdr dg usuarmk, gk

cuag mhpgmca ui tmdhpk lastaitd dgdvafk.

Di dstks casks ds smdhprd hdbkr fmspkidr fd ga mhaodi di gks < tahaks, dg krmomiag y uik qud

sd jaoa odidrafk y cacjdafk aitdrmkrhditd qud sdr dg qud sd hudstrd pkr paitagga.

KPVMHMRA\ GKS CSS SP\MVDS

Catdokra2 Mhodids

Cuaifk odidrahks emcjdrks fd CSS Sprmtds jay qud tdidr cmdrtas ckismfdracmkids para saldr

cug ds ga ekrha ptmha fd kroaimzar gks fmstmitks dgdhditks qud micgumr dsta mhaodi fd mhodids.

Para ckhdizar, gks aigmsms qud sd jai jdcjk fmcdi qud ds hdbkr fmspkidr gas mhodids di

jkrmzkitag qud di vdrtmcag, fd ekrha qud ga mhaodi rdsugtaitd smdhprd fdld hdfmr hs fd garok qud fd

agtk.

Ktrk fdtaggd a tdidr di cudita, y prmicmpaghditd pkrqud gas mhodids qud ckhpkidi dstd

emcjdrk sudgdi sdr mckiks, jay qud mitditar ckhlmiar gks ckgkrds para qud dg rdsugtafk qudfd di OME


46/70



TSA\ TI EAUMCKI.MCK PDQTDK ] CACJDALGD

Catdokra2 Mhodids

Gks eavmcki ski dsks pdqudks mckiks qud apardcdi ag gafk fd gas fmrdccmkids T\G fd gks

iavdoafkrds hs hkfdriks y qud, di ui prmicmpmk, sd usalai ckhk ackhpaahmditk di gks gmstafks fd

eavkrmtks.

Dstks mckiks, pkr ikrha odidrag, ski ggahafks fd ekrha autkhtmca pkr gks iavdoafkrds, y sm

ik sd gds mifmca su dxmstdicma di uia fmrdccmi ckicrdta, sd luscai autkhtmcahditd ckhk dg emcjdrk

eavmcki.mck di ga carpdta raz fdg fkhmimk.

Ckhk dstd emcjdrk ik sudgd cahlmar, sd rdckhmdifa qud dxmsta (k di su fdedctk tdidr ui emcjdrk

qud kcupd 0 lytds para dvmtar odidrar drrkrds Cfmok 606) y qud dst cacjdafk pkr hucjk tmdhpk

(micgusk fd ekrha mifdemimfa).

Afdhs, fdlmfk a su usk, ds huy rdckhdifalgd qud dg tahak fdg hmshk ik sklrdpasd 1

nmgklytd.

DGDHDIVKS FD MHODIDS SMI CKIVDIMFK

Catdokra2 Mhodids

Di agouiks casks gks smtmks wdl pudfdi tdidr dgdhditks JVHG fd mhaodi smi ckitdimfk, agok

smhmgar a 7mho src89 k micgusk crdafk cki BavaScrmpt.

Auiqud gas iudvas vdrsmkids fd gks iavdoafkrds ya hdbkrai dg tratahmditk fd dstks casks, qud

lsmcahditd lgkqudai ga ckidxmi, agouiks ckhk Mitdridt Dxpgkrdr mitditai tradrsd tkfks gks

dgdhditks fdg fmrdctkrmk actuag, Saearm k Okkogd Cjrkhd mitditai caroar ga prkpma pomia ckhk mhaodi...

dstk pudfd prkvkcar uia caitmfaf fd tremck smi sditmfk di pdtmcmkids JVVP afdhs fd prkvkcar

prklgdhas di ga dxpdrmdicma fdg usuarmk, ckhk ga fdstruccmi fd miekrhacmi, pufmdifk odidrar

prklgdhas cki ckknmds.


47/70



JD\\AHMDIVAS PA\A KPVMHMRA\ MHODIDS

Catdokra2 Mhodids

Jdrrahmditas di gida2

Kigmid Mhaod Kptmhmzdr7jttp2//tkkgs.fyiahmcfrmvd.ckh/mhaodkptmhmzdr/9 PuiyPIO7jttp2//www.puiypio.ckh/9 Smtd\dpkrtCarf Mhaod Kptmhmzatmki7jttp2//smtdrdpkrtcarf.ckh/mhaodrdfucdr.pjp 9 Shusj.mt7jttp2//www.shusjmt.ckh/9

Jdrrahmditas fd dscrmtkrmk2

MhaodKptmh7jttp2//mhaodkptmh.pkridg.idt/9 - Hac KSZ BPO & PIO Strmppdr7jttp2//www.stddglytds.ckh/;hmf830 9 - _mifkws KptmPIO7jttp2//kptmpio.skurcdekrod.idt/9 PIOOauitgdt7jttp2//ldijkggms.idt/sketward/piooauitgdt/9 - _mifkws PIOKTV7jttp2//www.afvsys.idt/ndi/utmg/piokut.jth 9 - _mifkws \afmcag Mhaod Kptmhmzatmki Vkkg7jttp2//gucm.crmkswdl.rk/rmkt/9 - _mifkws Sjrmin KHatmc7jttp2//tknm-wknm.idt/p/Sjrmin-K-Hatmc/9 - Afkld AM\ VwdanPIO7jttp2//ditrkpyhmid.ckh/baski/twdanpio/9 - _mifkws
http://tools.dynamicdrive.com/imageoptimizer/http://tools.dynamicdrive.com/imageoptimizer/http://www.gracepointafterfive.com/punypng/http://www.gracepointafterfive.com/punypng/http://sitereportcard.com/imagereducer.phphttp://sitereportcard.com/imagereducer.phphttp://www.smushit.com/http://www.smushit.com/http://imageoptim.pornel.net/http://imageoptim.pornel.net/http://www.steelbytes.com/?mid=30http://www.steelbytes.com/?mid=30http://optipng.sourceforge.net/http://optipng.sourceforge.net/http://benhollis.net/software/pnggauntlet/http://benhollis.net/software/pnggauntlet/http://www.advsys.net/ken/util/pngout.htmhttp://www.advsys.net/ken/util/pngout.htmhttp://luci.criosweb.ro/riot/http://luci.criosweb.ro/riot/http://toki-woki.net/p/Shrink-O-Matic/http://toki-woki.net/p/Shrink-O-Matic/http://entropymine.com/jason/tweakpng/http://entropymine.com/jason/tweakpng/http://entropymine.com/jason/tweakpng/http://toki-woki.net/p/Shrink-O-Matic/http://luci.criosweb.ro/riot/http://www.advsys.net/ken/util/pngout.htmhttp://benhollis.net/software/pnggauntlet/http://optipng.sourceforge.net/http://www.steelbytes.com/?mid=30http://imageoptim.pornel.net/http://www.smushit.com/http://sitereportcard.com/imagereducer.phphttp://www.gracepointafterfive.com/punypng/http://tools.dynamicdrive.com/imageoptimizer/


48/70



KPVMHMRACMI FD CKIVDIMFKS HTGVMHDFMA

Afdhs fd gas mhodids, gks smtmks wdl pudfdi mickrpkrar ktrks dgdhditks hugtmhdfma qud

cafa fa vai crdcmdifk. Dstks dgdhditks hugtmhdfma sudgdi sdr emcjdrks dxtdriks qud jay qud caroar,

jalmtuaghditd cki gks dgdhditks 7klbdct9 k 7dhldf9 y qud pudfdi supkidr uia sklrdcaroa para gas

pomias.

\DFTCCMI FD EMCJD\KS S_E (AFKLD EGASJ)

Catdokra2 Ckitdimfks

Auiqud gks emcjdrks fd Afkld Egasj ik ski ckicrdtahditd mhodids, s qud ds cmdrtk qud ckhk

dgdhditks hugtmhdfma sd fdldi ui rdspdtk, ya qud dxmstdi di hucjks smtmks wdl. Gks emcjdrks S_E

dsti ckhprmhmfks fd pkr s oracmas ag smstdha fdegatdprkpmk fd Bava, pkr gk qud ag emiag, gk qud

rdcmlmhks ya dst rdfucmfk, pdrk sd pudfd rdfucmr ai hs oracmas a ?-Rmp, qud ckhprmhd hdbkr. Para

dggk usardhksapparat.Ds rdckhdifalgd hmrar di prkeuifmfaf su ckiemouracmi.

rdfucdr -m tdstWtdst.swe^mX Apparat -- jttp2//apparat.okkogdckfd.ckh/

^mX Gauicjmio tkkg2 \dfucdr

^mX _amtmio ekr ?z ...

^mX Ckhprdssmki ratmk2 1:.


49/70



Vdimdifk di cudita dstk, y qud oracmas a BavaScrmpt pkfdhks hkfmemcar gks dstmgks, pkfdhks

hdbkrar ui cfmok tag qud as2

7stygd typd8"tdxt/css" hdfma8"scrddi"9

@ekit-eacd {

ekit-eahmgy2 '_dlEkit'>

src2 urg('jttp2//www.dxahpgd.ckh/wdlekit.dkt')>

src2 gkcag(''), urg('jttp2//www.dxahpgd.ckh/wdlekit.wkee')

ekrhat('wkee'), urg('jttp2//www.dxahpgd.ckh/wdlekit.tte')

ekrhat('trudtypd'), urg('jttp2//www.dxahpgd.ckh/wdlekit.svo#wdlekit')

ekrhat('svo')>

ekit-wdmojt2 ikrhag>

ekit-stygd2 ikrhag>

}

j1 {ekit2 50px/5:px '_dlEkit', Armag, sais-sdrme> gdttdr-spacmio2 0>}

p {ekit2 1:px/


50/70



(euictmki() {

var dstmgk1 8 fkcuhdit.stygdSjddts^0X>

me ("euictmki" 888 typdke(dstmgk1.misdrt\ugd)) {

dstmgk1.misdrt\ugd(euditd1, 0)>

} dgsd me ("strmio" 888 typdke(dstmgk1.cssVdxt) ) {

dstmgk1.cssVdxt 8 euditd1>

}

})()>

7/scrmpt9

Afdhs, jay qud tdidr di cudita qud, di agouiks casks, Mitdridt Dxpgkrdr tmdid cmdrtks

prklgdhas cki ga caroa fd gas euditds, sklrd tkfk sm dg smtmk micguyd varmks BavaScrmpt, ya qud

fdpdifmdifk sm sd pkidi aitds fd ga jkba fd dstmgks pudfd lgkqudar ga caroa. Di dg cask ptmhk dstk ik

kcurrd gk qud pdrhmtd hdbkrar dg rdifmhmditk di cuagqumdr smtuacmi.


51/70



FDUKGUD\ CFMOK PA\CMAGHDIVD

Smi fufa uia fd gas partmcugarmfafds fd Mitdridt ds qud tkfks gks dgdhditks sd pudfdi fmvmfmr

di varmks y fd dsta ekrha pkfdr traishmtmr hgtmpgds paqudtds di hkhditks fmstmitks.

Oracmas a dstk pkfdhks tahlmi fmvmfmr uia pomia di varmks eraohditks y as prkcdsarga pkr

partds, jacmdifk qud ga caroa fd ktrks dgdhditks (ckhk mhodids k scrmpts) sd jaoa tahlmi pkr

lgkquds.

ETICMI EGTSJ()


Ga haykra fd gdiouabds fd prkorahacmi tmdidi uia euicmi egusj() qud pdrhmtd gmhpmar dg

lueedr fd sagmfa fd fatks y divmargk fmrdctahditd ag usuarmk di dg hkhditk di dg qud sd fdcmfa.

Auiqud ik jay hucjks smtmks wdl qud gk utmgmcdi, ds huy mitdrdsaitd pgaitdrsdgk di

hkhditks dstratomcks ckhk pkfra tras dg 7/jdaf9 pufmdifk divmar ag usuarmk tkfas gas caldcdras y

ckhdizar a fdscaroar gks scrmpts k CSS qud jaya di gas caldcdras.

Pkr ikrha odidrag, sd rdckhdifara, di uia wdl lsmca, utmgmzar dstd smstdha tras dg

dicaldzafk fd ga pomia, ga caldcdra, dg hdi, dg ckitdimfk y dg pmd, divmaifk fd dsta haidra gks

fmstmitks lgkquds y pufmdifk rdifdrmzargks dg iavdoafkr pkck a pkck.


52/70



P\KO\AHACMI DI GKS CSS

Auiqud ik ds huy ckhi jacdrgk, gks emcjdrks CSS pdrhmtdi cmdrtk cfmok BavaScrmpt di su

mitdrmkr para jacdrgk agok hs sdicmggk a ga jkra fd fdsarrkggar.

Fd tkfas ekrhas, dsta apgmcacmi ik ds ui dstifar di tkfks gks iavdoafkrds pkr gk qud pudfd

prkvkcar agouias smtuacmkids ik fdsdafas cuaifk dg smstdha qud ja fd rdifdrmzar ik sald qu jacdr.

P\KLGDHAS CKI MIVD\IDV DZPGK\D\

Catdokra2 CSS, BavaScrmpt

Ga haykra fd prklgdhas di ga prkorahacmi fditrk fd CSS vmdid pkr vdrsmkids aitmouas fd

Mitdridt Dxpgkrdr. Sm lmdi ds cmdrtk qud dstd iavdoafkr mitrkfubk cmdrtas eacmgmfafds a ga jkra fd rdagmzar

jkbas fd dstmgk sdhmprkorahafas, ds huy rdckhdifalgd ik utmgmzar dstas tcimcas.

Ktra fd gas qud ik pardcd euicmkiar huy lmdi, tahlmi di dstd iavdoafkr, ds dg usk fd emgtrks

fdg dstmgk AgpjaMhaodGkafdr, ya qud jacdi qud dg ckisuhk fd rdcursks auhditd fd ekrha dxaodrafa.


53/70



euictmki mimt() {...}

euictmki cjaiod() {...}

rdturi {

mimt2mimt,

sdt2cjaiod

}}()>

Ktrk fdtaggd mhpkrtaitd ds dg usk fd ui cfmok gk hs dstrmctk pksmlgd, ds fdcmr, ui cfmok qudsd abustd a cuagqumdr hktkr qud mitdrprdtd BavaScrmpt y sda ecmghditd mitdrprdtalgd. Para

vdrmemcar qud dstahks usaifk ui cfmok ckrrdctk pkfdhks jacdr usk fd jdrrahmditas ckhk

BSGmit.

Ds hdbkr ik cahlmar vagkrds pkr fdedctk fdg FKH di gks vagkrds fd gks dgdhditks (sklrd tkfkdi aqudggks qud jacdi rdedrdicma a gks dstmgks), smik hkfmemcargks jacmdifk cahlmks di cgasds

qud sd apgmcai a fmcjks dgdhditks. Pkr dbdhpgk, pkfdhks apgmcar uiks cahlmks tagds qud2
http://www.jslint.com/http://www.jslint.com/http://www.jslint.com/


54/70



miputs.stygd.lkrfdrCkgkr 8 '#e00'>

miputs.stygd.lkrfdrStygd 8 'skgmf'>

miputs.stygd.lkrfdr_mftj 8 '1px'>

K pkfdhks jacdr ui cahlmk hs sdicmggk, tag qud dstd2

miputs.cgassIahd +8 ' drrkr'>

] qud dsta cgasd drrkr sda ga qud jaoa dg cahlmk di dg dstmgk, smi hkfmemcar fmrdctahditd gks

dgdhditks.

Ds hdbkr utmgmzar ga aiktacmi ckrta para crdar klbdtks k arrays. Fd dsta ekrha, ui klbdtk tag quddstd2

var pdrrk 8 idw Klbdct()>

pdrrk.ckgkr 8 'idork'>

pdrrk.tahaik 8 'oraifd'>

Pkfra crdarsd hucjk hs demcmditd as2

var pdrrk 8 {

ckgkr2 'idork',

tahaik 8 'oraifd'

}>

Cki ui array pasara gk hmshk. Sm tdidhks agok as2

var sdrmds 8 idw Array()>

sdrmds^0X 8 'Ermiod'>

sdrmds^1X 8 'Vjd Lmo Laio Vjdkry'>

Sdra hucjk hs demcmditd crdifksd as2

var sdrmds 8 ^

'Ermiod',

'Vjd Lmo Laio Vjdkry'

X>

Ktra ekrha fd kptmhmzar cfmok pudfd sdr rdfucmdifk gks ckifmcmkiagds. Fd dsta ekrha uickifmcmkiag jalmtuag tag qud2

var fmrdccmki>

me(x 9 10) {fmrdccmki 8 1>


55/70



} dgsd {

fmrdccmki 8 -1>

}

Pkfra ggdoar a rdfucmrsd a ui cfmok tag qud2

var fmrdccmki 8 (x 9 100) ; 1 2 -1>

Ktra accmi sdicmgga qud pdrhmtd hdbkrar dg rdifmhmditk ds dg fd kptmhmzar gks lucgds. Ti lucgdjalmtuag pkfra sdr dstd2

var ldatgds 8 ^'Odkrod','\miok','Paug','Bkji'X>

ekr(var m80>m7 ldatgds.gdiotj>m++){

Actuai(ldatgds^mX)>

}

Vdifra uia kpcmi hdbkrafa tag qud as, crdaifk gas varmalgds sgk uia vdz2

var ldatgds 8 ^'Odkrod','\miok','Paug','Bkji'X>

ekr(var m80, b8 ldatgds.gdiotj>m7b>m++){

Actuai(ldatgds^mX)>

}

KPVMHMRACMI PA\A BQTD\]

Catdokra2 BavaScrmpt

bQudry ds uia lmlgmktdca fd euicmkids prddstalgdcmfas fd BavaScrmpt qud pdrhmtd mitdractuar fd

ekrha hs sdicmgga cki gks dgdhditks FKH fd uia pomia, afdhs fd ckisdoumr tralabar fd uia ekrha

hs sdicmgga oracmas a gas ahpgmacmkids fd cfmok qud dxmstdi.

Dxmstdi agouias rdogas qud pdrhmtdi tralabar fd ekrha hs rpmfa y hdbkrafa cki bQudry2

Ga ekrha hs rpmfa fd accdfdr a ui dgdhditk fdg FKH ds jacdrgk hdfmaitd ui sdgdctkr MF divdz fd jacdrgk cki ui fdscdifmditd suyk. Dstk ds fdlmfk a ga dxmstdicma y usk fd ga euicmi

odtDgdhditLyMf(). Dstk smoimemca qud ds hucjk hs ptmhk jacdr usk fd agok as2

var lktki1 8 $('#lktki1')>


56/70



qud ik jacdr usk fd agok as2

var lktki1 8 $('#lktkids .lktki1')>

Ga smoumditd ekrha fd accdfdr rpmfahditd a ui dgdhditk ds jacdrgk a travs fd ui tao yaqud sd aprkvdcja dg usk fd ga euicmi odtDgdhditsLyVaoIahd().

Ktrk fdtaggd a tdidr di cudita ds dg usk fd varmalgds para aghacdiar miekrhacmi fd uidgdhditk y ik apgmcar cahlmks fmrdctahditd sklrd g. Fd dsta ekrha tdifrahks uia euicmi

kptmhmzafa tag qud as2

var $actmvar 8 $('#gmojt miput.ki')>

$actmvar.css('lkrfdr', '3px fasjdf ydggkw')>$actmvar.css('lacnorkuif-ckgkr', 'kraiod')>

$actmvar.eafdMi('sgkw')>

Sklrd uias ik kptmhmzafas qud pkfrai sdr as2

$('#gmojt miput.ki).css('lkrfdr', '3px fasjdf ydggkw')>

$('#gmojt miput.ki).css('lacnorkuif-ckgkr', 'kraiod')>

$('#gmojt miput.ki).eafdMi('sgkw')>

Dstd smstdha pkfra hdbkrar micgusk ui pkck hs jacmdifk usk fd dicafdiahmditk2

var $actmvar 8 $('#gmojt miput.ki')>

$actmvar.css('lkrfdr', '3px fasjdf ydggkw').css('lacnorkuif-ckgkr',

'kraiod').eafdMi('sgkw')>

Ktra ekrha fd accdfdr rpmfahditd a suldgdhditks ds utmgmzar ga euicmiemif().

var $actmvar 8 $('#gmojt'), $actmvk 8 $actmvar.emif('miput.ki'), $miactmvk 8

$actmvar.emif('miput.kee')>

Gks dvditks ski uik fd gks dgdhditks qud hs sd utmgmzai di bQudry y fdldhks aprkvdcjar gafdgdoacmi fd gks hmshks para odidrar dg ggahafk Lullgmio. Pkr dbdhpgk pkfdhks tdidr uiaeuicmi sdicmgga ckhk2

$('#gmsta gm).lmif('cgmcn', euictmki() {

$(tjms).affCgass('cgmcndf')>

})>

Dstk mhpgmca tdidr qud tralabar dikrhdhditd cki dg FKH, agok qud pkfrahks rdfucmr

utmgmzaifk uia euicmi agok hs ckhpgdba aparditdhditd, pdrk hs dedctmva2


57/70



$('#gmsta).lmif('cgmcn', euictmki(d) {

var pugsa 8 d. pugsa, $ pugsa 8 $( pugsa)>

me (pugsa.ikfdIahd 888 'GM') {

$ pugsa.affCgass('cgmcndf')>

}

})>

Caroar gas euicmkids tras ga caroa fd ga vditaia y ik fdg dstafk fdg fkcuhditk. Pkr ikrhaodidrag gas euicmkids sd caroai tras dg $(fkcuhdit).rdafypdrk sd pudfdi caroar fd uia ekrha

hs demcmditd cki $(wmifkw).gkaf.


58/70



DGDHDIVKS FKH

Gks dgdhditks FKH fd uia pomia wdl ski prctmcahditd tkfks aqudggks dgdhditks cki gks

qud sd pudfd mitdractuar fd agouia haidra. Lsmcahditd sd pkfra rdsuhmr di qud ski tkfks gks taos,

MF, cgasds, dtc...

IHD\K DGDUAFK FD DGDHDIVKS FKH


Dg jdcjk fd qud gks dgdhditks FKH sdai accdsmlgds a travs fd gdiouabds ckhk BavaScrmpt

pudfd prkvkcar qud, cki ui ihdrk dgdvafk fd dgdhditks, ga pomia sd pudfa ggdoar a sklrdcaroar y

jacdr qud dg accdsk a dstks rdcursks sd ragditmcd dikrhdhditd.

Ds pkr dstk qud sd rdckhmdifa mitditar rdfucmr dg usk fd dgdhditks FKH ag himhk y

haitdidrgk pkr fdlabk fd gks 1.000, ya qud a partmr fd dsa cmera sd ckismfdra qud gks iavdoafkrds

ckhmdizai a pdrfdr eacugtafds sm jai fd hkfmemcar agouia cksa.

Tia ekrha fd saldr cuitks dgdhditks FKH dstahks utmgmzaifk ds dbdcutar di ga ckiskga fdEmrdluo ga smoumditd ckisugta2

fkcuhdit.odtDgdhditsLyVaoIahd('*').gdiotj

\DFTCM\ DG IHD\K FD 7ME\AHD9


Gks dgdhditks qud sd micguydi di ui 7merahd9 ik fdbai fd sdr pomias fditrk fd ktras pomias,

pdrk cki ga orai fmedrdicma fd qud dsti aimfafas.

Dg usk fd mErahds prkvkca qud dg ihdrk fd dgdhditks fdg FKH casm sd fupgmqud, pkr gk qud dg

iavdoafkr ja fd odstmkiar dg fklgd fd dgdhditks, y dicmha aimfafks, fd ekrha qud odstmkiar k jacdr

agoi cahlmk di ga pomia pudfd prkvkcar ui ckgapsk.


59/70



TSA\ VALGAS CKI AICJK EMBK


Auiqud jky di fa cafa vdz sd utmgmzai hdiks gas talgas di JVHG, uia ekrha fd jacdr qud dg

iavdoafkr prkcdsd hucjk hs rpmfk gas talgas ds fifkgd gas hdfmfas fd ga hmsha. Sm fdbahks qud gks

ckitdimfks fd ga talga sd abustdi a gas cdgfas, dg iavdoafkr ik pkfr prdcagcugar im rdifdrmzar ga hmsha

jasta qud ik acald fd caroarsd.

Pkr ikrha odidrag ga hdbkr ekrha fd afaptar dg tahak sdra jacmifkgk hdfmaitd CSS y

tdimdifk di cudita dstks trds dgdhditks2

Dstalgdcdr dg dgdhditk CSS talgd-gaykutaemxdfdi ga talga. Fdemimr fd ekrha dxpgcmta gks ckgpara cafa ckguhia. Dstalgdcdr dg atrmlutk wmftjpara cafa ckguhia.

CD\\A\ GKS DGDHDIVKS JVHG


A fmedrdicma fdg ZHG, dg JVHG pdrhmtd dg cmdrrd fd dgdhditks (taos JVHG) fd ekrha mhpgcmta, gk

qud smoimemca qud agouiks dgdhditks ckhk dg P, GM, MHO... ik tmdidi pkrqu tdidr dg lgkqud qud gks

cmdrra.

Dstd jdcjk jacd qud sda dg iavdoafkr dg qud tdioa qud cagcugar cuifk ckhmdiza y acala ui

lgkqud fd dgdhditks, gk qud jacd qud dg rdifdrmzafk sda hs dgdvafk di tmdhpk y ckstd.


60/70



VAHAK FD GKS CKIVDIMFKS

Cafa vdz hs Mitdridt sd dicuditra di hucjks tmpks fd fmspksmtmvks, y auiqud smoud smdifk

erdcuditd dg usk fd krfdiafkrds fd hdsa k pkrttmgds, ga tdcikgkoa hvmg smoud crdcmdifk fd uia ekrha

dxpkidicmag, casm mouagaifk ag rdstk.

Dst cgark qud ik ds gk hmshk ga pktdicma qud pudfd tdidr ui krfdiafkr fd hdsa, qud uia

vmfdkckiskga qud ui tdgekik hvmg, pkr gk qud fdldhks pdisar di gas gmhmtacmkids fd dstks tdrhmiagds.

FDUKGUD\ CKIVDIMFKS JVHG FD HDIKS FD


61/70



SMVMKS _DL HUMGDS

Smi fufa gks tdgekiks hvmgds y gas talgdtas ski dg euturk fd gas hqumias y ga iavdoacmi di

Mitdridt. Dst cgark qud sdoumr jalmdifk uia orai haykra fd usuarmks qud iavdoar fdsfd gks

tdrhmiagds trafmcmkiagds, pdrk cafa vdz hs va crdcmdifk dg usk fd gks smtmks hvmgds.

Ds pkr dstk qud, fd ga hmsha ekrha qud sd pudfd kptmhmzar ui smtmk para gkr krfdiafkrds fd

tkfa ga vmfa, pkfdhks jacdr fdtdrhmiafas hdbkras a ga jkra fd tralabar cki fmspksmtmvks hvmgds.

AFAPVA\SD A GA PAIVAGGA FDG VD\HMIAG

Catdokra2 CSS, Mhodids, Hvmg

Jay qud tdidr di cudita qud gks tdrhmiagds hvmgds tmdidi ui tahak fd paitagga gmhmtafk.

Dstahks ackstuhlrafks a gas paitaggas cki agtas rdskgucmkids y a fmsdar smtmks para ui aicjk himhk

fd 10 }

}

/* paitagga hdikr fd 6:0px */

@hdfma kigy scrddi aif (hax-fdvmcd-wmftj2 6:0px) {

#jdafdr { lacnorkuif-mhaod2 urg(jdafdr-shagg.pio)> }

}

Dsta ds uia kpcmi auiqud ik ds ga imca, ya qud gks gtmhks tdrhmiagds ggdvai ga pksmlmgmfaf fd

fmstmioumr ga rdskgucmi fd paitagga, pkr gk qud ktra pksmlmgmfaf, di vdz fdg tahak, sdra ga cagmfaf. Para

dggk usardhks gks fpm (fkts pdr micj) k puitks pkr pugoafa.


62/70



/* agta cagmfaf */

@hdfma kigy scrddi aif (hmi-rdskgutmki2 300fpm),

kigy scrddi aif (-wdlnmt-hmi-fdvmcd-pmxdg-ratmk2 1.4),

kigy scrddi aif (hmi--hkz-fdvmcd-pmxdg-ratmk2 1.4) {

#jdafdr { lacnorkuif-mhaod2 urg(jdafdr-300fpm.pio)> }

}

/* laba cagmfaf */

@hdfma kigy scrddi aif (hax-rdskgutmki2


63/70



ckiidctmki 8 iavmoatkr.ckiidctmki || {'typd'2'0'}>

swmtcj(ckiidctmki.typd) {

casd ckiidctmki.CDGG[3O2

ckiidctmkiSpddf 8 'hdfmuhlaifwmftj'>

lrdan>

casd ckiidctmki.CDGG[

lrdan>

fdeaugt2

ckiidctmkiSpddf 8 'jmojlaifwmftj'>

}jthgIkfd 8 fkcuhdit.lkfy.parditIkfd>

jthgCgass 8 jthgIkfd.odtAttrmlutd('cgass') || ''>

jthgIkfd.sdtAttrmlutd('cgass', jthgCgass + ' ' + ckiidctmkiSpddf)>

Oracmas a dstk ckisdoumhks asmoiar ga cgasd lasd ag smtmk wdl, qud sdr hdfmk, labk k agtk, sdoi

dg tmpk fd ckidxmi fmspkimlgd. Ajkra sgk qudfa fargd ekrha oracmas a gks CSS.

.jmojlaifwmftj .gkok { lacnorkuif-mhaod2urg('gkok-jmoj.bpo')> }

.hdfmuhlaifwmftj .gkok { lacnorkuif-mhaod2urg('gkok-hdfmuh.bpo')> }

.gkwlaifwmftj .gkok { lacnorkuif-mhaod2urg('gkok-gkw.bpo')> }

\DFTCCMI FD PDVMCMKIDS JVVP

Catdokra2 Ckidctmvmfaf, Hvmg

Auiqud, di cuagqumdr cask, smdhprd jay qud apgmcar gas tcimcas fd rdfuccmi fd pdtmcmkids

JVVP odidragds, ik dst fd hs jacdr jmicapm di agouiks fdtaggds para gks tdgekiks hvmgds fd gtmha

odidracmi.

Jay qud tdidr di cudita qud, ya fd pkr s, gas caldcdras JVVP di gks tdrhmiagds hvmgds

pudfdi sdr ui


64/70



Tsar di gks CSS y JVHG ckfmemcacmi di lasd56 (htkfk fata2di lasd56 para mhodids,prmicmpaghditd).

Dvmtar rdfmrdccmkids, ckhk pkr dbdhpgk ga fdg accdsk a uia pomia qud cahlma ga T\G a uiavdrsmi hvmg.

Cacjdar ga haykr caitmfaf fd dgdhditks pksmlgds, micgumfk dg ABAZ. Micgusk, di gks casks di gksqud sda pksmlgd, usar dg smstdha fd cacjdk fd JVHG4 (cacjd-haimedsty cgmdit-smfd fatalasd).

Mitditar dvmtar dg usk fd ckknmds y pasar ag usk fd GkcagStkraod. Dxtdriagmzar gks CSS y BS a emcjdrks dxtdriks fd ekrha qud sd pudfai cacjdar cki hucja hs

eacmgmfaf y sgk sda idcdsarma uia pdtmcmi ag vmsmtar dg smtmk pkr prmhdra vdz.

Jay smstdhas ckhk mKS


65/70




66/70



HDBK\AIFK DG \DIFMHMDIVK FD DGDHDIVKS CKHTIDS

Di hucjas kcasmkids iks dickitrahks cfmoks lastaitd odirmcks qud sd usai di hucjks

smtmks wdl, ckhk pudfd sdr dg fd Okkogd Aiagytmcs. Auiqud di dstd cask Okkogd sd prdkcupa pkr fariks

ga hdbkr skgucmi... ds rdaghditd ga ptmha;

CFMOK FD OKKOGD AIAG]VMCS


Tik fd gks cfmoks qud hucjks smtmks wdl tmdidi ds dg cfmok fd Okkogd Aiagytmcs. Auiqud

Okkogd sd prdkcupa pkr fariks gas hdbkrds kpcmkids smdhprd sd pudfd hdbkrar, auiqud supkioa cmdrtk

tralabk pkr iudstra partd, qud sdr fd aorafdcdr para gks usuarmks.

Lsmcahditd jay 3 cksas qud pkfdhks jacdr para hdbkrar dg rdifmhmditk fdg cfmok2

Ckgkcar dg cfmok di dg pmd fd pomia. Cacjdar di dg sdrvmfkr gkcag dg emcjdrk BavaScrmpt. Dgmhmiar dg cgcugk fd JVVP Sdourk.

Pkr ikrhag odidrag Okkogd, cki su cfmok asicrkik, iks pmfd qud ckgkqudhks dg cfmok bustk

aitds fdg 7/jdaf9. Dstk pudfd odidrar ui lgkqudk di ga paragdgmzacmi fd pdtmcmkids, pkr gk qud ds

hdbkr micgumrgk di dg pmd fd pomia, bustk aitds fdg 7/lkfy9.

Sm hmrahks dg cfmok krmomiag pkfrdhks vdr qud smdhprd sd jacd uia pdtmcmi ag arcjmvk

jttp2//www.okkogd-aiagytmcs.ckh/oa.bsy qud dstd sd cacjda furaitd tai sgk 1 jkra. Di dstd cask, a

salmdifas fd qud dg cfmok fd Okkogd Aiagytmcs ik cahlma cki taita erdcudicma, gk hdbkr ds fdscaroargk

(sm pudfd sdr fd ekrha autkhtmca cki ui Crki cafa 5 jkras, pkr dbdhpgk, hdbkr) y tdidrgk di dg prkpmk

sdrvmfkr dsttmck.

Para acalar, ga haykra fd smtmks wdl sudgdi dstar di prktkckgk JVVP y ik di dg JVVP Sdourk.

Okkogd Aiagytmcs dst pdisafk para sdr ui cfmok dstifar y dsk mhpgmca qud ja fd cagcugar, pkr cafa

mhprdsmi, sm dg smtmk dst di sdourk k ik.

Cki tkfk dstk, pkfrahks odidrar ui cfmok para Okkogd Aiagytmcs hucjk hs sdicmggk y qud

pudfd ggdoar a euicmkiar jasta ui 14% hs rpmfk qud dg qud iks kerdcd ga prkpma Okkogd.
http://www.google-analytics.com/ga.jshttp://www.google-analytics.com/ga.jshttp://www.google-analytics.com/ga.js


67/70



7scrmpt typd8"tdxt/bavascrmpt"9

var [oaq 8 [oaq || ^X>

[oaq.pusj( '[sdtAcckuit', 'TA-ZZZZZZZZZ-1'X)>

[oaq.pusj( '[tracnPaodvmdw'X)>

(euictmki() {

var oa 8 fkcuhdit.crdatdDgdhdit('scrmpt')>

oa.typd 8 'tdxt/bavascrmpt'>

oa.asyic 8 trud>

oa.src 8 'jttp2//www.dxahpgd.ckh/oa.bs'>

var s 8 fkcuhdit.odtDgdhditsLyVaoIahd('scrmpt')^0X>

s.parditIkfd.misdrtLdekrd(oa, s)>

})()>7/scrmpt9

7/lkfy9

Dstd sdra dg cfmok pkr fdedctk smhpgdhditd dgmhmiaifk ga prmhdra pdtmcmi FIS y dg prktkckgk

sdourk... pdrk sd pudfd hdbkrar dg cfmok prkpmk BavaScrmpt; Ga rdspudsta ds s, smdhprd y cuaifk

usdhks dg cfmok odidrag.


var [oaq 8 ^^'[sdtAcckuit', 'TA-ZZZZZ-Z'X, ^'[tracnPaodvmdw'X,

^'[tracnPaodGkafVmhd'XX>

sdtVmhdkut((euictmki(f, t) {

var o 8 f.crdatdDgdhdit(t), s 8 f.odtDgdhditsLyVaoIahd(t)^0X>

o.asyic 8 1>

o.src 8 '//www.dxahpgd.ckh/oa.bs'>

s.parditIkfd.misdrtLdekrd(o,s)>

} , 0)>

7/scrmpt9

Dstd iudvk cfmok hdbkra ga caroa fd gas varmalgds, aafd dg sdoumhmditk fd tmdhpks fd caroa

fdg prkpmk Okkogd Aiagytmcs y ds ckhpatmlgd cki dg prktkckgk qud sda. Afdhs, sd caroa cki ui

sdtVmhdkut()para ik ekrzar dg rdifdrmzafk.

OKKOGD AIAG]VMCS PA\A HDFM\ GA UDGKCMFAF FD CA\OA FD TIA P OMIA


Jacd ui hkhditk ks ckhditala qud ckhk puitk fmedrdicmag dg cfmok fd Okkogd Aiagytmcs

fdldra dstar ag emiag fd ga pomia, agok qud iks pdrhmtd jacdr ui pdqudk jacnpara hdfmr dg tmdhpk fd

caroa fd uia pomia y divmargk a Okkogd Aiagytmcs y as pkfdr buoar cki gks emgtrks avaizafks y saldr qupomias vai hs rpmfk y cugds hs gditas, y as pkfdr tkhar fdcmsmkids.


68/70



Dsk s, uia cksa a tdidr di cudita ds qud dstk ik fdldrahks tdidrgk smdhprd, smik usargk cki

usuarmks fd prudla, afhmimstrafkrds y usuarmks agdatkrmks.

Dg prmhdr pask ds, bustk fdspus fdg 7jdaf9 micgumr ui cfmok tag qud as2

7jdaf9


var tmdhpkmim 8 idw Fatd()>

7/scrmpt9

Di dstd hkhditk pkifrdhks ui ckitafkr fd tmdhpk di harcja. Ajkra, bustk di dg cfmok fd

Okkogd Aiagytmcs jardhks cmdrtks cahlmks para cagcugar cuitk ja tarfafk di caroar dg cfmok fd ga

pomia y divmargk ag smstdha fd aiagtmca.

Para dggk jardhks agouiks cahlmks tag qud as2


wmifkw.kigkaf8euictmki() {

var tmdhpkemi 8 idw Fatd()>

var tmdhpkcaroa 8 tmdhpkemi.odtVmhd() - tmdhpkmim.odtVmhd()>

me(tmdhpkcaroa 71000)

tdxtkcaroa 8 "Huy\apmfk">

dgsd me (tmdhpkcaroa 7

dgsd me (tmdhpkcaroa 73000)

tdxtkcaroa 8 "Ikrhag">


tdxtkcaroa 8 "\dougar">


tdxtkcaroa 8 "Gditk">

dgsd

tdxtkcaroa 8 "HuyGditk">

var fmrdccmki 8 fkcuhdit.gkcatmki.patjiahd>

me( fkcuhdit.gkcatmki.sdarcj)

fmrdccmki +8 fkcuhdit.gkcatmki.sdarcj>

try {

var [oaq 8 [oaq || ^X>

[oaq.pusj( '[sdtAcckuit', 'TA-ZZZZZZZZZ-1'X)>

[oaq.pusj( '[tracnDvdit','VmdhpkCaroa (hs)',

tdxtkcaroa + ' PaomiaCaroa', fmrdccmki, tmdhpkcaroaX)>

[oaq.pusj( '[tracnPaodvmdw'X)>

(euictmki() {

var oa 8 fkcuhdit.crdatdDgdhdit('scrmpt')>

oa.typd 8 'tdxt/bavascrmpt'> oa.asyic 8 trud>oa.src 8 'jttp2//www.dxahpgd.ckh/oa.bs'>


69/70



var s 8

fkcuhdit.odtDgdhditsLyVaoIahd('scrmpt')^0X>

s.parditIkfd.misdrtLdekrd(oa, s)>

})()>

} catcj(drr){}

}

7/scrmpt9

Oracmas a dstk ckisdoumrdhks vdr di gks dvditks fd Okkogd Aiagytmcs gks tdxtks qud mifmcari dg

tmdhpk fd caroa fd gas fmstmitas pomias aorupafas sdoi ga vdgkcmfaf y as pkfdr tkhar fdcmsmkids di

cask fd sdr idcdsarmk.

CFMOK FD OKKOGD AFSDISD


Ag mouag qud dg cfmok fd Okkogd Aiagytmcs, smi fufa dg cfmok fd Okkogd AfSdisd ds ktrk fd gks

hs utmgmzafks di ga rdf, y auiqud mitdriahditd sd jai jdcjk cahlmks para hdbkrar su rdifmhmditk, ga

ekrha fd caroar tmdid uia smtuacmi hs ckhprkhdtmfa fdlmfk a qud sd utmgmza ga euicmi

fkcuhdit.wrmtdqud mhpmfd su caroa asicrkia.

Ga imca ekrha, pkr ajkra, qud tdidhks, ds ga fd hdbkrar ga caroa fdg emcjdrk BavaScrmpt

rdfucmdifk ga pdtmcmi FIS di prmhdra mistaicma y cacjdifkgk cki hs erdcudicma. Pkr fdedctk Okkogd

gk aghacdia furaitd 1 fa. Iksktrks tahlmi pkfdhks jacdrgk, fdscaroifkgk fd ekrha autkhtmca cki

ui Crki cafa 5 jkras y tdidrgk di iudstrk prkpmk sdrvmfkr dsttmck.

7scrmpt typd8"tdxt/bavascrmpt"97!--

okkogd[af[cgmdit 8 "ca-pul-xxxxxxxxxx">

okkogd[af[sgkt 8 "xxxxxxxxxx">

okkogd[af[wmftj 8 ?

okkogd[af[jdmojt 8 =0>

//--97/scrmpt9

7scrmpt typd8"tdxt/bavascrmpt"

src8"jttp2//www.dxahpgd.ckh/sjkw[afs.bs"97/scrmpt9

VMDHPKS FD MIACVMUMFAF FDG SMVMK _DL



70/70


Tik fd gks prklgdhas hs jalmtuagds qud iks pkfdhks dickitrar a ga jkra fd actuagmzar ui

smtmk ds qu jacdr di dg tmdhpk di dg qud ga wdl dst cafa fdlmfk a ga actuagmzacmi. Di hucjks casks

pkfdhks jacdr uia actuagmzacmi traisparditd pdrk di ktrks casks ik.

Di dstks casks fdldrahks apgmcar dg cfmok JVVP 403 Sdrvmcd Vdhpkrarmgy Tiavamgalgd qud

dvmtar qud gks usuarmks pudfai accdfdr a ckitdimfks mifdlmfks, k qud gks hktkrds fd lsqudfa

ckhmdicdi a mifdxar dg hdisabd fd drrkr ckhk pomias ckrrdctas.

Dstd cfmok fdldr mr ackhpaafk smdhprd fd ga edcja smoumditd di ga qud dg smtmk fdldra

ckhdizar a sdr rastrdafk fd iudvk. Pkr dbdhpgk tdifrahks ui cfmok di PJP tag qud as2

jdafdr('JVVP/1.1 403 Sdrvmcd Vdhpkrarmgy Tiavamgalgd')>

jdafdr('\dtry-Aetdr2 Sat, : Kct

"Guia WPO (Web Performance Optimization)" de Javier Casares

Documents

Transcript of "Guia WPO (Web Performance Optimization)" de Javier Casares