Ingen uppladdning, 100% lokalt, inget konto

Minifiera / Formatera

Minifiera eller formatera kod. Allt stannar i din webbläsare.

Så fungerar Minifiera / Formatera

Minimera och Gör läsbar komprimerar HTML, CSS och JavaScript genom att ta bort kommentarer, onödiga blanksteg och överflödiga tecken, eller expanderar minimerad kod tillbaka till en läsbar indenterad form. All bearbetning sker i webbläsaren med paketerade tolkare; inget du klistrar in överförs någonstans. Inget du skriver här lämnar din enhet.

Minimering påverkar direkt sidladdningsprestanda: mindre filer överförs snabbare, tolkas snabbare och förbrukar mindre bandbredd. För produktionsdriftsättningar är minimerade tillgångar standard. Det här verktyget är användbart när du tar emot en minimerad fil du behöver läsa (gör läsbar), när du vill kontrollera vad en minimerare gör med ett utdrag innan det integreras i en byggpipeline, eller när du behöver en snabb engångsminimering utan att sätta upp ett byggverktyg.

Skrivet av Bastien Sulyan

Så här använder du Minifiera / Formatera, steg för steg

  1. Klistra in din HTML-, CSS- eller JavaScript-kod i indataområdet.
  2. Välj språktypen från rullgardinsmenyn (HTML, CSS eller JavaScript).
  3. Klicka på 'Minimera' för att producera den komprimerade versionen, eller 'Gör läsbar' för att expandera och indentera koden.
  4. Kopiera resultatet från utdataområdet med kopieringsknappen.
  5. Klistra in annan kod och upprepa vid behov.

Vanliga användningsområden

  • En front-end-utvecklare vill minimera ett kritiskt CSS-utdrag för att infoga det i HTML-headern för above-the-fold-prestanda.
  • En utvecklare tar emot ett minimerat tredjepartsskript och behöver göra det läsbart för att förstå dess logik under en säkerhetsgranskning.
  • En teknisk skribent behöver en formatterad version av ett minimerat JSON-LD skript-tagg för att inkludera i dokumentation.
  • En webbutvecklare kontrollerar byte-besparingarna från minimering av en CSS-fil innan hen beslutar om ett byggsteg ska läggas till.

Vanliga frågor

Skickas koden jag klistrar in till någon server för minimering?

Nej. Minimeringen och formateringen utförs av sidans egen kod, skriven för det här verktyget snarare än hämtad från en tredjepartsminimerare. All bearbetning stannar i webbläsarfliken. Inget du klistrar in här skickas till Sunasty eller någon tredje part.

Bevarar JavaScript-minimering det ursprungliga beteendet hos koden?

En bra minimerare bevarar beteende genom att bara ta bort blanksteg, förkorta variabelnamn inom ett kontrollerat omfång och ta bort kommentarer. Det här verktyget riktar sig mot säkra transformationer. Aggressiva optimeringar som eliminering av dödkod eller funktionsinbäddning tillämpas generellt inte, eftersom dessa kräver fullständig programanalys.

Kan jag minimera och sedan göra resultatet läsbart för att verifiera det?

Ja. Minimera koden först, klistra sedan in den minimerade utdatan tillbaka i indata och klicka på Gör läsbar. Den formatterade versionen ser annorlunda ut från originalkällan (variabelnamn kan vara förkortade, kommentarer borttagna) men är strukturellt likvärdig.

Tar HTML-minimering bort alla kommentarer?

Verktyget tar bort standard HTML-kommentarer (<!-- ... -->) under minimering. Villkorliga kommentarer som används av gamla IE-versioner (<!--[if IE]...-->) bevaras alltid, så att borttagning av kommentarer inte kan bryta äldre beteende som beror på dem.

Finns det en storleksgräns för koden jag kan minimera?

Begränsningen är din webbläsarfliks tillgängliga minne. Kod upp till några hundra kilobyte bearbetas snabbt. För stora JavaScript-paket (megabyte) är ett dedikerat byggverktyg som esbuild, Terser eller Lightning CSS snabbare och mer lämpligt för produktionsanvändning.