{"id":22415,"date":"2016-09-30T11:15:44","date_gmt":"2016-09-30T09:15:44","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/"},"modified":"2016-09-30T11:15:45","modified_gmt":"2016-09-30T09:15:45","slug":"javascript-velocizzare-il-caricamento-dei-file-con-optimize-js","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/","title":{"rendered":"JavaScript: velocizzare il caricamento dei file con Optimize JS"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div readability=\"42.645128722867\">\n<article readability=\"27.817859254879\">\n<p>Dai test effettuati Optimize JS dovrebbe garantire una incremento delle prestazioni pari ad oltre il 57% in Chome, di quasi il 30% in Edge, di pi\u00f9 del 12% in Firefox e di quasi il 6.5% in Safari; chiaramente tali risultati potrebbero cambiare a seconda del framework JavaScript utilizzato. La libreria rappresenta in sostanza uno strumento complementare\/alternativo al <strong>pre-parsing delle funzioni<\/strong> effettuato dai motori JavaScript prima del passaggio al parsing per il caricamento degli script nel loro complesso.<\/p>\n<p>In sostanza il pre-parsing opera una studio degli errori eventualmente presenti nella sintassi JavaScript, evitando il costo in termini di risorse che verrebbe determinato gi\u00e0 nella fase iniziale del caricamento di una pagina da un parsing completo. Questa dinamica si basa per\u00f2 sull&#8217;assunto che nella maggior parte dei casi buona parte delle funzioni JavaScript non vengono eseguite, in sostanza il browser esegue soltanto un controllo sintattico spostando poi il carico sul full parsing.<\/p>\n<p>In sostanza i browser si limiterebbero a cercare ci\u00f2 che conoscono determinando un vantaggio limitato a livello di performance.<\/p>\n<p>Optimize JS opera invece tramite il <strong>wrapping delle funzioni<\/strong> all&#8217;interno di parentesi, dove queste ultime vengono immediatamente invocate attraverso qualsiasi tipo di istruzione (ad modello <em>function()()<\/em> o <em>!function()()<\/em>) oppure sono passate direttamente come argomenti ad altre funzioni. Il costo in termini di byte aggiuntivi \u00e8 estremamente limitato, anche se andrebbe comunque considerato per utilizzare la libreria solo quando serve, indipendentemente dallo strumento utilizzato per lo sviluppo (emberJS, jQuery, immutableJS, Lodash).<\/p>\n<p>Via <a href=\"https:\/\/github.com\/nolanlawson\/optimize-js\" title=\"optimizeJS\" target=\"_blank\">Optimize JS<\/a><\/p>\n<p>&#13;<br \/>\n          <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/30\/09\/2016\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F30%2F09%2F2016%2Fjavascript-velocizzare-il-caricamento-dei-file-con-optimize-js%2F&via=html_it&text=JavaScript%3A%20velocizzare%20il%20caricamento%20dei%20file%20con%20Optimize%20JS','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n          &#13;<br \/>\n\t\t<\/article>\n<div readability=\"5.3754325259516\">\n            <!--\n\n<style>\n\n.newletter-item, .newsletter-box \n  \/*float: left;\n  margin: 5px 0 20px 0;*\/\n  display: block;\n  width: 100%;\n\n\n.newletter-item, .newsletter-box p \n    font-size: 18px;\n    letter-spacing: 0.3px;\n    line-height: 28px;\n    padding: 0 0 34px 0;\n    color: #161616;\n    font-family: 'Alegreya', serif;\n\n\n.newletter-item, .newsletter-box p span \n  font-weight: bold;\n\n\n.newsletter-box img\n    width: 48px;\n    height: auto;\n    margin: 0 auto 34px auto;\n\n\n.newsletter-panel \n  display: block;\n  width: auto;\n  height: 129px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-bg.png) no-repeat;\n  position: relative;\n  left: 0px;\n\n.newsletter-panel form \n  margin: 0;\n\n.newsletter-panel .line-item \n  display: block;\n  float: left;\n  margin: 0 0 0 20px;\n  display: block;\n  width: 408px;\n\n.newsletter-panel input \n  float: left;\n  display: block;\n\n.newsletter-panel input[type=\"text\"] \n  margin: 20px 0 10px 20px;\n  width: 395px;\n  height: 26px;\n  line-height: 26px;\n  padding: 2px;\n\n.newsletter-panel input[type=\"radio\"] \n  margin: 6px 3px 0 0;\n\n.newsletter-panel label.radio-item \n  float: left;\n  display: block;\n  font-size: 1em;\n  width: 10px;\n  margin: 6px 10px 0 0;\n\n.newsletter-panel .lable-text \n  display: block;\n  float: left;\n  width: 240px;\n  font-size: 10px !important;\n  color: #333333 !important;\n  line-height: 130%;\n  margin: 6px 0 0 0px !important;\n\n.newsletter-panel .lable-text a \n  color: #333\n\n.newsletter-panel input[type=\"button\"] \n  position: relative;\n  top: -50px;\n  left: 64px;\n  width: 127px;\n  height: 47px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt.png) no-repeat;\n  background-repeat: no-repeat;\n  border: 0;\n  cursor: pointer;\n\n.newsletter-panel input[type=\"button\"]:hover \n  background-image: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt-roll.png);\n\n.newsletter-panel label.radio-item \n  font-size: 10px !important;\n\n.error-newsletter\npadding: 10px 20px;\n\n<\/style>\n\n--><\/p>\n<div id=\"newsletter_div\" class=\"newletter-item nav-txt newsletter-box\" readability=\"6.6159169550173\">\n<p>Se vuoi aggiornamenti su <b>JavaScript: velocizzare il caricamento dei file con Optimize JS<\/b> inserisci la tua e-mail nel box qui sotto:<\/p>\n<\/div><\/div><\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/X4Emalj4Dgs\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dai test effettuati Optimize JS dovrebbe garantire una incremento delle prestazioni pari ad oltre il 57% in Chome, di quasi il 30% in Edge, di pi\u00f9 del 12% in Firefox e di quasi il 6.5% in Safari; chiaramente tali risultati potrebbero cambiare a seconda del framework JavaScript utilizzato. La libreria rappresenta in sostanza uno strumento&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy<\/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.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Dai test effettuati Optimize JS dovrebbe garantire una incremento delle prestazioni pari ad oltre il 57% in Chome, di quasi il 30% in Edge, di pi\u00f9 del 12% in Firefox e di quasi il 6.5% in Safari; chiaramente tali risultati potrebbero cambiare a seconda del framework JavaScript utilizzato. La libreria rappresenta in sostanza uno strumento...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-30T09:15:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-30T09:15:45+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/\",\"name\":\"JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2016-09-30T09:15:44+00:00\",\"dateModified\":\"2016-09-30T09:15:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript: velocizzare il caricamento dei file con Optimize JS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy","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.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/","og_locale":"it_IT","og_type":"article","og_title":"JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Dai test effettuati Optimize JS dovrebbe garantire una incremento delle prestazioni pari ad oltre il 57% in Chome, di quasi il 30% in Edge, di pi\u00f9 del 12% in Firefox e di quasi il 6.5% in Safari; chiaramente tali risultati potrebbero cambiare a seconda del framework JavaScript utilizzato. La libreria rappresenta in sostanza uno strumento...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2016-09-30T09:15:44+00:00","article_modified_time":"2016-09-30T09:15:45+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/","name":"JavaScript: velocizzare il caricamento dei file con Optimize JS - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2016-09-30T09:15:44+00:00","dateModified":"2016-09-30T09:15:45+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/javascript-velocizzare-il-caricamento-dei-file-con-optimize-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"JavaScript: velocizzare il caricamento dei file con Optimize JS"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22415"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=22415"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22415\/revisions"}],"predecessor-version":[{"id":22416,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22415\/revisions\/22416"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}