Aprende en este tutorial cómo restringir la carga de ficheros de CSS y JS específicos de WooCommerce solo a las páginas que lo necesitan mediante código.
WooCommerce es el plugin de ecommerce más popular de WordPress y se lleva a las mil maravilla con los child themes de Genesis.
¿Lo has usado alguna vez?
Entonces te habrás dado cuenta de que carga ciertos ficheros en todas las páginas de la web, lo cual supone un peso adicional que puede afectar a la velocidad de carga.
Que no cunda el pánico porque esto tiene solución. 😉
Siempre que no hayas incluido la funcionalidad «añadir al carrito» en un menú de navegación o en la barra lateral, puedes ahorrarte la carga de hasta 9 ficheros (4 de CSS y 5 de JS) por página.
Aquí tienes cómo hacerlo:
Snippet para evitar que los ficheros de WooCommerce se carguen en páginas innecesarias
Añade el siguiente fragmento al final del fichero functions.phpo a tu plugin de funcionalidades:
Para ver este código y los otros 907 snippets de esta web,
identifícate o suscríbete aquí.
Así de sencillo, ¿ves?
Ahora los ficheros de CSS y JS se cargarán únicamente en las páginas que de verdad lo requieren.
Conclusión
Con unas pocas líneas de código evitas que los ficheros de WooCommerce se carguen en todas las páginas y consigues aligerar la carga de tu web.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos snippets. Déjala en los comentarios.
Ventajas de ser suscriptor. 😉
