Archief - Betere jQuery (javascript) schrijven

Hey iedereen

Mijn javascript/jQuery kennis is compleet autodidactisch en groeit nog steeds met elke functie dat ik schrijf. Ik vrees echter dat m'n code vaak ver van optimaal is en we (op't werk) krijgen dan ook van tijd tot tijd klachten dat pagina's sloom reageren/men in IE waarschuwingen krijgt over trage javascripts.

Ik zou graag wat bijleren/bijlezen over performante javascript schrijven of eventueel wat geavanceerdere jQuery. Maar geen idee waar te beginnen. Zijn er mensen die boeken kunnen aanraden? Een cursus of bijscholing?

begin met pure javascript te leren.. dan zulde begrijpen hoe dat die selectors in javascript werken. Want dat is meestal het gene dat geoptimaliseerd kan worden.

bvb: Javascript : The good parts: Beknopt boekje , zal je zelf nog wat studie moeten rond doen.

Grtz

Je kan - naast het boek dat adrianhates aanhaalde - ook terecht op de Yahoo! pagina van de meester (Douglas Crockford) : Crockford on JavaScript: A Public Lecture Series at Yahoo! en daar wat video's bekijken.

IE waarschuwingen over trage javascripts zijn niet zo simpel op te lossen. meestal ga je daar server side iets aan moeten doen.

vb: je hebt een dropdown met 15 000 items in die je via jQuery wil omzetten tot iets moois. dat betekend dat jQuery voor die 15k items spans, divs en images gaat toevoegen -> IE geeft melding dat het script te lang duurt.

de enige oplossing daar is om er voor te zorgen dat je waardes kan inladen met bijv. ajax of iets dergelijks, of je gaat een andere plugin moeten zoeken die je dropdown gaat aanpassen.

nu is IE echt wel de 'bitch' als het gaat om JS verwerking. ergens vind ik het de keuze van de klant als ze persé IE willen gebruiken én er van uitgaan dat hun site volzit met dynamische en bewegende dingen. (nuja, dit uitleggen aan een klant is zoals een levende haai zijn tanden veilen terwijl iemand een anaal onderzoek bij dat beest is aan het uitvoeren. je staat liever aan de andere kant.)

wat ook enorm kan helpen is niet alles in uw document.ready zwieren. zorg ervoor dat je zelf via html / css de layout van bijv. uw dropdown hebt aangepast naar die van uw plugin en doe $('#dropdown').plugin() pas als je er op klikt bijv.

wat ik altijd handig vind is ook de jQuery site. als ge iets opzoekt over bijv. child selectors krijg je al de uitleg, maar onderaan staat er zo goed als altijd wel wat comments over de meest performante manier om iets te gaan doen.

$('#div > ul > li > a').... gaat bijv. een pak trager zijn als uw links een klasse geven en $('.link')... te doen (common sense )

Dastardly zei:

-- knip --

$('#div > ul > li > a').... gaat bijv. een pak trager zijn als uw links een klasse geven en $('.link')... te doen (common sense )

Klik om te vergroten...

degelijke reply!

Nog een toevoeging: selecteren op ID's gaat nog sneller dan selecteren op classes.

Grtz

geekiriki: jQuery meets CoffeeScript
How CoffeeScript makes jQuery more fun than ever - buhrmi's Blog
Using jQuery with CoffeeScript - Aaron Russell

underscore is reeds geport naar coffeescript, jquery (voorlopig nog) niet. Coffeescript is een soort van tool dat het "coffeescript" dat ge schrijft omzet naar javascript ("beetje gelijkaardig" aan HipHop van facebook).

Coffeescript kan uw javascript sneller maken, indien ge het op de juiste manier gebruikt.

ArtzStudio » Blog Archive » jQuery Performance Rules
http://net.tutsplus.com/tutorials/j...o-instantly-increase-your-jquery-performance/