Cómo deshabilitar css y scripts de algunas páginas con function.php?

[dvbeaumont]

Hola!

Mi web en Wordpress está corriendo muy lento, en la consola del explorador me he dado cuenta que cada vez que abre una página llama los "scripts" y "css" stylesheets de todos los plugins instalados.

He leido que hay una función que se puede colocar en function.php para añadir y deshabilitarlos pero no consigo ningun buen post con la funcion exacta.

Lo que deseo realmente es hacer que:

Por ejm:

Homepage llama a

<link rel="stylesheet" type="text/css" href="css/layerslider.css">
<link rel="stylesheet" type="text/css" href="css/fullwidth/skin.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">

Y quiero que el wp_head(); haga un llamado a este archivo nada más, sin necesidad del resto.

<link rel="stylesheet" type="text/css" href="css/layerslider.css">

FIN.

Espero puedan ayudarme, puedo replantear la pregunta si no está clara.

Muchisimas gracias!!

[ArturoGallegos]

Que yo sepa no hay funcion milagrosa para añadir a wordpress, tendras que editar cada plugin y modificar la funcion que agrega dicho css o js

Lo mas simple seria agregar la condicional is_page(), para negar o incluir en dichas paginas el código.

Aunque hay mas métodos, si se tratase de un shortcode con lo que agregar el plugin a tus paginas... de momento mi imaginación me diría que use la función php preg_match para revisar el contenido en busca del shortcode.

[dvbeaumont]

Te entiendo, pero he leido algo sobre esto:

http://codex.wordpress.org/Function_...dequeue_script

Solo que no logro entender a la perfección como utilizarlo y si realmente es la funcion que necesito.

Tienen alguna otra sugerencia?!

Gracias!

[TMeister]

Correcto, esa es la función, pero necesitas saber el identificador del script con el que fue incluido, siempre y cuando el desarrollador del plugin haya usado su contraparte wp_enqueue_script.

Ahora, solo hay una forma de saber el identificador del script, revisando el código.

Debes buscar algo como lo siguiente:

Código PHP:

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
 

en este caso el identificador es "script-name" y entonces si, en tu archivo functions.php solo agregas

Código PHP:

add_action( 'wp_print_scripts', 'de_script', 100 );
 
function de_script() {
    wp_dequeue_script( 'script-name' );
    wp_deregister_script( 'script-name' );
}
 

[dvbeaumont]

Hola!

Gracias por la instrucción he conseguido la solución:

Cuando abro la página web y abro la consola con f12 me registra esto:

Código HTML:

<link rel="stylesheet" id="all_around-css-css" href="http://dominio.com/wp-content/plugins/all-around_v1.4.2/css/frontend/content_slider_style.css?ver=3.8.2" type="text/css" media="all">
 

EL ID real del stylesheet es "all_around-css" pero el wordpress coloca una terminación "-css"

Entonces dentro de la página functions.php coloqué:

Código PHP:

add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );
/**
 * Remove WooCommerce Generator tag, styles, and scripts from the homepage.
 * Tested and works with WooCommerce 2.0+
 *
 */
function child_manage_woocommerce_styles() {
    remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
if ( is_front_page() || is_home() ) {
        wp_dequeue_style( 'all_around-css' );
}
 

[dvbeaumont]

Me surge otra duda con respecto a este tema.

Mi página está llamando también archivo "javascript" pero no les coloca id=""

Entonces cómo hago en este caso para suprimirlo desde functions.php?

Por ejm:

Código HTML:

<script type="text/javascript" src="http://dominio.com/wp-includes/js/jquery/jquery.js?ver=1.10.2"></script>
 

Solo indíca eso, cómo podría reconocerlo sin id=""?

Me surgen ideas,

1- Ingresar a cada plugin cómo lo dice mi amigo ArturoGallegos y colocarle id="" a los llamados

Espero sus comentarios!

Mil gracias,

[AlejandroGalvez]

Iniciado por dvbeaumont

Me surge otra duda con respecto a este tema.

Mi página está llamando también archivo "javascript" pero no les coloca id=""

Entonces cómo hago en este caso para suprimirlo desde functions.php?

Por ejm:

Código HTML:

<script type="text/javascript" src="http://dominio.com/wp-includes/js/jquery/jquery.js?ver=1.10.2"></script>
 

Solo indíca eso, cómo podría reconocerlo sin id=""?

Me surgen ideas,

1- Ingresar a cada plugin cómo lo dice mi amigo ArturoGallegos y colocarle id="" a los llamados

Espero sus comentarios!

Mil gracias,

Si han sido incrustados mediante "wp_enqueue_script" si que tienen ID pero para los scripts dicha ID no se imprime en el front-end como con las hojas de estilo. Si quieres averiguar sus IDs vas a tener que mirar en los archivos fuentes de los plugins que los incrustan.

Por cierto, el ejemplo que has puesto es la incrustación de la librería de jQuery y no deberías evitar su carga a tu antojo. Esa librería es usada prácticamente por la totalidad de scripts que se ejecutan en tu WordPress y su ausencia provoca un sin fin de fallos.

PD: Si quieres acelerar la carga también puedes minificar los archivos JS y CSS. Hay plugins que lo hacen automáticamente:

https://wordpress.org/plugins/search.php?q=minify

[ArturoGallegos]

Los script no muestran en el front-end aunque se hayan insertado con enqueue, tendrá que revisar todos los archivos en busca de la linea de código con que los insertaron.

Prueba con algún programa como textcrawler y busca el nombre del script, por ejemplo

/wp-content/plugins/cycle/js/mis_scripts.js?ver=3.8.2

el resto de la url puede ser dinámico así que no me molestaría en buscarlo mucho, también esta el caso de jquery.js que lo mas probable que no exista ninguna linea exclusiva que lo llame sino que cada llamada a un js invoque simultáneamente al archivo jquery cuando dependa de el.

[dvbeaumont]

He logrado solucionar con varias uniones, aquí las coloco:

Los estilos y javascripts los he quitado de esta forma en el archivo functions.php

Código PHP:

function child_manage_woocommerce_styles() {
    remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
    if ( is_front_page() || is_home() ) {
// PARA QUITAR ESTILOS ejm: woocommerce-layout pertenece al id del script dentro de wordpress
        wp_dequeue_style( 'woocommerce-layout' );
        wp_dequeue_style( 'woocommerce-smallscreen' );
        wp_dequeue_style( 'woocommerce-general' );
        wp_dequeue_style( 'contact-form-7' );
        wp_dequeue_style( 'woocommerce' );
 
        add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
// PARA QUITAR SCRIPTS
        function my_deregister_javascript() {
            wp_deregister_script( 'contact-form-7' );
            wp_deregister_script( 'woocommerce' );
        }   
 
}
 
add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );
 

También he tenido que ingresar como decía ArturoGallegos a algunos plugins y añadirles id="" pero fueron muy pocos.

Gracias!

Espero pueda ser de utilidad! :D