{"id":1696,"date":"2005-10-17T10:06:28","date_gmt":"2005-10-17T08:06:28","guid":{"rendered":"https:\/\/www.fullo.net\/blog\/archives\/2005\/10\/17\/ottimizzare-i-propri-css\/"},"modified":"2005-10-17T10:06:28","modified_gmt":"2005-10-17T08:06:28","slug":"ottimizzare-i-propri-css","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","title":{"rendered":"Ottimizzare i propri CSS"},"content":{"rendered":"<p>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. <\/p>\n<p>Operare in questo modo \u00e8 molto comodo ed efficiente per noi sviluppatori ma altrettato inefficiente per un browser che invece di scaricare 10Kb di CSS se ne scarica 50Kb. <\/p>\n<p>Come risolvere il problema? Beh semplicemente usando <a href=\"http:\/\/www.cssoptimiser.com\/index.php\">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>\n<p>ciuaz<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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}},"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":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>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=\"en_US\" \/>\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 [&hellip;]\" \/>\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 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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\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\":\"en-US\",\"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\":\"en-US\",\"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&#039; 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\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"en_US","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 [&hellip;]","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","author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Written by":"Francesco Fullone","Est. reading time":"1 minute"},"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":"en-US","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":"en-US","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&#039; 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":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"en-US","@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(&#8216; comprimere i CSS con PHP &#8216;);","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 &quot;php&quot;","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"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":1},"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 &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2104,"url":"https:\/\/www.fullo.net\/blog\/2006\/10\/31\/piccoli-wordpress-crescono\/","url_meta":{"origin":1696,"position":2},"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 &quot;php&quot;","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"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 &quot;php&quot;","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":423,"url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","url_meta":{"origin":1696,"position":4},"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 &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2018,"url":"https:\/\/www.fullo.net\/blog\/2006\/07\/29\/activecollab-e-dreamhost\/","url_meta":{"origin":1696,"position":5},"title":"ActiveCollab e Dreamhost","author":"Francesco Fullone","date":"29\/07\/2006","format":false,"excerpt":"Dreamhost ha aggiunto alla lista dei programmi installabili direttamente da interfaccia web ActiveCollab, giovane concorrente di BaseCamp, ma che c'entra poco o nulla (per ora) con software come phpCollab. Siccome sono molto curioso, soprattutto riguardo alle metodologie GTD ed al Project Management, non ho resistito e l'ho installato al volo.\u2026","rel":"","context":"In &quot;open source&quot;","block_context":{"text":"open source","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/open-source\/"},"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}]}}