Comprimir archivos con gzip en .htaccess

[seleccionatural]

Buenas,

necesitaría si alguien me puede echar una mano. Necesito comprimir los archivos de mi web, html, css, java

He leido que lo mejor es con el archivo htaccess pero no consigo dar con ello.

Alquien me puede decir como?

Mil gracias

[emprear]

Hay varias formas, algunas mas sencillas, otras no tanto.

Todo dependerá de que módulos tengas habilitados en apache´, como este instalado php en Apache, etc

lo primero que seberías intentar es, en el .htaccess de tu raiz incluir

Código Apache:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</ifModule>
 

Podés agregar/quitar tipos según tu gusto, como verás son todos archivos de texto.
Para el caso de los .java, no se exactanmente el mime correcto, supongo que sería alguno de estos
text/x-java-source, text/java, text/x-java, application/ms-java

Para verificar tendrías que utilizar alguna herramienta que te permita ver los headers enviados por el server, deberías ver algo como

Date: Mon, 11 Jun 2012 18:35:49 GMT
Server: Apache/2.2.3 (CentOS)
Vary: Host,Accept-Encoding
Last-Modified: Mon, 09 Jan 2012 02:52:56 GMT
Etag: "8698cf8-1a25-4b60f7edcb200"
Accept-Ranges: bytes
Content-Encoding: gzip
Cache-Control: public, max-age=2419200
Content-Length: 1740
Content-Type: text/css; charset=utf-8
Content-Language: es

200 OK

En negrita, el encoding

SAludos

[seleccionatural]

lo primero que seberías intentar es, en el .htaccess de tu raiz incluir

Código Apache:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</ifModule>
 

Incluyo el código que me indicas pero no me lo comprime. Me dicen los programas que sigo igual.

[emprear]

Que programas?
Estás probando con Google SpeedPage y esas cosas?
Mirá los encabezados para asegurarte

Si no es así, hay que ver como está instalado php en Apache, si como modulo ó como CGI

SAludos

[seleccionatural]

Iniciado por emprear

Que programas?
Estás probando con Google SpeedPage y esas cosas?
Mirá los encabezados para asegurarte

Si no es así, hay que ver como está instalado php en Apache, si como modulo ó como CGI

SAludos

lo veo con seoquake y pagespeed

¿como puedo ver como está instalado el php? eso no tengo ni idea

[emprear]

Sería bueno ver la url de la página, a veces pageSpeed lee desde algua cache y no muestra los resultados correctamente
Para averiguar lo de php, creas una script con

<?php
phpinfo();
?>

y la ejecutas, en la 5/6 fila de los resultados vas a ver que dice
Server API

Ese valor es el que se necesita saber
Despues borra la script (podés guardarte la página para conocer detalles de la configuración de php en el futuro)

Saludos

[seleccionatural]

Disculpa pero en esto estoy muy pez. Creamos una web y la subimos a un servidor pero no trabajamos con php. Utilizamos una base de datos del servidor usando phpmyadmin pero no se como hacer lo que me dices

[emprear]

phpmyadmin está escrito en php
Tenes que subirlo por ftp
Saludos

[seleccionatural]

ok, ya lo he hecho. Lo tengo instalado como cgi

[emprear]

Se puede, pero es el caso más complicado.

Tenés 2 posibilidaes.
Primero deberías ingresar tu panel de control (Cpanel, Webmin, etc) y verificar si en algún lugar tenes la posibilidad de agregar extensiones a tus "handlers de php". Esto es, actualmente tus extensiones que se procesan como php son las, .php, deberñias agregra lo mismo por lo menos para los .html, .css , .js, una vez hecho esto, en los css deberías cambiar, por ejemplo

estilo.css

Código CSS:

body{
background-color; red;
}
 

por

Código PHP:

<?php
$archivo = $_SERVER['SCRIPT_FILENAME'];
$expira = 60 * 60 * 24 * 365;
$ExpStr = "Expires:" . gmdate("D,d M Y H:i:s",time() + $expira) . " GMT";
$ft = filemtime($archivo);
$time = time() - $ft;
$eTag = "ci-".md5($archivo.$ft);
header("Content-Type: text/css;charset=utf-8");
header("Cache-Control: public, max-age=$expira");
header($ExpStr);
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ft).' GMT');
header('ETag: "'.$eTag.'"');
ob_start("ob_gzhandler");
?>
/* aqui abajo pones todo tu código css */
body{
background-color: red;
}
 

Para lo js, sería bastante similar

<?php
$archivo = $_SERVER['SCRIPT_FILENAME'];
$expira = 60 * 60 * 24 * 365;
$ExpStr = "Expires:" . gmdate("D,d M Y H:i:s",time() + $expira) . " GMT";
$ft = filemtime($archivo);
$time = time() - $ft;
$eTag = "ci-".md5($archivo.$ft);
header("Content-Type: text/javacript;charset=utf-8");
header("Cache-Control: public, max-age=$expira");
header($ExpStr);
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ft).' GMT');
header('ETag: "'.$eTag.'"');
ob_start("ob_gzhandler");
?>
// aqui abajo todo el javascript
var x = 1;


Cambiaría la linea que está en negrita, el content-type debe ser text-javascript

Los html y php(estáticos), más o menos lo mismo

Código HTML:

<?php
$archivo = $_SERVER['SCRIPT_FILENAME'];
$expira = 60 * 60 * 24 * 1;
$ExpStr = "Expires:" . gmdate("D,d M Y H:i:s",time() + $expira) . " GMT";
$ft = filemtime($archivo);
$time = time() - $ft;
$eTag = "ci-".md5($archivo.$ft);
header("Content-Type: text/html;charset=utf-8");
header("Cache-Control: public, max-age=$expira");
header($ExpStr);
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ft).' GMT');
header('ETag: "'.$eTag.'"');
ob_start("ob_gzhandler");
?>
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Traductiva - La agencia y su equipo de traductores.</title>
 

cambia también el content-type, esta vez por text/html


En todos los casos en la linea
$expira = 60 * 60 * 24 * 1;
lo que te interesa es el ultimo número, que indica la cantidad de dias que el archivo va a estar en la cache, en los ejemplos 365 para los js y css y 1 en los html
Esto de la cache es aparte del tema de la compresión, pero te lo paso asi no sea cosa que así como tu hosting no te dejó manejar el mod_deflate, te ponga una restricción para mod_headers

Si tus php son dinámicos (algo que permanentemente actualiza desde una base de datos, por ejemplo, ó un php que procese formularios) solo pones

Código PHP:

<?php
ob_start("ob_gzhandler");
?>
 

y obvias lo de la cache

Estos fragmentos van siempre al inicio del documento y recordá que te dije que que necesitas procesar esas extensiones (js, css, html) como php activando los handlers correspondientes en el panel de control.

Si eso no e posible, también podés hacerlo, pero bajo la condición que a todos tus archivos los renombres como php
es decir que los llamarías usando
<link href="css/estilo.css.php" rel="stylesheet" type="text/css" /> ó
<script type="text/javascript" src="html5ie.js.php"></script>

Es un poco complejo comparado con la primera solución que te propuse, pero no hay otra forma, dadas las limitaciones que te impone tu servidor

te doy un tip extra
si tenés multiples archivos css, podés usar esta variante

Código PHP:

<?php
$archivo = $_SERVER['SCRIPT_FILENAME'];
$expira = 60 * 60 * 24 * 365;
$ExpStr = "Expires:" . gmdate("D,d M Y H:i:s",time() + $expira) . " GMT";
$ft = filemtime($archivo);
$time = time() - $ft;
$eTag = "ci-".md5($archivo.$ft);
header("Content-Type: text/css;charset=utf-8");
header("Cache-Control: public, max-age=$expira");
header($ExpStr);
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ft).' GMT');
header('ETag: "'.$eTag.'"');
ob_start("ob_gzhandler");
 
include('reset.css');
include('principal.css');
// y el resto, repetando el orden en que lo hubieses puesto de hacerlo individualmente
// advertí que los includes estan antes del cierre de php y no después
?>
 

Con los js, es similar

Saludos

[seleccionatural]

y con esto en mis archivos correspondientes valdría?
lo que no sé es lo del panel de control. No uso php. Está en mi servidor ese panel?

[emprear]

Si no usás php no se puede.
Yo le preguntaria a los del Web hosting si hay alguna posibilidad de hacerlo
Lo ideal es habilitar los módulos como cite al principio
Saludos

[seleccionatural]

Si tengo toda la web en html es imposible? jo....er que fastidio
Aunque tenga archivos php java o css??