CSSOptimizer<\/a> per comprimere e ripulire da tutto il testo inutile il CSS che pubblicheremo su web e tenendoci solo in locale quello usato per lo sviluppo e ricco di commenti.<\/p>\nciuaz<\/p>\n","protected":false},"excerpt":{"rendered":"
Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente per noi sviluppatori ma altrettato […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[12],"tags":[722,109,723,724,457],"class_list":["post-1696","post","type-post","status-publish","format-standard","hentry","category-webdev","tag-comprimere","tag-css","tag-kb","tag-ottimizzare","tag-webdesign"],"yoast_head":"\n
Ottimizzare i propri CSS - Fullo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ottimizzare i propri CSS - Fullo\" \/>\n<meta property=\"og:description\" content=\"Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente per noi sviluppatori ma altrettato […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Fullo\" \/>\n<meta property=\"article:published_time\" content=\"2005-10-17T08:06:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2021\/05\/FB_IMG_1515748807284.jpg?fit=1453%2C1453&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1453\" \/>\n\t<meta property=\"og:image:height\" content=\"1453\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Francesco Fullone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fullo\" \/>\n<meta name=\"twitter:site\" content=\"@fullo\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/\"},\"author\":{\"name\":\"Francesco Fullone\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"headline\":\"Ottimizzare i propri CSS\",\"datePublished\":\"2005-10-17T08:06:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/\"},\"wordCount\":111,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"keywords\":[\"comprimere\",\"css\",\"kb\",\"ottimizzare\",\"webdesign\"],\"articleSection\":[\"webdev\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/\",\"name\":\"Ottimizzare i propri CSS - Fullo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\"},\"datePublished\":\"2005-10-17T08:06:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/10\\\/17\\\/ottimizzare-i-propri-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ottimizzare i propri CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\",\"name\":\"Fullo\",\"description\":\"nulla e' impossibile per chi non lo deve fare!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"width\":622,\"height\":622,\"caption\":\"Francesco Fullone\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.fullo.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fullo\",\"https:\\\/\\\/x.com\\\/fullo\"],\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/author\\\/fullo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ottimizzare i propri CSS - Fullo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","og_locale":"it_IT","og_type":"article","og_title":"Ottimizzare i propri CSS - Fullo","og_description":"Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente per noi sviluppatori ma altrettato […]","og_url":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","og_site_name":"Fullo","article_published_time":"2005-10-17T08:06:28+00:00","og_image":[{"width":1453,"height":1453,"url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2021\/05\/FB_IMG_1515748807284.jpg?fit=1453%2C1453&ssl=1","type":"image\/jpeg"}],"author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Scritto da":"Francesco Fullone","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/#article","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/"},"author":{"name":"Francesco Fullone","@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"headline":"Ottimizzare i propri CSS","datePublished":"2005-10-17T08:06:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/"},"wordCount":111,"commentCount":3,"publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"keywords":["comprimere","css","kb","ottimizzare","webdesign"],"articleSection":["webdev"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","url":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","name":"Ottimizzare i propri CSS - Fullo","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/#website"},"datePublished":"2005-10-17T08:06:28+00:00","breadcrumb":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fullo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Ottimizzare i propri CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.fullo.net\/blog\/#website","url":"https:\/\/www.fullo.net\/blog\/","name":"Fullo","description":"nulla e' impossibile per chi non lo deve fare!","publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fullo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","width":622,"height":622,"caption":"Francesco Fullone"},"logo":{"@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1"},"sameAs":["http:\/\/www.fullo.net","https:\/\/www.linkedin.com\/in\/fullo","https:\/\/x.com\/fullo"],"url":"https:\/\/www.fullo.net\/blog\/author\/fullo\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3OSc1-rm","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":882,"url":"https:\/\/www.fullo.net\/blog\/2004\/06\/14\/phplinks-comprimere-i-css-con-php\/","url_meta":{"origin":1696,"position":0},"title":"php::Links(‘ comprimere i CSS con PHP ‘);","author":"Francesco Fullone","date":"14\/06\/2004","format":false,"excerpt":"I css, se utilizzati come unico strumento per la definizione del layout di un sito, raggiungono facilmente dimensioni ragguardevoli. Php offre uno strumento per comprimerli fino all'80%. Chiaramente la tecnica pu\u00f2 essere applicata con poche modifiche anche a file con altre estensioni (e in particolare a file php). Da notare\u2026","rel":"","context":"In "php"","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":423,"url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","url_meta":{"origin":1696,"position":1},"title":"css e fir","author":"Francesco Fullone","date":"28\/08\/2003","format":false,"excerpt":"ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico... e devo dire che li ho trovato molto interessanti... unico dubbio... se all'interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l'esempio semantico va a farsi\u2026","rel":"","context":"In "tecnologia"","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2144,"url":"https:\/\/www.fullo.net\/blog\/2006\/12\/07\/cosa-manca-alla-template\/","url_meta":{"origin":1696,"position":2},"title":"Cosa manca alla template?","author":"Francesco Fullone","date":"07\/12\/2006","format":false,"excerpt":"Piccolo post per ricordarmi di fare cose, vedere gente... e\/o viceversa e\/o una combinazione lineare a caso... contatti agli IM anche in homepage dopo una giornata a bannare russe che cercano di chattare su ICQ e MSN ho deciso che \u00e8 meglio di no... lascio il tutto nella sezione contattami\u2026","rel":"","context":"In "webdev"","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2640,"url":"https:\/\/www.fullo.net\/blog\/2009\/08\/04\/ottimizzare-symfony-su-dreamhost\/","url_meta":{"origin":1696,"position":3},"title":"Ottimizzare symfony su DreamHost","author":"Francesco Fullone","date":"04\/08\/2009","format":false,"excerpt":"Qualche giorno fa, come esperimento personale, ho aggiornato (grazie all'aiuto di Federico per il layout), TwitOrNot. Di per s\u00e8 l'applicazione \u00e8 abbastanza banale, ma l'esercizio \u00e8 stato fatto per testare alcune idee che da qualche tempo mi giravano per il cervello. Innanzitutto, TwitOrNot migra dalla versione 1.1 alla 1.2.x di\u2026","rel":"","context":"In "php"","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"img":{"alt_text":"twitornot: symfony on dreamhost optimization","src":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2009\/08\/twitornot-symfony-on-dreamhost1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2104,"url":"https:\/\/www.fullo.net\/blog\/2006\/10\/31\/piccoli-wordpress-crescono\/","url_meta":{"origin":1696,"position":4},"title":"Piccoli WordPress crescono","author":"Francesco Fullone","date":"31\/10\/2006","format":false,"excerpt":"Domenica \u00e8 stato inaugurato il nuovo sito di SWG. Progetto al quale ho collaborato attivamente negli ultimi mesi facendo un lavoro di taglia e cuci con alcuni plugin per WordPress e riadattando il layout a template per lo stesso. Nello specifico vado molto fiero dell'homepage dove vengono caricati i feed\u2026","rel":"","context":"In "php"","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1591,"url":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","url_meta":{"origin":1696,"position":5},"title":"CSS Customization","author":"Francesco Fullone","date":"16\/08\/2005","format":false,"excerpt":"Bellissimo tutorial su come personalizzare l'aspetto degli input di tipo Radio e CheckBox dei form senza perderne l'accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser. E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL ciauz","rel":"","context":"In "webdev"","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/1696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/comments?post=1696"}],"version-history":[{"count":0,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/1696\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/media?parent=1696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/categories?post=1696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/tags?post=1696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}