JS & CSS-pienentäjä

Tee sivustostasi pienempi ja nopeampi pienentämällä JS & CSS-koodit!

Näytä esimerkki
×

Jälkeen

/* Show transparent overlay */
function pageOverlay(){
$('#overlay').height($(window).height()); $('#overlay').width($(window).width()); $('#overlay').show(); }

Ennen

function pageOverlay(){$('#overlay').height($(window).height());
$('#overlay').width($(window).width());$('#overlay').show();}

TAI
Pudota JS/CSS-tiedostot tähän
Tämä kenttä vaaditaan
Lähetämme tiedoston pienennettäväksi

Usein kysytyt kysymykset

Mitä JS & CSS-pienentäjä tekee? JS & CSS-pienentäjä on verkossa toimiva JavaScript/CSS-kompressori, joka voi tiivistää ja pienentää kaikkia JS/CSS-tiedostojasi jopa 80%:illa niiden alkuperäisestä koosta. Kopioi ja liitä koodisi tai lataa lukuisia tiedostoja palvelimelle tiivistääksesi ne. Käytämme UglifyJS 3- ja babili-standalone-työkaluja kaikkeen JavaScript-pienennykseen ja tiivistykseen. Tämä pienentäjä poistaa tyhjätilamerkit, riisuu kommentit, yhdistää tiedostot ja optimoi/lyhentää tiettyjä yleisiä ohjelmointimalleja. Lisäksi se sisältää valtavan testisarjan. Miksi JS/CSS:n tiivistäminen kannattaa? Sivujen latautumisnopeus on käyttökokemuksen oleellinen osa-alue. Jotkut sivunrakentajat keskittyvät designiin, sisältöön ja toiminnallisuuteen latausnopeuden kustannuksella. Kävijät kuitenkin välittävät nopeudesta – jos sivu latautuu liian hitaasti, he todennäköisesti häipyvät. Verkkosivusi tiivistämällä voit “pienentää” koodia jopa viidenneksellä, jolloin sivut latautuvat nopeammin, laajakaistaa kuluu vähemmän, ja HTTP-pyyntöjä tarvitaan harvemmin. Miten käytän työkalua? Yksinkertaisesti – kopioi ja liitä koodi ruudun vasemmalla puolella olevaan laatikkoon, tai raahaa ja pudota kokonainen tiedosto määritetylle alueelle. Vahvista, onko se JavaScript- vai CSS-muodossa, ja klikkaa “Pienennä”-painiketta. Saat välittömästi pienennetyn, tiivistetyn koodin. Voit myös klikata “Edistyneet vaihtoehdot”-painiketta, jos haluat hienosäätää tiettyjä kohtia. Pysyykö koodini luettavana työkalun käytön jälkeen? Sen lisäksi, että koodisi pysyy luettavana, tulet huomaavan sen nopeutuneen. Sivut latautuvat pikaisemmin, jolloin verkkosivusi kävijöiden käyttökokemus muuttuu mukavammaksi.
164903
164903
Tykkäsitkö työkalusta? Arvostele se!
4.5 (Arvostellut 840 käyttäjää)
Olet jo äänestänyt! Kumoa
Sinun tulee käyttää työkalua ennen arvostelua
Tämä kenttä vaaditaan Maximal length of comment is equal 80000 chars Kommentin minimipituus on 10 merkkiä

Ihanaa, että ykkäsit!

Jaa kavereille!

Paina Ctrl+D lisätäksesi työkalu heti kirjanmerkkeihisi!