Paranna suorituskykyä meidän koodin jQuery

Olen aina löytänyt mielenkiintoisen artikkelin, ja kaiken keskustelun miten koodia tehokkaammin.
Olen aina ilmoittanut aina, että löysin itseni edessä uusi kieli, ennen PHP, sitten Java ja sitten jQuery puitteissa. Se ei ole pelkästään optimoida vasteajat, tai vain tehdä käyttökokemusta nopeammin ja mukaansatempaavaa.
Opettele optimoimaan koodia heijastuu myös koodin laatu itse, jotain jota olen aina ollut.
Minusta on välttämätöntä ajatella työskentelee ohjelmoijana kuin käsityöläisen, meidän tuote on artefakti ja sellaisenaan, voi olla enemmän tai vähemmän hienostunut.
On monia tapoja saavuttaa saman tuloksen, mutta jotkut ovat parempia kuin toiset, mutta ei kaikissa hankkeissa on tärkeää kiinnittää huomiota suorituskykyyn, käytä aina hyvä lähtökohta, siitä on hyötyä hädän.
On olemassa monia online resursseja optimointiin jQuery, vinkkejä on kaikkialla, muita tutkijoita, toiset näyttävät ristiriitaisia, emme sitten hieman järjestystä ja toinen luettelo allekirjoitti myös omakohtaista kokemusta parhaista käytännöistä, joita emme voi luopua.

Käytä uusinta versiota puitteet

Älä pelkää mennä uuteen versioon jQuery, taaksepäin yhteensopivuus on taattu ja jokainen julkaisu tuo merkittäviä parannuksia suorituskykyyn kanssa uudelleenkirjoittamisen osat ydin ja havaittavissa parannuksia eniten käytetyt toiminnot. Vain yksi version mukaan tiettyihin toimintoihin aikaa puhumalla teloituksista alennetaan 50%. Katsokaa kuva alla:

Käytä pikakuvake DOM Ready

Sen sijaan:

 



 $ (Document). Ready (function () {/ * logiikka * /})

 

säästää tavua käyttämällä sen pikakuvaketta:

 



 $ (Function () {/ * logiikka * /});

 

Viitaten logiikka ikkunan kuorman

Ei ole tarpeen kirjoittaa kaiken asiakirjan valmis. Valtuutettujen logiikka suorittaa lastaus-ikkunan. Esimerkiksi sitovan napin painalluksella lopussa pitkän muodon voi rentoutua ja odottaa määriteltävä.

 $ (Function () {



  



 / / # Logiikka tässä







 });







 $ (Window). Load (function () {



  



 $ ("ButtonID"). Click (function () {



    



 / / # Tämä logiikka sitoa painiketta



  



 });







 });

Minificare skriptejä

Ensinnäkin ehdotan, että asennat Firefox (kuten addon Firebug ) ja Plugin Google Chrome Speed ​​Page jotka löydät täältä . Tämä hyödyllisiä työkaluja sekä antaa yleisohjeita suorituskyvyn parantamiseksi sivusi on arvokas ominaisuus: minificata versio tarjoaa kaikki komentosarjat, löydät sisältä. Se ei CSS ja myös optimoidut versiot kuvia, mutta Miettikäämme meidän raskas jQuery, I Kiinnitä kaksi ruutukuvia alle selittää paremmin kuin tuhat sanaa, mitä teet:

Googlen sivun nopeutta kuin se näkyy Firebug:

Klikkaamalla Tallenna minificata saada version käsikirjoitus:

Minificare kunkin skriptejä sivulla voitte ottaa säästää kymmeniä KB ladata.

• <<
• 1
• 2
• >>