Sei in » Home » Internet

Siti per comprimere online codice CSS e Javascript


Writer G. Meneghelli - readers 480 -   Last update  14/03/2013



Servizi web per comprimere online fogli di stile CSS e codice Javascript.



Introduzione


Per una migliore ottimizzazione dei tempi di caricamento di un sito web può essere utile comprimere un file CSS o Javascript mantenendone inalterato la sua funzionalità.

La compressione avviene togliendo tutti gli spazi e i ritorni a capo del file testuale.

Le applicazioni web proposte riducono le dimensioni del file che contiene il codice. Il risultato è un file testuale privo di spazi ed interlinee.

Per esempio:

Foglio di stile esteso:

/********************/
/*** INTESTAZIONE ***/
body {
FONT-FAMILY: verdana;
FONT-SIZE: 8px;
BACKGROUND-COLOR: #003366;
margin-left:auto;
text-align:center;
}
/* COMMENTO */


che diventa compresso:

body{FONT-FAMILY:verdana;FONT-SIZE:8px; BACKGROUND-COLOR:#036;margin-left:auto;text-align:center}

Dati compressione effettuata:
- byte prima compressione 182
- byte dopo compressione 97
- compression ratio 47%

(Test con YUI Compressor)

Ovviamente dovrete tenere il sorgente del file perché, con questo tipo di compressione, perderete la leggibilità del codice.

Se invece volete compattare il codice mantenendone la leggibilità e di conseguenza la facilità di modifica, consiglio il sito Css2less.
In questo caso il codice non viene compresso ma semplicemente riscritto in maniera più compatta raggruppando le istruzioni. per farlo dovete cliccase sulla voce Less.

body {
    FONT-FAMILY: verdana;
    FONT-SIZE: 8px;
    BACKGROUND-COLOR: #003366;
    margin-left:auto;
    text-align:center;
}








Web links


Dean.edwards.name/packer
Comprime codice CSS e Javascript online. Non richiede registrazione.


CSS Compressor
Servizio online per comprimere codice CSS. Non richiede registrazione. (iceyboard.no-ip.org)


CSS Compressor and Minifier
Servizio online di compressione codice CSS con molte opzioni. Per utilizzarlo basta incollare il codice all'interno del box e premere il pulsante 'Compress & Minify'.


Javascript compressor.com
Servizio online per comprimere codice Javascript. Non richiede registrazione.


Minify Javascript Compressor
Comprime online codice Javascript e JS. Non richiede registrazione.


Online JavaScript/CSS Compression Using YUI Compressor
Tool online basato su YUI Compressor per comprimere codice CSS/Javascript. Non richiede registrazione. (Refresh-sf.com)



Giampietro Meneghelli
Lidweb.it
Ultimo aggiornamento: 14/03/2013






Tags: Internet, Programmazione, Webmastering

 Lidweb.it si basa sul lavoro di un'unica persona.
 Aiutami con suggerimenti, correzioni e segnalazioni scrivendo
 al mio indirizzo lidweb@lidweb.it
 Sostieni il blog cliccando sul banner pubblicitario. Grazie.



Partner e amici 
» Lidweb on Flick
» Mediterraneavirtual

About
» Chi sono
» E-mail lidweb@lidweb.it
» RSS
Note sul sito e l'autore
Lidweb.it è un blog indipendente che dal 2000 si occupa di tecnologia e internet.
Pubblica guide, consigli e recensioni su software gratuito.
L'autore, Giampietro Meneghelli, si occupa personalmente della programmazione e della stesura degli articoli del sito.
Da sempre utilizza i computer, dai primi PC DOS fino agli attuali sistemi a 64 bit.
Conosce l'informatica, la programmazione e le nuove frontiere del mobile.
Segue l'evoluzione del web nei suoi aspetti social

Copyright © 2000-2018 |  Script and theme by Giampietro Meneghelli vers. 1.06  | Backup script MSSql by R. Osto | Icons by Fortawesome
Contenuti pubblicati secondo la licenza di utilizzo Creative Commons, salvo diverse indicazioni.
L'autore non si assume alcuna responsabilità nel caso di eventuali errori nei contenuti. Marchi registrati dai rispettivi proprietari.