JavaScript / CSS pakkaus ja kevennys (Minify)
Tiivistä ja kevennä JavaScript- ja CSS-lähdekoodi
Ominaisuudet
Tiivistää sekä JS:ää että CSS:ää
Kevennä kahden kielen lähdekoodi välilehteä vaihtamalla
Poista kommentit ja välilyönnit kerralla
Vähentää automaattisesti myös rivinvaihtoja ja turhia puolipisteitä
Näe vähennys numeroina
Näyttää heti koon ennen ja jälkeen tiivistyksen sekä vähennysprosentin
Säilyttää merkkijonot ja säännölliset lausekkeet
Tiivistää turvallisesti rikkomatta koodin literaaleja
Käyttöohje
Valitse tiivistettävä kieli
Valitse tiivistettävä kieli JavaScript- ja CSS-välilehdiltä
Syötä lähdekoodi
Liitä koodi syöttökenttään tai kokeile esimerkkipainikkeella
Suorita tiivistyspainikkeella
Luo tiivistetty tulos, josta on poistettu välilyönnit ja kommentit
Tarkista ja tallenna tulos
Tarkista tiivistetty koodi ja vähennysprosentti ja hae se kopioimalla tai lataamalla
Käyttötapaukset
Verkkosivun näytön nopeutus
Pienennä JS- ja CSS-tiedostokokoa ja lyhennä latausaikaa
Viimeistely ennen julkaisua
Kevennä julkaisuresurssit ja hillitse jakelukustannuksia
Mobiilidatan säästö
Tiivistä siirrettävän datan määrä mobiiliympäristöön ja säästä
Lähdekoodin hämärtäminen
Tee lähdekoodista vaikealukuista poistamalla muotoilutiedot
Perustiedot
Minifioinnin ja obfuskoinnin ero
Minifiointi on prosessi, jossa välilyönnit, rivinvaihdot ja kommentit poistetaan tiedostosta sen pienentämiseksi, jolloin tiedostosta tulee vaikealukuinen, mutta se eroaa obfuskoinnista (muuttujanimien korvaus ja rakenteen muuntaminen), jonka tarkoituksena on estää tulkintaa.
Suhde gzip-pakkaukseen
Minifiointia ja palvelimen puoleista gzip- tai Brotli-pakkausta voidaan käyttää yhdessä, ja molempien käyttäminen on vakiokäytäntö. Kun alkuperäisen koon pienentää minifioimalla, siirron aikana pakataan vielä lisää, joten vaikutus on kumulatiivinen.
Turvallisuus ja yksityisyys
Käsittely selaimessa
Syötetyt tiedot käsitellään vain selaimessasi, eikä niitä lähetetä ulkopuolelle.
Käsittely vain selaimen sisällä
koodin tiivistys käsitellään kokonaan selaimessasi, ja syötetyt tiedot eivät lähde palvelimelle.
Tietoliikenne salattu HTTPS:llä
Sivun lataus salataan myös TLS:llä, eikä kolmannet osapuolet pääse lukemaan sisältöä.
Ei lähetystä kolmansille osapuolille
Syöttötietoja ei lähetetä ulkoisille palveluille, kuten mainontaverkkoihin tai seurantapalveluihin.
Tulosten automaattinen tallennus ei käytössä
syöte ja tiivistyksen tulos ja syöteehdotuksia ei tallenneta palvelimelle.
Seuraa RAKKOTOOLSia Google-haulla
175 kätevää työkalua löytyy helpommin Google-haulla ja tekoäly-haulla!
- Löytyy haulla
- Näkyy myös tekoäly-haulla
- Löydä uusia työkaluja
Päivitykset
- update #216
Korjattu ongelma, jossa japaninkielinen teksti näyttää muilla kuin japaninkielisillä sivuilla joissakin työkaluissa
- update #162
CSS-pakkautyökalun läpinäkyvien värien ongelman ratkaiseminen, joka tekee ne joidenkin selainten osalta epäkelpoisiksi
- update #86
CSS-pakkaustoiminnossa korjattu valitsimen välilyönnin häviämisen aiheuttama asetteluvika
- update #27
Ratkaise pakkaustyökalun tulossisällön ongelmat, kuten JS-tunnisteiden jakaminen ja CSS-jälkeläisselaimen vauriot
- update #7
JS-/CSS-minifiointityökalu säilyttää lausekkeiden ja mediakyselyiden pakolliset välilyönnit
Suositut työkalut
175 ilmaista verkkotyökalua käytettävissä heti!