Optimización del html

Preguntado hace 1 año

Manuel Fernández
Votos
PositivosNegativosTotal
1 0 1
81 Visualizaciones
Compártelo: Compártelo en twitterCompártelo en Facebook

Viendo como funcionan los compresores de javascript y de css, que fundamentalmente quitan los espacios en blanco, además de los comentarios.

Me pregunto si con el html merece la pena hacer lo mismo, es decir quitar todos los espacios en blanco entre etiquetas. A parte, claro de no enviar los comentarios. ¿Merece la pena, o vamos a ganar tan poco rendimiento que no merece la pena?

Actualizando datos

4 Respuestas

Hace 1 año

Alejandro Mezcua
Votos
PositivosNegativosTotal
303

Como todas las optimizaciones la respuesta es "depende" ;-)

Si tu sitio tiene mucho tráfico cada pocos bytes que ahorres en cada página los tienes que multiplicar por el número de páginas servidas, con lo que al final el ahorro de ancho de banda puede ser considerable.

Considera también activar la compresión HTTP en el servidor (http://en.wikipedia.org/wiki/HTTP_compression), que reducirá en mucho la información transmitida entre navegador y servidor web.

Cerrar

Hace 1 año

Victor

Victor

121Distinciones de bronce1
Votos
PositivosNegativosTotal
202

Hola,
Es importante que comprimas cuando tienes muchas visitas, como bien dicen los otros posteadores. Imaginate que tienes 1.000.000 de visitas al dia. Tu página, sin contar imagenes pesa 8.000 bytes (que normalmente es poco). Esto significa que:

1.000.000 visitas * 8.000 bytes = 8.000.000.000 bytes. Haciendo la mala division (la buena es por 1024 pero como estoy vago dividire por 1000), son 8Gb de transferencia/dia.

Si optimizas la pagina eliminando espacios innecesarios, retorno de carro, como Angel Luis y consigues bajar la pagina a 7.000 bytes te ahorraras 1Gb de transferencia al dia.

Evidentemente si tienes solo 1000 visitas al dia no vale la pena el esfuerzo. Unicamente cuando manejas muchas visitas/dia.

Cerrar

Hace 1 año

Daniel

Daniel

840Distinciones de plata1Distinciones de bronce8
Editada hace 1 año
Votos
PositivosNegativosTotal
101

Una página HTML "en crudo" (solo con texto) si se usa para volcar resultados de una base de datos lo correcto seria usar paginación en la información, si no es ese el caso deberias concentrarte en que el código este bien formado y que las imágenes y los archivos externos esten correctamente comprimidos y que el tamaño del archivo HTML no sea superor a 30Kb.

Los comentarios, espacios y los retornos de carro que estan demás hay que removerlos manualmente o limpiarlos con algún compresor de html.

Si lo que queres es acelerar la carga de la web en gral.,

Unos tips a tener en cuenta:

  1. Imágenes: usar PNG, JPG para fotos, GIF para dibujos, si se editan con Photoshop guardarlas para web.
  2. comprimir las hojas de estilo y los archivos javascript.
  3. usar tablas solo para tabular datos y no para diseño.
  4. maquetar todo en XHTML.
  5. evitar la sobrecarga de librerias externas .js innecesarias.
  6. moderar el uso de la etiqueta META en los headers por ej. el tag KEYWORDS solo es usado por algunos motores de búsqueda y no por GOOGLE.
  7. validar el código CSS y HTML con el parser de la W3C o con Tidy.

También se puede acelerar una web al 500%:

  1. Haciendo pocas peticiones http
  2. Colocando una fecha de expiración muy lejana en los header
  3. Gzipeando los componente de tu página

fuente: Taller de Scripts

Cerrar

Hace 1 año

Ángel Luis Quesada
Votos
PositivosNegativosTotal
101

Hombre, como bien dice Alejandro, cada Bit cuenta ;-)

Nosotros desde hace tiempo siempre hacemos webs en "formato oneliner" un ejemplo sería nuestra propia web, Kubide, que aun estando "en construcción" ya la tenemos así.

El por qué, a parte de ahorro, que aquí es poco lógico, es por temas de maquetación de "vieja escuela" y es que ciertas versiones de ciertos navegadores interpretan los espacios en blanco de una forma "poco ortodoxa" y hay momentos donde no debería haber nada y dichos navegadores entienden que los espacios en blanco si "son algo"... Esto pasaba sobretodo con los espacios en blanco tras floats dentro de bloques, así que desde entonces "always oneliner" ;-)

A parte de esto, y aunque parezca coña, nos ha servido como método de ofuscación de código... Muchos Lamers según ven el formato en una linea solo se asustan y pasan de hacerte el "copy&paste" típico.

Por lo que mi recomendación es que lo hagas siempre... Pero usa herramientas que te solucionen la vida {strip} de smarty puede ser una de ellas ;)

Cerrar

Tu respuesta

Confirmación

Cerrar

Si sales ahora, perderás los cambios. ¿Estás seguro de querer salir?

Para participar en Babelias, debes estar convenientemente validado. Si ya eres usuario inicia sesión, si no lo eres, te puedes registrar.

Dar una respuesta

Trata de ser descriptivo, usa al menos 25 caracteres