Come caricare in modo asincrono il file Javascript?
Bene per caricare file javascript è sufficiente includere attributo "asincrono" in <script>
tag cioè
<script src="your path" async></script>
Ora, questo script verrà scaricato in background mentre non causerà JS problema di rendering.
Nota: Se si sta utilizzando un plug-in jQuery, ad esempio lo zoom dell'immagine o qualsiasi altra cosa, ci vorrà un po 'di tempo per caricare, ma dopo ciò funzionerà correttamente.
Perché utilizzare la parola chiave "DEFER" con "ASYNC"?
È inoltre possibile utilizzare l'attributo defer con l'attributo async. Il tag <script>
con attributo asincrono forza il download del file in background ed esegue non appena viene scaricato. ma asincrona con l'attributo defer impone il tag <script>
da eseguire una volta caricato l'intero sito.
<script src="" async defer></script>
come caricare in modo asincrono file CSS? Se si desidera caricare il file CSS in modo asincrono, prima è necessario inserire <script>
nel file head e quindi è possibile utilizzare la funzione loadCSS() per caricare il file CSS in modo asincrono.
<script>
// https://github.com/filamentgroup/loadCSS
!function(e){"use strict"
var n=function(n,t,o){function i(e){return f.body?e():void setTimeout(function(){i(e)})}var d,r,a,l,f=e.document,s=f.createElement("link"),u=o||"all"
return t?d=t:(r=(f.body||f.getElementsByTagName("head")[0]).childNodes,d=r[r.length-1]),a=f.styleSheets,s.rel="stylesheet",s.href=n,s.media="only x",i(function(){d.parentNode.insertBefore(s,t?d:d.nextSibling)}),l=function(e){for(var n=s.href,t=a.length;t--;)if(a[t].href===n)return e()
setTimeout(function(){l(e)})},s.addEventListener&&s.addEventListener("load",function(){this.media=u}),s.onloadcssdefined=l,l(function(){s.media!==u&&(s.media=u)}),s}
"undefined"!=typeof exports?exports.loadCSS=n:e.loadCSS=n}("undefined"!=typeof global?global:this)
</script>
Ora è sufficiente utilizzare la funzione loadCSS.
<script>
loadCSS("https://www.yourCSSLinkHere.com");
</script>
In questo modo è possibile caricare il tuo CSS e JS di file in modo asincrono.
È possibile utilizzare HTTP/2.0 per superare problema di velocità, perché HTTP/2.0 permette il file da scaricare in parallelo, ma HTTP/1.0 non permetterà il file per essere scaricato in parallelo, in altro modo HTTP/1.0 segue la regola FIFO (First In First Out).
Il rapporto dice di caricare in modo asincrono i file JS, il che significa mettere gli script JS su server diversi in modo che si caricino più velocemente. In termini lamentosi questo smetterebbe di fare molte richieste a un server per caricare i file. Se stai caricando Plugings, controlla se c'è un hosting CDN per quegli script JS --- http://www.rackspace.com/knowledge_center/article/what-is-a-cdn – Tasos
Ok, questo è il modo in cui lo sapevo, ma la sua unica parte carica i file JS da diversi domini. Tuttavia ecco una soluzione su come caricare i file JS in modo asincrono --- http://screwlewse.com/2010/05/loading-your-javascript-files-asynchronously/ – Tasos