Ingen opplasting, 100% lokalt, ingen konto

Minifiser / Forskjønn

Minifiser eller forskjønn kode. Alt forblir i nettleseren.

Slik fungerer Minifiser / Forskjønne

Minifiser/forskjønn komprimerer HTML, CSS og JavaScript ved å fjerne kommentarer, unødvendig mellomrom og overflødige tegn, eller utvider minifisert kode tilbake til en lesbar innrykket form. All behandling skjer i nettleseren ved hjelp av medfølgende parsere; ingenting du limer inn overføres noe sted. Ingenting du skriver her forlater enheten din.

Minifisering påvirker direkte ytelsen ved sidelasting: mindre filer overfører raskere, analyseres raskere og bruker mindre båndbredde. For produksjonsdistribusjoner er minifiserte ressurser standard. Dette verktøyet er nyttig når du mottar en minifisert fil du trenger å lese (forskjønn), når du vil sjekke hva en minifiserer gjør med et utdrag før du integrerer det i en byggepipeline, eller når du trenger en rask engangs-minifisering uten å sette opp et byggeverktøy.

Skrevet av Bastien Sulyan

Slik bruker du Minifiser / Forskjønne, steg for steg

  1. Lim inn HTML-, CSS- eller JavaScript-koden din i inndataområdet.
  2. Velg språktype fra rullegardinmenyen (HTML, CSS eller JavaScript).
  3. Klikk «Minifiser» for å produsere den komprimerte versjonen, eller «Forskjønn» for å utvide og rykke inn koden.
  4. Kopier resultatet fra utdataområdet ved hjelp av kopieringsknappen.
  5. Lim inn annen kode og gjenta etter behov.

Vanlige bruksområder

  • En frontend-utvikler ønsker å minifisere et kritisk CSS-utdrag for å bygge det inn i HTML-hodet for ytelse over folden.
  • En utvikler mottar et minifisert tredjepartsskript og trenger å forskjønne det for å forstå logikken under en sikkerhetsgjennomgang.
  • En teknisk skribent trenger en formatert versjon av et minifisert JSON-LD-skripttag for å inkludere i dokumentasjon.
  • En webutvikler sjekker byte-besparelsen fra minifisering av en CSS-fil før de bestemmer seg for å legge til et byggtrinn.

Ofte stilte spørsmål

Sendes koden jeg limer inn til noen server for minifisering?

Nei. Minifisering og forskjønning utføres av sidens egen kode, skrevet for dette verktøyet i stedet for hentet fra en tredjeparts minifiserer. All behandling forblir i nettleserfanen. Ingenting du limer inn her overføres til Sunasty eller noen tredjepart.

Bevarer JavaScript-minifisering den opprinnelige oppførselen til koden?

En god minifiserer bevarer oppørsel ved bare å fjerne mellomrom, forkorte variabelnavn innenfor et kontrollert omfang og fjerne kommentarer. Dette verktøyet sikter mot trygge transformasjoner. Aggressive optimaliseringer som eliminering av død kode eller funksjonsinlining brukes generelt ikke, siden de krever full programanalyse.

Kan jeg minifisere og deretter forskjønne resultatet for å bekrefte det?

Ja. Minifiser koden først, og lim deretter det minifiserte utdata tilbake i inndataene og klikk Forskjønn. Den forskjønnede versjonen vil se annerledes ut enn den opprinnelige kilden (variabelnavn kan være forkortet, kommentarer fjernet), men vil være strukturelt likeverdig.

Fjerner HTML-minifisering alle kommentarer?

Verktøyet fjerner standard HTML-kommentarer (<!-- ... -->) under minifisering. Betingede kommentarer brukt av gamle IE-versjoner (<!--[if IE]...-->) beholdes alltid, så fjerning av kommentarer kan ikke ødelegge eldre oppførsel som er avhengig av dem.

Er det en størrelsesgrense på koden jeg kan minifisere?

Grensen er nettleserens tilgjengelige minne. Kode opp til noen hundre kilobyte behandles raskt. For store JavaScript-pakker (megabyte) er et dedikert byggeverktøy som esbuild, Terser eller Lightning CSS raskere og mer passende for produksjonsbruk.