Por fpuente el Apr 04, 2016 09:09 am
Preocupados como estamos siempre por el rendimiento de nuestro sitio web, vamos a trabajar hoy sobre cómo limitar el impacto que tienen algunos plugins, y algunos temas, sobre nuestras páginas, en concreto aquellos que incluyen scripts y estilos a la página. Ejemplos habituales de estos plugins son los relacionados con comentarios o con formularios de contacto, que normalmente se utilizan en ciertas páginas y no en todas, por lo que inciden en el rendimiento de todas nuestras páginas. La técnica a aplicar consiste en “sacar de la cola“, o dequeue, aquellos scripts y estilos que sólo queremos utilizar en algunas páginas, utilizando wp_dequeue_script y wp_dequeue_style. Se trata de una mejora menor, pero todo suma. Un ejemplo concreto lo tenemos con el plugin Contact Form Builder, que nos permite crear formularios de contacto para nuestras páginas aunque incluye una gran cantidad de scripts y estilos a nuestra página, es decir, una carga innecesaria de recursos en muchas páginas que no van a utilizar dicho plugin. Para realizar dicha mejora sólo tenemos que añadir las siguientes líneas a nuestro fichero functions.php del tema activo: function remove_unused_assets() { // --- dequeue Contact Form Builder script/style on every page except contact page if ( !is_page("contacto") ) { wp_dequeue_style('contact_form_maker_tables'); wp_dequeue_style('contact_form_maker_first'); wp_dequeue_style('contact_form_maker_style'); wp_dequeue_style('contact_form_maker_codemirror'); wp_dequeue_style('contact_form_maker_layout'); wp_dequeue_style('contact_form_maker_frontend'); wp_dequeue_script('thickbox'); wp_dequeue_script('jquery-ui-widget'); wp_dequeue_script('jquery-effects-shake'); wp_dequeue_script('jquery-ui-sortable'); wp_dequeue_script('gmap_form_api'); wp_dequeue_script('gmap_form'); wp_dequeue_script('contact_form_maker_admin'); wp_dequeue_script('contact_form_maker_manage'); wp_dequeue_script('contactformmaker'); wp_dequeue_script('contact_form_maker_codemirror'); wp_dequeue_script('contact_form_maker_clike'); wp_dequeue_script('contact_form_maker_formatting'); wp_dequeue_script('contact_form_maker_css'); wp_dequeue_script('contact_form_maker_javascript'); wp_dequeue_script('contact_form_maker_xml'); wp_dequeue_script('contact_form_maker_php'); wp_dequeue_script('contact_form_maker_htmlmixed'); wp_dequeue_script('cfm_main_front_end'); } } //Last action add_action( 'wp_enqueue_scripts', 'remove_unused_assets', 9999 ); El código es bastante sencillo de entender y se basa en ejecutar en el último momento (orden 9999 o más) nuestra función que saca de la cola de scripts y estilos aquellos que sólo queremos usar en una página concreta, en nuestro caso, la página de contacto. El listado de scripts y estilos debemos sacarlo del propio plugin, por lo que a cada actualización del mismo, será necesario revisar los cambios en el código (un pequeño inconveniente para una gran mejora). Otro ejemplo sencillo podría ser eliminar el sistema de comentarios, o de noticias relacionadas, de nuestra home o de subpáginas de búsqueda o topic, donde normalmente no lo utilizamos. ¿Qué mejoras vamos a obtener? Dos claras y una menor en función de la carga de vuestro sitio: - Tiempo de carga menor de nuestra página, al realizar menos llamadas a recursos.
- Mejor puntuación en el famoso Google PageSpeed Insights, al cargar menos recursos
- Menos consumo de recursos de nuestro servidor.
Nota: recordad que esta técnica sólo es viable si el plugin en cuestión utiliza wp_enqueue_script o wp_enqueue_style, que debe ser lo habitual, aunque todavía encontramos enlaces
Este tipo de técnicas podemos emplearla tantas veces como sea necesario y es compatible con otras técnicas de mejora de rendimiento.
Verlo en el navegador »
Artículos recientes:
| 
