{"id":27802,"date":"2018-10-30T17:18:47","date_gmt":"2018-10-30T15:18:47","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=27802"},"modified":"2018-10-30T17:18:47","modified_gmt":"2018-10-30T15:18:47","slug":"minificar-css-y-js-en-wordpress-plugin-fast-velocity-minify","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/minificar-css-y-js-en-wordpress-plugin-fast-velocity-minify\/","title":{"rendered":"Minificar CSS y JS en WordPress con el Plugin Fast Velocity Minify"},"content":{"rendered":"
<\/div>

\n\t\"Fast\n<\/p>\n

\n\tFast Velocity Minify<\/strong> es un plugin que permite minificar CSS (Hojas de Estilo de Cascada) y JS (JavaScript) para reducir las solicitudes HTTP<\/strong> que recibe el servidor por parte de los usuarios que visitan tu web. Comprimir y combinar estos archivos puede reducir el tiempo de carga de tu web considerablemente<\/strong>. Algo que realmente puede venir muy bien a sitios que ejecuten muchos plugins al mismo tiempo.\n<\/p>\n

\n\tLa minificación se lleva a cabo en tiempo real y se realiza sobre la página principal de tu web solo durante la primera petición HTTP. Una vez que se procesa esta petición, cualquier otra página que requiera el mismo conjunto de CSS y JavaScript recibirá el mismo archivo estático de la caché.\n<\/p>\n

\n\t¿Minificación?<\/strong>
\n<\/h3>\n

\n\tLa minificación es un proceso de optimización<\/strong> mediante el cual se consigue que el código de los archivos<\/strong> sea mucho más ligero<\/strong>. En este código pueden existir espacios, tabulaciones, comentarios y algunas cosas más que no son necesarias para que funcione correctamente estos archivos, por lo que al optimizarlos se consigue que ocupe menos y lo más importante: ¡Que WordPress cargue más rápido!<\/strong>\n<\/p>\n

\n\tEl caso es que contra más archivos de este tipo se tengan en el hosting mayor será el consumo de recursos en el servidor, lo que avocará en que nuestra página web cargue mucho más lenta. Es por ello por lo que la minificación de CSS y JS cobra una gran importancia.\n<\/p>\n

\n\tGracias a Fast Velocity Minify <\/strong>estos archivos se pueden combinar en grupos de archivos más pequeños. Después de todo, cada uno de esos archivos puede tener miles de líneas de código como decimos que pueden llegar a ocupar bastante espacio.\n<\/p>\n

\n\tPlugin Fast Velocity Minify<\/strong>
\n<\/h2>\n

\n\tEl plugin Fast Velocity Minify se puede instalar sin problemas desde el Escritorio de WordPress  vía Plugins -> Añadir nuevo (1)<\/strong>. Tan solo tienes que buscarlo por su nombre (palabra clave) <\/strong>“Fast Velocity Minify (2)”<\/strong>, pulsar en el recuadro de “Instalar ahora (3)”<\/strong> y, después, hacer click en “Activar”<\/strong>. ¡Más sencillo imposible!\n<\/p>\n

\n\t\"Fast\n<\/p>\n

\n\tActivado el plugin con éxito, tienes que dirigirte hasta su correspondiente sección en el menú principal de WordPress. Dentro de Ajustes<\/strong>, podrás ver una sección llamada como el plugin en sí: Fast Velocity Minify<\/strong>, así como 5 pestañas: Status, Settings, Pro, Server Info y Help.\n<\/p>\n

\n\t\"Fast\n<\/p>\n

\n\tDe todas esas pestañas la que puedes “toquitear” sin problema es la de Settings<\/strong>, ya que las otras no son de mucho interés, salvo la pestaña Pro, pero es mejor no tocar nada de la misma salvo que tengas unos ciertos conocimientos, así que insistimos en que mejor SOLO tocar la pestaña de Settings<\/strong>. Además, tal y como se indica al principio de dicha pestaña: “si usas un plugin de caché, acuérdate de vaciar la caché después de realizar los cambios”<\/em> (If you use a cache plugin, kindly purge all your caches once you're done with the changes).\n<\/p>\n

\n\tLa configuración que viene por defecto con el plugin en la pestaña Settings debería funcionar bien bajo la mayoría de WordPress. Aunque si se quiere profundizar algo más ya tocaría adentrarse en la pestaña Pro como decimos.\n<\/p>\n