Categorías destacadas
Artículo
|
Combina y comprime CSS y JS con CSS JS Booster |
CSS JS Booster es una librería escrita en PHP que permitirá la optimización de tu sitio, aumentando la velocidad de carga de este. Con esta librería poremos comprimir y almacenar en caché el código CSS y el JavaScritp, consiguiente así unos tiempos de carga mucho más rápidos.
Esta librería tiene varias características, tanto para CSS como para código Javascript. Vamos a ver algunas de estas características para CSS.
Para los archivos de javascript, entre las ventajas de uso, podemos destacar:
Esta librería necesita versión 5 de PHP, y también puede ser utilizado con WordPress, pero algunas funcionalidades no las permiten.
Para utilizarlo, debemos de incluir la librería en nuestro desarrollo e instanciar el objeto de la librería.
Si queremos reducir el número de archivos CSS para que solo haga una llamada, lo que debemos de hacer es lo siguiente. En la cabecera del archivo, dentro del HEAD, indicar la ruta donde se encuentran todos los ficheros CSS y luego hacer la llamada al método correspondiente. El código podría ser el siguiente.
Con los archivos JS se puede hacer lo mismo, pero el nombre de la función cambia.
Esta librería tiene varias características, tanto para CSS como para código Javascript. Vamos a ver algunas de estas características para CSS.
- Combina varios ficheros CSS, reduciendo así el número de llamadas.
- Reduce el código de CSS
- Etiqueta las imágenes menores de 24 KB como data-URI o MHTML (para IE menor al 7)
- Comprime los resultados en formato GZIP
- Mantine el resultado en la caché de los navegadores, siempre y cuando no haya cambios.
Para los archivos de javascript, entre las ventajas de uso, podemos destacar:
- Combina varios archivos reduciendo así el número de llamadas.
- Reduce el tamaño del código del archivo a través de Google Closure Complier Webservice.
- Los resultados son comprimidos en formato GZIP
- Los resultados son almacenados en la caché de los navegadores, mientras que estos no cambien.
Esta librería necesita versión 5 de PHP, y también puede ser utilizado con WordPress, pero algunas funcionalidades no las permiten.
Para utilizarlo, debemos de incluir la librería en nuestro desarrollo e instanciar el objeto de la librería.
include('booster/booster_inc.php');
$booster = new Booster();
Si queremos reducir el número de archivos CSS para que solo haga una llamada, lo que debemos de hacer es lo siguiente. En la cabecera del archivo, dentro del HEAD, indicar la ruta donde se encuentran todos los ficheros CSS y luego hacer la llamada al método correspondiente. El código podría ser el siguiente.
$booster->css_source = '../css'; //ruta relativa hacia los archivos css echo $booster->css_markup();
Con los archivos JS se puede hacer lo mismo, pero el nombre de la función cambia.
$booster->js_source = '../js'; //ruta relativa a la carpeta echo $booster->js_markup();
 |
Publicado por: angel carrero |
|
|
Comentarios
Últimas noticias
· factura
Últimos artículos
