{"id":1069,"date":"2022-02-09T10:52:30","date_gmt":"2022-02-09T10:52:30","guid":{"rendered":"https:\/\/www.bhoost.com\/it\/?p=1069"},"modified":"2023-07-31T13:10:45","modified_gmt":"2023-07-31T13:10:45","slug":"cose-la-minificazione-e-perche-farla","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/cose-la-minificazione-e-perche-farla\/","title":{"rendered":"Cos’\u00e8 la minificazione e perch\u00e9 farla?"},"content":{"rendered":"

La minimizzazione \u00e8 il processo di minimizzazione del codice e del markup nelle pagine Web e nei file di script. \u00c8 uno dei metodi principali utilizzati per ridurre i tempi di caricamento<\/strong> e l’utilizzo della larghezza di banda sui siti Web.<\/p>\n

La minimizzazione migliora notevolmente la velocit\u00e0 e l’accessibilit\u00e0 del sito<\/a>, traducendosi direttamente in una migliore esperienza utente. \u00c8 anche vantaggioso per gli utenti che accedono al tuo sito Web tramite un piano dati limitato e che desiderano risparmiare sull’utilizzo della larghezza di banda durante la navigazione sul Web.<\/p>\n

Perch\u00e9 minimizzare HTML, CSS e JavaScript (JS)<\/h2>\n

Durante la creazione di file HTML, CSS e JavaScript (JS), gli sviluppatori tendono a utilizzare spaziatura, commenti e variabili ben definite per rendere leggibili il codice e il markup.<\/p>\n

Questo sistema, aiuta anche gli altri che potrebbero in seguito lavorare sulle risorse. Sebbene questo sia un vantaggio nella fase di sviluppo, diventa negativo quando si tratta di servire le tue pagine. I server Web e i browser possono analizzare il contenuto dei file senza commenti e codice, che creano entrambi traffico di rete aggiuntivo senza fornire alcun vantaggio funzionale.<\/p>\n

Per minimizzare i file JS, CSS e HTML, i commenti e gli spazi extra devono essere rimossi, cos\u00ec come il crunch dei nomi delle variabili in modo da minimizzare il codice e ridurre le dimensioni del file. La versione del file ridotta fornisce le stesse funzionalit\u00e0 riducendo la larghezza di banda delle richieste di rete.<\/p>\n

Ecco come uno sviluppatore scriverebbe un file JavaScript da utilizzare in un sito Web:<\/p>\n

\"\"<\/p>\n

Gli spazi bianchi sono usati generosamente e i nomi lunghi e coerenti sono usati per dichiarare le variabili.<\/p>\n

Quando minimizzato, lo stesso codice appare cos\u00ec:<\/p>\n

\"minificazione-2\"<\/p>\n

La versione ridotta di questo codice di esempio \u00e8 inferiore del 48%. In alcuni casi, la minimizzazione pu\u00f2 ridurre le dimensioni del file fino al 60%. Ad esempio, c’\u00e8 una differenza di 176 kb tra la versione originale e ridotta della libreria JavaScript JQuery.<\/p>\n

La minimizzazione \u00e8 diventata una pratica standard per l’ottimizzazione della pagina. Tutti i principali sviluppatori di librerie JavaScript (bootstrap, JQuery, AngularJS, ecc.) forniscono versioni ridotte dei loro file per le distribuzioni di produzione, generalmente indicate con un’estensione del nome min.js.<\/p>\n","protected":false},"excerpt":{"rendered":"

La minimizzazione \u00e8 il processo di minimizzazione del codice e del markup nelle pagine Web e nei file di script. […]<\/p>\n","protected":false},"author":3,"featured_media":1072,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[59],"class_list":["post-1069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-piattaforme-ecommerce","tag-pagespeed"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template.png","uagb_featured_image_src":{"full":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template.png",1200,627,false],"thumbnail":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template-150x150.png",150,150,true],"medium":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template-300x157.png",300,157,true],"medium_large":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template-768x401.png",768,401,true],"large":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template-1024x535.png",768,401,true],"1536x1536":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template.png",1200,627,false],"2048x2048":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/02\/01-Immagini-Articoli-Blog-Bhoost-Template.png",1200,627,false]},"uagb_author_info":{"display_name":"manuelam","author_link":"https:\/\/www.bhoost.com\/it\/author\/manuelam\/"},"uagb_comment_info":0,"uagb_excerpt":"La minimizzazione \u00e8 il processo di minimizzazione del codice e del markup nelle pagine Web e nei file di script. […]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":1,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1069\/revisions\/1073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media\/1072"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}