• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
Sin resultados
Ver todos los resultados

Optimizando las CSS – Parte 2

Diego CambiasoporDiego Cambiaso
06/03/2018
enNoticias
Tiempo de lectura2 minutos
0

Para que nuestras CSSs sean más pequeñas y rápidas de cargar debemos tener en cuenta:

  • cuando un valor es cero no lleva unidades ej.: px, pt, em
  • usa el método abreviado para escribir las propiedades. Con esto podemos por ejemplo, definir en una linea los cuatro márgenes de un página, así evitamos repeticiones de código innecesarias: Reduce tus archivos de CSS con el método corto – minid.net
  • agrupar estilos idénticos ej.: h1, #pie, #cabecera {font-zize:2em;}
  • escribir el código de colores abreviado ej.: #ffffff; como #fff
  • no dejar espacios en blancos innecesarios
  • hacer uso correcto de los comentarios. Usarlos en exceso solo agrega bytes innecesarios que probablemente nadie lea, por otro lado su uso (moderado) puede ayudarnos en su mantenimiento

Lecturas relacionadas:

  • CristaLAB – Optimizando CSS / CSS y PHP
  • VivaPHP! – Optimizando archivos CSS
  • HTML en castellano. CSS nivel 1 html xhtm
  • martinpulido.com – Algunos consejos cuando uses CSS

Herramientas:

EntradasRelacionados

C-Lab de Samsung recibe 29 premios CES a la Innovación

CES 2023: Un futuro sostenible gracias a la conectividad

  • CSS Tweak
  • Clean CSS (hablamos en detalle en elpost anterior)

Tags: CSS trucos, CSS consejos, CSS optimizaciones

Tags: CSS
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Template Vamp – Descubre una plantilla gratuita en HTML5 y CSS3

02/11/2014

Te mostramos una serie de flechas animadas realizadas con CSS3

27/10/2013

jq-tiles: Conoce un plugin para realizar slideshows con CSS3

03/02/2013

CSS3 Generator: Conoce una aplicación web para crear tus propios estilos CSS3

16/12/2012

C-Lab de Samsung recibe 29 premios CES a la Innovación

18/01/2023

CES 2023: Un futuro sostenible gracias a la conectividad

16/01/2023

Samsung comparte su visión para llevar la calma a la experiencia de los dispositivos conectados en CES 2023

11/01/2023

Estudio: Los relojes inteligentes ayudan a prevenir o reducir la obesidad

26/12/2022

Sáquele provecho a las características de un TV 8K

21/12/2022

Ventajas de un proyector portátil de 100 pulgadas

19/12/2022

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.