Saltar al contenido

Disminuir CSS y JavaScript Archivos en WordPress

Es posible Minimizar CSS JavaScript Archivos en WordPress

Actualizado / marzo / 12 / 2018

Disminuir CSS y JavaScript Archivos en WordPress
2.5 (50%) 2 votes

Como puedo disminuir CSS y JavaScript Archivos en WordPress

¿Quieres comprimir los archivos en su sitio de WordPress? Minifying tu instalación de WordPress, CSS y archivos Javascript que se puede hacer de ellos se cargan más rápido y la velocidad de tu sitio de WordPress. En esta guía, vamos a mostrar cómo Disminuir CSS y Javascript archivos en WordPress para mejorar el rendimiento y la velocidad.

Disminuir CSS y JavaScript, tecnologiasallimite, tecnologias al limite
Disminuir o minimizar CSS y JavaScript Archivos en WordPress

¿Qué es Minify y Cuando Usted lo Necesita?

El término “Minify” se utiliza para describir un método que hace que su sitio web el tamaño de archivo más pequeño. Se logra este objetivo mediante la eliminación de espacios en blanco, líneas y caracteres innecesarios desde el código fuente.

Generalmente se recomienda para ser utilizado sólo para los archivos que se envían a los usuarios de los navegadores. Esto incluye HTML, CSS, JavaScript y archivos. Puede comprimir archivos PHP demasiado, pero PHP es un servidor del lado del lenguaje de programación y minifying no va a mejorar la velocidad de carga de página para los usuarios.

Cómo reparar el error de permisos de archivos y carpetas en wordpress

La ventaja obvia de minifying de archivos se ha mejorado WordPress velocidad y el rendimiento. Compacto archivos son más rápidos a la carga y mejorar su sitio de velocidad.

Sin embargo, algunos expertos creen que la mejora de rendimiento es muy pequeña para la mayoría de los sitios web y que no vale la pena. La minificación sólo disminuye de unos pocos kilobytes de datos en la mayoría de sitios WordPress. Usted puede reducir más pageload momento simplemente la optimización de imágenes para web.

Aquí es un ejemplo de lo normal código CSS:

body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
el color#222222;
margin-bottom:10px;
}

Después de minifying el código se verá así:

body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}

Si usted está tratando de lograr una puntuación de 100/100 en Google Pagespeed o GTMetrix herramienta, a continuación, minifying CSS y JavaScript de manera significativa a mejorar su puntuación.

Habiendo dicho esto, echemos un vistazo a cómo fácilmente Disminuir CSS y JavaScript en su sitio de WordPress.

Disminuir CSS y Javascript en WordPress

La primera cosa que usted necesita hacer es instalar y activar el Mejor de plugin WordPress Minify.

como instalar plugins en wordpress gratuito

Tras la activación, el plugin va a añadir un nuevo elemento de menú con la etiqueta ‘BWP Minify’ a tu barra de administración de WordPress. Al hacer clic en él te llevará a la configuración del plug-in de la página.

BWP Minify settings

En la página de configuración, es necesario comprobar las dos primeras opciones automáticamente comprimir los archivos JavaScript y CSS en su sitio de WordPress.

Ahora puede hacer clic en el botón Guardar Cambios para guardar la configuración.

Hay muchas otras opciones avanzadas en esta página. La configuración por defecto funciona para la mayoría de los sitios web, pero usted puede revisar y modificar estas opciones en una base de caso por caso.

Después, usted necesita a la cabeza a su sitio web. Haga clic derecho en cualquier lugar y, a continuación, seleccione “Ver código Fuente de la Página’ desde el menú del navegador.

View page source of a WordPress site

Ahora podrá ver el código fuente HTML generado por su sitio de WordPress. Si usted mira de cerca, te darás cuenta de que este plugin se carga CSS y JavaScript archivos de plugin de la propia carpeta, en lugar de tu instalación de WordPress, temas y plugins.

Estos son los record de las versiones de su original CSS y archivos JavaScript. Mejor WordPress Minify plugin mantendrá en caché y servir el record de versiones de los navegadores.

Eso es todo, esperamos que este artículo te haya ayudado a aprender a comprimir tu sitio de WordPress. Puede que también desee ver nuestra guía definitiva sobre cómo acelerar la velocidad de WordPress para principiantes.

Si te ha gustado este artículo, deja tus comentarios y compártelo con tus amigo y familiares en tus redes sociales Twitter y Facebook.

Fuentes