Si vous avez un site Web dans WordPress, peut-être avez-vous senti la nécessité de la scripts dans JavaScript votre site est chargé de mode asynchrone, en évitant bloc le chargement de la page alors que ceux-ci sont obtenus, surtout si ces scripts sont priés de URL externe sur votre site, qui, En fonction de la charge que vous avez ces systèmes en ce moment, ils peuvent prendre plus ou moins à répondre à la demande.
Normalement, Si vous le faites habituellement l’utilisation de Google PageSpeed Insights pour mesurer la optimisation des index de votre site Web, Selon Google, Vous mai ont obtenu comme réponse qui vous éliminez le code Javascript qui bloque l’affichage.
Avec ce, pour nous ce que vous voulez indiquer cet analyseur est celle Il y a fichiers JavaScript, qui se font les demandes correspondantes, et jusqu'à ce que ces applications ne sont pas résolues, la charge du web est en état de serrure, Ce qui fera que le temps de charge le même look diminué.
La meilleure option pour cela est que le Fichiers JavaScript chargement d’une manière asynchrone, c'est-à-dire, applications et attend d’eux faire place parallèle pour charger la page web, ce qui empêche ce blocage pendant que vous attendez.
Dans WordPress Il y a une certaine plugin ce qui en fait, mais nous savons déjà, l’utilisation de n’importe quel plugin rend que notre système est Surcharge, donc la solution est de faire utiliser un code J’ai n’est inséré dans l’archive Functions.php, qui est hébergé dans le racine du dossier de la Thème que nous utilisons en ce moment, quelque chose de semblable à:
1 | directorio_web/wp-content/themes/mi_tema/functions.php |
Une fois situé le fichier en question, Il Edit, et à la finale Il va présenter la code suivant:
1 2 3 4 5 6 7 | //Hace que todos los js se carguen de forma asincrona function carga_js_asincrona( $etiqueta ) { #Añade async a todos los scripts return str_replace( ' src', ' async="async" src', $etiqueta ); } add_filter( 'script_loader_tag', 'carga_js_asincrona', 10 ); |
Si une fois enregistrée, un test pour charger votre site web et un la révision du code source de la page, Notez que tous les scripts de JavaScript êtes que vous a ajouté l’attribut et la valeur Async = ’ async’, donc notifier, le navigateur en question, pour réaliser la chargement asynchrone ou en parallèle leur, sans devoir attendre qu’elle se termine pour continuer à charger le web.