WP Scripts & Styles Optimizer puede hacer que TU SITE cargue MÁS RÁPIDO

Categorias: Plugins, Wordpress

WP Scripts & Styles Optimizer

¡Todos queremos que nuestro WordPress cargue más rápido! Es prácticamente una obsesión, por lo que optimizar el código, elegir un buen plugin de caché, y comprimir las imágenes son algunos de los métodos más comunes para conseguirlo. De hecho, en Hostinet hablamos con frecuencia sobre todo esto en nuestro blog de formación, ya que queremos que las webs de nuestros clientes funcionen lo más rápido posible SIEMPRE.

Optimizar JavaScrip y Estilos CSS

El caso es que vale la pena mirar la posibilidad de optimizar JavaScrip y estilos CSS, puesto que también son muy importantes para aumentar la velocidad de carga de tu sitio web.

Muchos plugins de WordPress vienen con múltiples archivos JavaScript de terceros o que a menudo se incluyen en cada página de WordPress. En el peor de los casos, tendrás más de uno del mismo tipo en tu sitio. ¡Y eso lo ralentizará bastante!

Todos los archivos externos de JavaScript o CSS, que se incluyen en el encabezado (Header) de tu web, bloquean el sitio hasta que se cargan por completo. Es una práctica común mover todos estos scripts y estilos (excepto CSS críticos) al pie de página (Footer) para hacer que TU SITE cargue MÁS RÁPIDO.

WP Scripts & Styles Optimizer

Aquí es donde entra en escena WP Scripts & Styles Optimizer, un plugin que ayuda a controlar cada archivo JavaScript o CSS, pudiendo crear reglas para cada uno de ellos o desactivarlos completamente. También se pueden mover al pie de página (footer) o viceversa como comentábamos previamente.

El plugin WP Scripts & Styles Optimizer se puede instalar sin problemas desde el Escritorio de WordPress vía Plugins -> Añadir nuevo (1). Tan solo tienes que buscarlo por su nombre (palabra clave) “WP Scripts & Styles Optimizer (2)”, pulsar en el recuadro de “Instalar ahora (3)” y, después, hacer click en “Activar”. ¡Más sencillo imposible! 😉

WP Scripts & Styles Optimizer Instalar

Activado el plugin con éxito, tienes que dirigirte hasta su correspondiente sección en el menú principal de WordPress. Podrás ver una sección llamada como el plugin en sí: WP Scripts & Styles Optimizer, junto a 2 opciones: Global y Single Pages.

Global corresponda a la página principal y Singles Pages a las páginas internas de tu web.

Al acceder no te aparecerá ningún archivo, por lo que para cargarlos tendrás que hacer click en el botón “Get/Upadate Global Scrips & Styles”.

WP Scripts & Styles Optimizer Global

De esta forma aparecerán todos los archivos .jss y .css que contiene tu página principal en la cabecera (Header) y en el pie de página (Footer). En la fila de la izquierda los .jss y en la de la derecha los .css

Al pasar el ratón por encima de cualquier archivo, bien el Header o en el Footer, se mostrarán 3 opciones a la derecha: Desactivar (con el icono de un ojo tachado), Enviar el archivo al pie de página y/o footer (icono de flecha hacia abajo) y Cambiar condiciones (icono como una especie de embudo). Todas estas acciones también se pueden llevar a cabo en “lote”, es decir, a la vez para múltiples archivos mediante un selector que hay para ello.

WP Scripts & Styles Optimizer Global JSS Acciones

Obviamente lo primero que tienes que hacer es revisar no tener múltiples archivos que hagan la misma función, ya que esto ralentiza con creces WordPress, así como después mover al footer todos archivos .jss y .css que puedas del header.

Nota: Si pasas algún archivo al footer por error, puedes revertir el proceso, pinchando sobre un botón que habrá para ese archivo en la pestaña de footer con la opción “Reset to original state”. Lo ilustramos en esta captura de pantalla:

WP Scripts & Styles Optimizer Globa lJSS Acciones RevetirFooterHeader

En lo que respecta a Single Pages es para hacer lo mismo que en Global, pero en páginas internas de tu web. Para ello tienes que indicar la url de la página y darle al botón “Get Scrips & Styles”.

WP Scripts & Styles Optimizer Single Pages

Con ello lo que conseguirías es que al igual que en Global se mostraran dos bloques; uno con todos los .jss y otro con los .css para tu poder realizar las mismas acciones que indicamos antes en Global. Además, hay un botón que permite sincronizar la configuración de la página principal de tu site (global) con la de la página que hayas puesto, ahórrate así mucho tiempo en caso de que quieras optimizar algo acorde a como lo tienes en tu página principal. El botón en cuestión es el siguiente “Syn page with global”.

WP Scripts & Styles Optimizer Single Pages Sync

IMPORTANTE:

Los archivos que pertenezcan al núcleo de WordPress lo mejor es no tocarlos y dejarlos donde estén para evitar problemas. Si están en el Header que se queden en el Header y si están en el Footer que se queden en el Footer. Estos archivos se pueden localizar fácilmente, ya que al lado izquierdo de los mismos aparece una interrogación sobre un círculo con fondo rojo, y si se pasa el ratón por encima del icono, se indica que es un archivo del “core” de WordPress.

WP Scripts & Styles Optimizer Global JSS Core File

El plugin no puede decir que archivos son necesarios o no para una situación específica. Tus configuraciones pueden estropear algunas funciones de tu web. En ese caso, puedes restablecer todo a como estaba antes borrando todas las configuraciones que has realizado con el botón que hay para ello “Delete global lists”. Con esta opción, tanto el bloque de Scrips como de Styles volvería a salir en blanco, sin mostrar archivos. Para que vuelvan a aparecer habría que volverlos a cargar con el botón “Get/Upadate Global Scrips & Styles”.

WP Scripts & Styles Optimizer Borrar Cambios

 


      Para saberlo todo sobre los plugins de WordPress…
      ¡Síguenos en nuestras redes sociales: Facebook y Twitter @hostinet!


      Hosting WordPress SSD ¡Ahora al mejor precio!

      Disfruta de un 25% de descuento adicional
      Introduce el cupón SSD2018

      • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
      • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
      • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
      • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
      • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
      • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€/mes
        • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
        • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
        • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
        • Ideado para sacar el máximo partido a tu WordPress
        • Aumenta la velocidad de tu web + Info
        • Tras evaluación de nuestro equipo de migraciones
        • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
        • Elige la versión de PHP que necesites
        • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
        • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
        • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
        • Ideado para sacar el máximo partido a tu WordPress
        • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
        • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
        • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
        • Cada dominio alojado muestra un contenido único y diferente del resto
        • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
        • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
        • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
        • Centro de datos en Madrid (España)
        • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
        • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
        • Bases de datos MySQL disponibles para su uso en cada alojamiento web
        • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
        • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
        • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
        • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
        • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
        • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
        • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!


      Contactar