especificar conjunto de caracteres en las cabeceras HTTP

[isabel021258]

Hola chicos el page speed me pide especificar conjunto de caracteres en las cabeceras HTTP, por mas que busco y busco no encuentro que es lo que debo hacer

¿Con esto no estaría especificado? asi es como lo tengo yo y no lo cuenta como válido.

<meta content="text/html; charset=utf-8" http-equiv="content-type">

Por otra arte también me pide esto:

Los siguientes recursos que se pueden comprimir y almacenar en caché deben tener una cabecera "Vary" con el valor "Accept-Encoding":

http://www.miweb.com/css/default.css
http://www.miweb.com/css/main.css
http://www.miweb.com/css/reset.css
http://www.miweb.com/js/custom.js
http://www.miweb.com/js/jquery-1.4.4.js
http://www.miweb.com/js/jquery.bxSlider.min.js
http://www.miweb.com/js/jquery.cookie.js
http://www.miweb.com/js/jquery.jcarousel.min.js
http://www.miweb.com/js/jquery.nivo.slider.pack.js
http://www.miweb.com/js/jquery.orbit-1.2.3.min.js
http://www.miweb.com/js/jquery.prettyPhoto.js

Que es lo que hay que hacer?

Gracias!!!

[zerokilled]

¡buenas!
respecto a la cabecera de charset (conjunto de caracteres), no es lo mismo un META HTTP-EQUIV que una cabecera HTTP. http-equiv simula una cabecera http pero no agrega la información como parte de la comunicación http. para agregar esa información como parte del encabezado http tienes que: configurar el servidor, o agregar el encabezado mediante lenguaje de lado servidor. cada servidor tiene su forma de configuración, por lo que recomendaria que busques en el foro o en la documentación del servidor que utilizas. si estas en apache, creo que es AddDefaultCharset encoding. si no tienes la habilidad de configurar el servidor pero tienes lenguaje de servidor, entonces genera la cabecera content-type. en php se hace con la función header: header('Content-Type: text/html; charset=encoding').

[emprear]

Lo ideal sería hacerlo todo via .htaccess si estás usando Apache


Estos son solo ejemplos, que charset debas pasar a cada cosa depende
de tu web primero ponés el charset y después a que extensión de archivo se la querés aplicar, bien pueden ser diferentes. (por favor asegurate que tus archivos hayan sido guardados por tu editor de texto con el mismo charset que declarás en el header)
En cuanto a la compresión el método que te propongo es el más sencillo, pero como bien marcó @zerokilled, depende de la configuración de tu servidor, aunque hoy en día la mayoría de los servidores que usan Apache, tienen mod_deflate habilitado.
Si no te funciona, deberás recurriir, como ya se dijo, a php

Código Apache:

# charset
AddCharset utf-8 .html
AddCharset utf-8 .js
AddCharset iso-8859-1 .php
 
# compresión
<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
AddOutputFilterByType DEFLATE image/jpeg
</ifModule>
 

el archivo .htaccess, si no existiese, tenes que crearlo en la raiz del sitio

SAludos

[isabel021258]

Muchas gracias chicos lo primero que pedí me funciono perfecto pero me quedo una duda ¿como puedo chequear con el charset que fue guardado cada archivo?

me quedo así en el .htaccess

# charset
AddCharset utf-8 .html
AddCharset utf-8 .js
AddCharset utf-8 .css

lo segundo lo copie y pegue como esta y no produjo ningún resultado.

Saludos.

[emprear]

Iniciado por isabel021258

Muchas gracias chicos lo primero que pedí me funciono perfecto pero me quedo una duda ¿como puedo chequear con el charset que fue guardado cada archivo?

me quedo así en el .htaccess

# charset
AddCharset utf-8 .html
AddCharset utf-8 .js
AddCharset utf-8 .css

lo segundo lo copie y pegue como esta y no produjo ningún resultado.

Saludos.

Para verificar, depende de que editor estés usando para tu html, por lo general en la barra de estado de los mismos, figura la codificación actual de los mismos.

Por lo segundo, dos cosas, el mensaje no solo se refiere a la compresión, sino también a asignarle a esos recursos un tiempo de expiración para que se cacheen correctamente
Deberías agregar a tu .htaccess lo siguiente

Código Apache:

#### Cache
<IfModule mod_headers.c>
# anual
<FilesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf|woff|eot|svg|ttf|flv|swf)$">
Header set Cache-Control "public, max-age=29030400"
</FilesMatch>
# mes
<FilesMatch "\.(js|css|htc|xml)$">
Header set Cache-Control "public, max-age=2419200"
Header append Vary Accept-Encoding
</FilesMatch>
# semana
<FilesMatch "\.(html|htm|txt|html5|phtml)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
# no cachear
<FilesMatch "\.(php|pl|cgi|spl)$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>
</IfModule>
 

Los tiempos están expresados en segundos, puedn ser modificados, pero los que puse son bastante estándar.
Sería conveniente si es posible ver una url de la página para ver que más puede estar influyendo

NOTA: siempre antes de modificar .htaccess, hacé copias de seguridad del mismo

Saludos

[kseso?]

Para las hojas de estilo no debería asignar charset, excepto si utiliza en ellas caracteres no ascii, que supongo no será su caso.

Estos archivos ya toman el charset del documento desde el que son llamados.

Un poco más de info al respecto: http://ksesocss.blogspot.com.es/2012...-extranas.html

[emprear]

Yo no creo que este completamente demás, el problema es a veces de los servidores, que pasan headers inapropiados.
Siguiendo la linea de tu ejemplo en el blog, de acuerdo, no encuentro sentido lo del
@charset "UTF-8";.
Los ejemplos de las respuestas del post, son genéricos a como debe realizarse la implementación de un charset determinado para un tipo de archivo determinado via .htaccess.
No es infrecuente encontrar servidores que envían iso-8859-1 a los css.
Y el caso de "content" puede considerarse el caso por antonomasia.
un css externo:

Código CSS:

p:before{
content:"Ofertas de este més:";
}
 

el resultado en el navegador:

Ofertas de este més: Juguetes
Ofertas de este més: Informática
Asumiendo desde ya que nuestro html y css han sido guardados con utf-8.
Por lo tanto, repito, no creo que este demas hacerlo, incluso como medida preventiva.

Saludos

[kseso?]

Css al igual que cualquier otro lenguaje provee soluciones propias para estas circunstancias.


En css sólo hay dos posibilidades donde utilizar caracteres "extraños" al propio lenguaje: en el nombre de los selectores y en el valor de content cuando es una cadena.

Pues al igual que html tiene una solución para cuando se desconoce el destino final de un código: las "html entities", css tiene su propia codificación de esos símbolos "impropios" a él. Porque recordemos que css no procesa el contenido de content. Sólo lo muestra. Así que sólo es cuestión de codificar dichos caracteres para el lenguaje que lo va a tratar: css.

Así en el caso del ejemplo sólo es cuestión de escribir:

Código CSS:

elemento::before {content: 'Oferta del m''\00E9''s';}
 

y tendré la absoluta certeza de que se mostrará bien con independencia de la codificación de la/las páginas por donde pase.

Y no sólo con acentos o caracteres más o menos habituales en español. Casi cualquier símbolo, dingbats, flechas, carácter hebreo o hiragana o cherokee o... se podrá mostrar vía css sea cual sea la codificación del documento o el lenguaje del SO del usuario que lo vea.

Resumiendo todo el tocho, que sí, que se puede declarar charset por defecto en el css, pero la especificación está clara: se han concebido para su uso en hojas de estilo vinculadas y sólo es conveniente cuando el css contiene caracteres no ASCII.

Pero mejor que utilizar un charset u otro es, en los pocos casos que puedan darse, es utilizar solucciones propias de css: codificación css.
Y como nadie va a aprenderse de memoria dicha codificación hay herramientas como la que menciono aquí.