Una web para todos - rápida y económica -
Todos en Internet

CSS para apariencia y algo más:

Estandar CSS

Apariencia de la web

Aunque las hojas de estilos (CSS) se vienen utilizando desde hace años, hoy en día, han pasado a ser una de las formas más efectivas para limpiar y abreviar el código HTML. Las CSS ofrecen una tecnología de vanguardia, capaz de diseñar integramente un sitio, generalmente, reduciendo su tamaño en más de un 50% sobre un diseño clásico hecho con tablas y reunen características que favorecen la carga rápida de la web, mejoran el posicionamiento, y las hacen aptas (en el 99% de los casos) para todo tipo de navegadores.

Estándares web - Ventajas de uso de las CSS:

Programación con CSS

Junto a las mencionadas en nuestra guía sobre código html, vamos a centrarnos en las siguientes: 1.- Reducción de las necesidades de ancho de banda por tratarse de un único archivo externo, el cual, es llamado una vez por el navegador al acceder a la página web, permaneciendo en su cache para el resto de páginas visitadas; 2.- Mejora de rankings en las búsquedas por tratarse de un código más limpio, y por tanto, más accesible a los buscadores; por permitir colocar el contenido importante en la parte superior del documento html; por último, por aumentar la densidad del contenido en relación a la del código. 3.- Y por supuesto, aumento en la velocidad de carga ya que, las hojas de estilo, se descargan mucho más rápido que las tablas, fundamentalmente, porque los navegadores leen las tablas dos veces, una para determinar la estructura y otra para determinar el contenido, no mostrando nada hasta que la descarga total ha terminado.

Relación artículos carga rápida


Más consejos, trucos o experiencias que recogen  nuestras recomendaciones sobre la carga rápida de las páginas web:

Generales
Contenidos, Publicidad, Bases de Datos ...

Imágenes
Tamaño,
Peso, Tipo Archivo, Resolución ...

Programación
Hojas Estilo, Código Html, Webs Dinámicas...

Usabilidad
Posicionamiento, Navegadores...

Diseñando en CSS:

CSS en dispositivos móvilesCompatibilidad con dispositivos 
Teléfonos móviles, palms, navegadores de automovil y webTV

CSS botonesMenu de navegación
Las CSS pueden reemplazar los JavaScripts de botones rollover para reducir su peso.

CSS flexible Flexibilidad
Permite modificar, todo o parte del diseño, sólo modificando la hoja de estilo.