14 Алати за смањивање Јавасцрипт-а

Јавасцрипт минимизација је техника која кондензује вашу скрипту на много мањи траг. Губите људску читљивост, али ћете сачувати значајну пропусност - на крају, Јавасцрипт је намењен вашем претраживачу, а не вашим корисницима.

Већина производних веб страница користи Јавасцрипт минификацију, али начин на који се то постиже увелике варира. Од једноставних онлине конвертора до свеобухватнијих ГУИ алата до интерфејса командне линије, наше опције су прилично различите. У овом чланку ћемо погледати како функционише Јавасцрипт минирање, како га можемо изградити у наш радни процес и које су предности и мане минирања.

Хов Минифицатион Воркс

Најбољи начин да сазнате шта се дешава када смањите код јесте да погледате УглифиЈС Гитхуб спремиште. Ова скрипта се користи у многим онлине конверторима као и ГУИ алаткама и алаткама командне линије као што је Грунт. Ево неких трансформација које примењује да би ваш код био краћи:

Уклања непотребан простор
Скраћује имена променљивих, обично на појединачне знакове
Спаја узастопне вар декларације
Претвара низове у објекте гдје је то могуће
Оптимизира изјаве
Израчунава једноставне константне изразе
итд.

Као брз пример, ево функције која у суштини пише неке дате текстове.

 функција хелло (тект) доцумент.врите (тект);

хелло ('Добро дошли у чланак');

Хајде да видимо шта се дешава када ово смањимо. Обратите пажњу на уклањање размака и увлачење и скраћивање текстуалне варијабле.

хелло (е) доцумент.врите (е) хелло ("Добро дошли у чланак")

Алатке за минимизирање Јавасцрипт-а

Алати који се користе за минимизирање Јавасцрипт-а могу се широко категоризирати у 3 групе: онлине алати, ГУИ алати и алати командне линије.

Код онлине алата обично се ради о лепљењу вашег кода и копирању резултата одмах.
ГУИ алати често садрже много више функционалности; ЈС минификација је само мали део онога што раде.
Алати командне линије су такође обично свеобухватнији, нудећи минификацију као модул.

Онлине Тоолс

јавасцрипт-минифиер.цом је згодан алат са АПИ-јем
Онлине ИУИ Цомпрессор је моћнији алат који користи ИУИ компресор, са много опција и ЦСС минифицатион могућности као и
јсцомпресс.цом је минифиер који се не наплаћује, али он обавља посао
јсмини.цом је још једна једноставна, али потпуно употребљива опција

Велика ствар код онлине алата је брзина којом можете да радите са њима. Комплексни ГУИ и алати за командну линију се брже смањују, али вам је потребно да пројект буде подешен да ради исправно. Лоша страна ових алата су они углавном не дају мало или нимало прилагођавања, барем у поређењу са алатима командне линије.

ГУИ Тоолс

Коала је бесплатан алат за ЛЕСС, САСС компилацију, ЈС минификацију и још много тога
Препрос је плаћена платформа која вам даје још више опција
Цодекит је мој избор. То је плаћена Мац-апликација која нуди компилацију кода, минификацију, сервер за преглед, управљање бовер пакетима и много више
АјакминГуи је бесплатан, једнократни Виндовс алат за минимизирање вашег ЈС-а
УлтраМинифиер је бесплатна апликација за ОС Кс која минира ЦСС и ЈС помоћу драг анд дроп
Мањи је ОС Кс алат који минифицира и спаја фајлове за вас

Овдје сам споменуо двије врсте ГУИ апликација. Једноставне апликације у једном кораку су сличне њиховим колегама на мрежи. Они су изузетно брзи за употребу, јер можете само повући и испустити датотеке у њих, без потребе за постављањем. То је рекао, они практично без прилагођавања.

Већи ГУИ алати (Препрос, Коала, Цодекит) су одлични у управљању пројектима и дају вам мало више опција за компресију, али они раде треба мало подешавања. Брзо минирање ЈС-а ће трајати око 20 секунди, што је много, у поређењу са процесом од 2 секунде онлине или једноставним ГУИ алаткама.

С друге стране, они вам нуде више могућности опћенито и пружају вам аутоматизацију. Ваше ЈС датотеке ће бити миниране сваки пут када их сачувате, нема потребе да их ручно рушите. Ако развијате нешто у Јавасцрипт-у, ово је дефинитивно начин на који треба ићи.

Алатке командне линије

Минифи је за оне који желе да смање ЈС из командне линије, али не желе да постављају ништа занимљиво у Грунт или Гулп
Углифи.јс које смо раније поменули је такође доступан као самосталан алат командне линије
Грунт има проширење за Јавасцрипт минимизацију по имену грунт-цонтриб-углифи
Гулп такође има ЈС минификацију користећи Углифи.јс кроз гулп-углифи

Алати командне линије нису само за Линук геекове! Нисам добар на терминалу, али постављање ствари као што су Грунт и Гулп је лако кроз њихову велику документацију. Добра страна алата за командну линију је одлична количина флексибилности коју имате од опција до излаза.

С друге стране, постоји крива учења. Навикавање на командну линију потребно је (не много) праксе које ћете сматрати рестриктивним пре него што почнете уживати у предностима.

Преглед

Ако сте нови у веб развоју, препоручио бих вам једно од прва три ГУИ алата. Они ће вам помоћи да управљате својим пројектима уопште и нуде много више од само ЈС минификације.

Ако сте искусан професионалац, требало би да погледате Грунт или Гулп јер они нуде највећу контролу над задацима аутоматизације. Ако је потребно брзо скратити скрипту без постављања пројекта, алати командне линије вам могу уштедети много времена.

Свака група алата има своје предности и мане и, у ствари, вероватно ћете завршити користећи једну од њих у неком тренутку. Имајте на уму да, када сте у продукцијском окружењу, увек морате да смањите ЈаваСцрипт и ЦСС!