Compresoarele Javascript și de ce sunt necesare, geekbrains - portal de instruire pentru programatori

Când creați un program, trebuie să vă gândiți nu numai la componenta funcțională, ci și la viteză. Viteza redusă de lansare și de operare este capabilă să pună capăt celei mai reușite idei și implementări. O modalitate de a îmbunătăți performanța este minimizarea codului.

Ce este minimizarea

Minimizarea volumul codului duce la o reducere a dimensiunii fișierului, ceea ce înseamnă că acesta va fi încărcat și executat. Formatul mic al beneficiului programului este neglijabil, dar în proiecte mari, care implică biblioteci, cum ar fi jQuery, acesta va crește în mod semnificativ performanța.

Cum arată

Este greu de evaluat cum funcționează acest lucru fără un exemplu. Iată cum arată codul original:

window.onload = function () // setati click pe buton
document.getElementById ("Button ") onclick = function () doWork ()
>;
>

funcția doWork () // ajax JSON la server
$ .post ("receptor", mașini, funcție ()

>);
// stop link reîncărcarea paginii

event.preventDefault ();
>

Iată cum se urmărește minimalizarea:

Dacă extindeți acest algoritm la bibliotecile populare JS, volumul acestora se va modifica după cum urmează:

JQuery: înainte de a minimiza 270 KB, după 90 KB.
Highcharts: înainte de a minimiza 1 MB, după 201 KB.
MooTools: înainte de a minimiza 164 KB, după 93 KB

În ciuda gradului variat de compresie, beneficiile sunt evidente. Minimizarea codului sursă al site-ului va permite utilizatorului să se bucure de munca sa, iar serverul dvs. web - pentru a reduce volumul de lucru.

Cum funcționează

Soluția cea mai populară este serviciul online. Singura diferență semnificativă dintre acestea este lucrarea directă cu codul sau fișierul. În orice caz, întregul proces pentru dvs. nu va dura mai mult de 5 clicuri. Iată câteva:

Numărul de servicii este mare, este inutil să enumerăm totul. Alegeți una care este mai aproape de modul dvs. de gândire și mai plăcută pentru ochi.

De exemplu, în Microsoft Visual Studio există o extensie Bundler Minifier. În momentul de față a fost descărcat de aproape 400 de mii de oameni. Este, de asemenea, disponibil pe GitHub și este în continuă evoluție.

Ventilatoarele Text Sublime ar trebui să descarce pachetul Minify. El are mai mult de 61.000 de descărcări și este, de asemenea, disponibil pe GitHub.

În sfârșit, pentru utilizatorii PyCharm, soluția populară este compresorul YUI. În general, aproape orice produs popular are un plug-in pentru minimizarea codului.

Partea din spate a monedei

La minimizare, există un dezavantaj important - după care codul nu poate fi restabilit la starea inițială. Astfel, este imposibil să remake sau să transferați unui alt dezvoltator un astfel de cod - este dificil din punct de vedere fizic să lucrați cu el.

Aceasta nu este cea mai mare problemă cu care vă puteți confrunta în crearea site-urilor Web. Rețineți această restricție, respectând o distincție clară între codurile de lucru și cele de producție. Și apoi depinde de tine să creezi un site răcoros.

Articole similare

Pagina anterioară