Forbedre vores kode jQuery

Jeg har altid fundet interessant artikel, og enhver diskussion om hvordan man kan gøre koden mere effektiv.
Jeg har altid informeret, hver gang, at jeg befandt mig over for et nyt sprog, før PHP, derefter Java og derefter med jQuery ramme. Det er ikke kun at optimere svartider, eller kun at gøre brugeroplevelsen hurtigere og mere engagerende.
Lær hvordan du optimerer din kode afspejles også på kvaliteten af ​​selve koden, noget som jeg altid har holdt.
Jeg synes det er nødvendigt at tænke på arbejde som programmør til, at den håndværker, vores produkt er et artefakt, og som sådan, kan være mere eller mindre raffineret.
Der er mange måder at opnå det samme resultat, men nogle er bedre end andre, men ikke for alle projekter er afgørende at være opmærksom på de resultater, du altid bruge en god tilgang, vil det være nyttigt i tider med nød.
Der er mange online ressourcer på optimering af jQuery, nogle tips er allestedsnærværende, andre akademikere, mens andre synes selvmodsigende, så vi gøre lidt orden og den anden liste også underskrevet den direkte oplevelse af bedste praksis, at vi ikke kan give op.

Brug den nyeste version af rammerne

Vær ikke bange for at gå til den nye version af jQuery, er bagudkompatibilitet garanteret, og hver udgivelse bringer betydelige forbedringer i ydeevnen med omskrivning af dele af de centrale og mærkbare forbedringer i de mest anvendte funktioner. Kun én udledning til det næste for nogle funktioner af tid på at tale om henrettelser reduceret til 50%. Tag et kig på illustrationen nedenfor:

Brug genvejen til DOM Ready

I stedet for:

 



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

 

spare nogle bytes ved at bruge sin genvej:

 



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

 

Med henvisning til logikken vinduet belastning

Det er ikke nødvendigt at skrive alting i dokumentet klar. Delegerede fra den logik at udføre lastning af vinduet. For eksempel kan binde klik på en knap for enden af ​​en lang formular slappe af og vente på at blive defineret.

 $ (Function () {



  



 / / # Logikken her







 });







 $ (Window). Load (function () {



  



 $ ("ButtonID"). Klik på (funktion () {



    



 / / # Denne logik til at binde på knappen



  



 });







 });

Minificare scripts

Først vil jeg foreslå, at du installerer på din Firefox (som addon Firebug ) og plugin på din Google Chrome Speed ​​side, som du finder her . Denne nyttige værktøjer samt give generelle råd til at forbedre ydelsen på din side har en værdifuld funktion: minificata udgave tilbyder alle de scripts, som du finder indeni. Det også gør for CSS og giver også optimerede versioner af billederne, men lad os reflektere over vores tunge jQuery, jeg lægger to screenshots nedenfor forklarer bedre end tusind ord, hvad du gør:

Google-side hastighed som den vises i Firebug:

Hvis du klikker på Gem som minificata få den version af scriptet:

Minificare hver af scripts på den side, du kan tage for at spare et tocifret antal KB til download.

• <<
• 1
• 2
• >>