Siti per comprimere online codice CSS e Javascript


Inserito da G. Meneghelli | letto 7689 volte |  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


  Compressor.ebiene.de
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'.


  Css2less
Questo servizio riscrive il codice CSS che abbiamo incollato, cercando di ridurre il numero di righe di istruzione mantenendone la leggibilità e la facilità di manutenzione.


  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
» Esibiti
» Mediterraneavirtual
» Vigasio.net

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, utilizza da sempre i computer, dai primi PC DOS fino agli attuali sistemi a 64 bit.
Conosce la programmazione, l'informatica e le nuove frontiere del mobile.
Segue l'evoluzione del web nei suoi aspetti sociali.

Copyright © 2000-2016 |  Script and theme by Giampietro Meneghelli vers. 1.03  | 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.