Ingen upload, 100% lokalt, ingen konto

Minifier / Prettifier

Minificér eller prettificér kode. Alt forbliver i din browser.

Sådan virker Minifier / Prettifier

Minifik/Smuk komprimerer HTML, CSS og JavaScript ved at fjerne kommentarer, unødvendigt whitespace og overflødige tegn, eller udvider minimeret kode tilbage til en læsbar indrykket form. Al behandling sker i browseren ved hjælp af bundlede parsere; intet du indsætter overføres nogen steder. Intet du skriver her forlader din enhed.

Minifikation påvirker direkte sidens indlæsningsydelse: mindre filer overføres hurtigere, parses hurtigere og forbruger mindre båndbredde. I produktionsudrullinger er minimerede aktiver standarden. Dette værktøj er nyttigt, når du modtager en minimeret fil, du skal læse (smukning), når du vil kontrollere, hvad en minifier gør ved et snippet inden integration i en build-pipeline, eller når du har brug for en hurtig engangs-minifikation uden at opsætte et build-værktøj.

Skrevet af Bastien Sulyan

Sådan bruger du Minifier / Prettifier, trin for trin

  1. Indsæt din HTML-, CSS- eller JavaScript-kode i inputfeltet.
  2. Vælg sprogtype fra dropdown (HTML, CSS eller JavaScript).
  3. Klik på »Minifik« for at producere den komprimerede version, eller »Smukt« for at udvide og indrykke koden.
  4. Kopier resultatet fra outputfeltet ved hjælp af kopierknappen.
  5. Indsæt anden kode og gentag efter behov.

Almindelige anvendelser

  • En frontend-udvikler ønsker at minimere et kritisk CSS-snippet for at indlejre det i HTML-head til above-the-fold-ydeevne.
  • En udvikler modtager et minimeret tredjepartsscript og skal smukkegøre det for at forstå dets logik under en sikkerhedsgennemgang.
  • En teknisk skribent har brug for en smukkere version af et minimeret JSON-LD-script-tag til inkludering i dokumentation.
  • En webudvikler kontrollerer byte-besparelserne fra at minimere en CSS-fil inden beslutning om at tilføje et build-trin.

Ofte stillede spørgsmål

Sendes den kode, jeg indsætter, til nogen server til minifikation?

Nej. Minifikationen og smukkegørelsen udføres af sidens egen kode, skrevet til dette værktøj i stedet for hentet fra en tredjeparts minifier. Al behandling forbliver i browser-fanen. Intet du indsætter her overføres til Sunasty eller nogen tredjepart.

Bevarer JavaScript-minifikation den originale opførsel af koden?

En god minifier bevarer opførsel ved kun at fjerne whitespace, forkorte variabelnavne inden for et kontrolleret omfang og fjerne kommentarer. Dette værktøj retter sig mod sikre transformationer. Aggressive optimeringer som eliminering af død kode eller funktion-inlining anvendes generelt ikke, da de kræver fuld programanalyse.

Kan jeg minimere og derefter smukkegøre resultatet for at verificere det?

Ja. Minifiker koden først, og indsæt derefter det minimerede output tilbage i inputtet og klik på Smukkegør. Den smukkere version vil se anderledes ud end den originale kilde (variabelnavne kan være forkortet, kommentarer fjernet), men vil være strukturelt tilsvarende.

Fjerner HTML-minifikation alle kommentarer?

Værktøjet fjerner standard HTML-kommentarer (<!-- ... -->) under minifikation. Betingede kommentarer brugt af gamle IE-versioner (<!--[if IE]...-->) bevares altid, så fjernelse af kommentarer ikke kan ødelægge ældre opførsel, der afhænger af dem.

Er der en størrelsesgrænse for den kode, jeg kan minimere?

Grænsen er din browser-fanes tilgængelige hukommelse. Kode op til et par hundrede kilobytes behandles hurtigt. For store JavaScript-bundter (megabytes) er et dedikeret build-værktøj som esbuild, Terser eller Lightning CSS hurtigere og mere velegnet til produktionsbrug.