Hvordan minifisere JavaScript -kode

Å komprimere eller minifisere en kode betyr å fjerne alle irrelevante tegn fra kildekoden uten å endre funksjonaliteten. Disse karakterene inkluderer hvite rom, kommentarer, nye linjekarakterer, semikoloner osv. Men hvorfor er minimering av koden din nødvendig? Vel, det reduserer størrelsen til mindre kilobyte. Derfor gjør lastingen av nettstedet ditt raskere og gir brukeren en fantastisk opplevelse.

Ulike utviklere skriver godt strukturert kode med mellomrom og kommentarer. Dette gjør koden deres forståelig. Men samtidig skaper det ekstra plass og øker derfor lastetiden.

Dette er grunnen til at minimering av kode er ekstremt nyttig i JavaScript, da det reduserer størrelsen på siden. Denne minimerte versjonen gir bedre funksjonalitet uten ytterligere nettverkstrafikk.

Hvordan minimeres JavaScript -kode

JavaScript -kode kan minimeres på forskjellige måter som oppført nedenfor:

• Gjennom fjerning av hvite rom og innrykk
• Gjennom fjerning av ekstra tegn fra variabelnavn
• Gjennom fjerning av nye linjekarakterer
• Gjennom fjerning av unødvendige IF, løkker og variable retardasjoner
• Gjennom å optimalisere betingede utsagn og konvertere matriser til objekter.
• Gjennom fjerning av kommentarer
• Gjennom fjerning av unødvendige parenteser, halvkoloner.

Her er et eksempel på JavaScript før og etter minimering:

Før koden er på 8 linjer:

// denne funksjonen tar inn fargenes navn som en parameter
// den logger bilstrengen med den fargen
// ved å bruke informasjonen som er bestått
funksjon bil (farge)
konsoll.logg ("bilfarge er"+farge)

bil ("rød");

Etter at disse 8 linjene minimeres til en enkelt linjekode:

Funksjonsbil (c) konsoll.logg ("bilfarge er"+c) bil ("rød");

Dette gjøres gjennom fjerning av hvite rom, ekstra kommentarer; Det vil gjøre det mer optimalisert og fremskynde lasting av websiden. Men noen ganger består en brukerkode av tusenvis av linjer og å minifisere den er ikke en lett oppgave. Derfor er det forskjellige biblioteker og online verktøy som gir disse funksjonalitetene.

Online verktøy for å minifisere JavaScript -koden din:

Minifisering har blitt vanlig innen design og utvikling av nettsteder. Derfor er det forskjellige verktøy som hjelper deg å komprimere koden din og lagre din dyrebare tid. Noen av disse er listet opp nedenfor:

JSCOMPRESS

Dette er et komprimeringsverktøy spesielt for JavaScript, der brukere kan laste opp flere filer om gangen. Dette hjelper med å lagre tiden for brukeren, samt kombinere alle filene i en enkelt kodefil en enklere prosess. Derfor øker du lastetiden på siden og gjør nettstedets opplevelse for brukeren bedre.

JavaScript-minifier

Dette spesielle verktøyet minifiserer både JavaScript og CSS. Det er enkelt å bruke, ettersom brukere bare må lime inn JavaScript -koden i den gitte boksen og klikke på "Minifisere”-Knappen. Dette genererer en minifisert versjon av koden din som også kan lastes ned som en fil.

Minifycode

Dette verktøyet tilbyr minifiers for HTML, CSS og JavaScript. Det ligner på andre minifiers der brukere bare må lime inn kode og generere den minifiserte versjonen. Men det kommer med en ekstra funksjon. Den har en "Butifier”-Knappen som bestemmer den minifiserte koden, noe som gjør det lettere å lese for brukeren.

Google Closure Compiler

Det er en brukervennlig Google Closure -kompilator som følger med forskjellige nyttige optimaliseringsalternativer. Ulike alternativer er gitt, uansett hvilken bruker som ønsker å bruke i henhold til deres behov. For eksempel, hvis en bruker ønsker å optimalisere koden for hvitespasninger eller sjekke syntaks for koden deres. Videre sjekker det også for eventuelle feil i koden, og gir brukeren best resultat.

Konklusjon

Minifisering av kode refererer til fjerning av ting som ikke har nytte i koden din. Dette kan omfatte ekstra mellomrom, semi colons osv. Det er en nyttig praksis og hjelper til med å forhindre kildekoden din som kopieres. I denne artikkelen så vi hvorfor minimering av koden din er nødvendig og forskjellige verktøy der ute for dette formålet. Disse verktøyene gir brukere forskjellige alternativer for å optimalisere koden på basene til forskjellige faktorer som hastighet, effektivitet osv.

Den minimerte versjonen av koden din vil hjelpe deg med å øke lastetiden på hjemmesiden din og redusere nettverkstrafikken. Derfor gir både besøkende og søkemotorer bedre erfaring.