Bienvenido! Por favor ingrese o registrese.

Autor Tema: Tres Sugerencias De Optimización De Imágenes Para Hacer Su Web Más Rápida  (Leído 524 veces)

Frank Rey

  • Nivel 1
  • *
  • Puntos: 61
  • Mensajes: 256
    • Ver Perfil
El público prefiere sitios web rápidos y también Google para el posicionamiento web toma en cuenta la velocidad de las páginas de destino, de hecho, la velocidad de su sitio web es un factor de clasificación en los resultados del motor de búsqueda de Google.

Si su sitio se carga rápidamente, es más probable que aparezca cuando la gente busca algo relacionado a su marca. Esto, junto con el conocimiento de que un sitio rápido proporciona una mejor experiencia de usuario, significa que una página con mayor velocidad puede conducir a conversiones más altas.

Si su sitio web no se carga tan rápido como desea, es muy probable que sean sus imágenes las culpables. Aquí están algunos errores comunes que se cometen en relación con la optimización de imágenes para su sitio web:

Las imágenes son demasiado grandes

Muchos de los vendedores y los editores les gusta usar grandes imágenes de alta resolución en su sitio, con la creencia de que estas imágenes proporcionarán una mejor experiencia de usuario.

El problema es que las imágenes de alta resolución, a menudo tienen un tamaño de archivo muy grande y tardan mucho tiempo en cargar, especialmente cuando hay varias imágenes en la misma página web.

Hemos visto muchos editores cargar imágenes en el rango de 2 Mb a 5Mb en sus blogs o mensajes de contenido. Este tamaño de la imagen es demasiado grande para la web, y es uno de los errores más comunes que vuelven lentos los sitios web.

Antes de subir nuevas imágenes a su página web o blog, recuerde estos consejos:

•   Antes de subir cualquier imagen, vuelva a comprobar el tamaño del archivo (haga clic derecho en la imagen y selecciona propiedades)

•   Mantener archivos de imagen tamaños por debajo de 500kb (y por debajo de 100kb si es posible)

Hay muchas herramientas en línea que pueden ayudarle a comprimir sus imágenes para obtener un tamaño de archivo más pequeño, como io, CompressJPG, y TinyPNG. Si utiliza Photoshop para preparar sus imágenes, mantener un ojo en las dimensiones y asegurarse de que el DPI se establezca en 72 ppp (Imagen / Tamaño de imagen) y recordar darle "Guardar para Web" con el fin de controlar el tamaño de archivo final.

•   Convertir las imágenes a los tipos de archivo adecuados. En la mayoría de los casos, tendrá que usar JPG. Sin embargo, si la imagen utiliza la transparencia (por ejemplo, una imagen con un "ver a través" de fondo) necesita utilizar PNG. Hay algunos casos raros en que GIF es mejor, pero, en caso de duda, siempre use JPG.


Imágenes con auto escala:

Otro error común con imágenes, es el auto-escalado de grandes imágenes para que aparezcan más pequeñas de lo que realmente son.

Hacer esto a menudo es más conveniente para los creadores de contenido y desarrolladores, pero en realidad puede reducir la velocidad de un sitio web.

Por ejemplo, una gran pancarta en un post también podría ser utilizado como una pequeña miniatura en otras partes del sitio.

El promotor, en lugar de crear varias versiones de la imagen (por ejemplo, 1000 × 425 para el banner y 64 × 64 para una columna lateral), utiliza el código de auto-escala de la misma imagen grande para que aparezca como una pequeña miniatura. Por lo que una gran imagen se carga innecesariamente. Esto acorta el tiempo de desarrollo, pero la velocidad de la página paga el precio.

Sin mencionar, que las imágenes en auto escala pueden acabar distorsionadas debido a que han sido estiradas con el código.

La falta de imagen de almacenamiento en caché

Incluso si utiliza una compresión de imagen apropiada, y publica las imágenes con las proporciones adecuadas, una imagen muy pesado puede tardar mucho tiempo en cargar. Dado que las imágenes son contenido estático, una gran manera de acelerar el tiempo de carga es el uso de caché CDN.

El almacenamiento en caché es el proceso de almacenamiento de datos en un área de almacenamiento temporal denomina caché. Por ejemplo, te habrás dado cuenta de que un sitio web que ha visitado en el pasado se carga más rápidamente que un sitio en el que nunca ha estado. Esto se debe a la página web visitada es almacenada en caché por el ordenador.

Un CDN (Content Delivery Network) es una red de servidores que ofrece contenido almacenado en caché (por ejemplo, imágenes) de los sitios web a los usuarios, basado en la ubicación geográfica del usuario.

Por ejemplo, si estás en Nueva York, y está buscando en un sitio web de la India, puede cargar las imágenes desde un servidor que está realmente en Nueva York, en lugar de cargar imágenes desde otro lado del mundo.

Un sitio con caché CDN puede entregar imágenes y otro contenido estático mucho más rápido, especialmente en horarios picos de demanda, ya que las imágenes no se cargan directamente desde el servidor web, sino desde un servidor de caché con una velocidad mucho más rápida.

Además de esto, un CDN también le ayuda a recibir a más visitantes al mismo tiempo. Si su sitio experimenta un aumento repentino o inesperado en el tráfico, un CDN puede mantener su sitio funcionando eficazmente.

Fuente: https://searchenginewatch.com/2016/07/22/images-three-optimisation-tips-to-help-speed-up-your-site/


Linkback: http://afiliadostop.net/index.php?topic=8250.0
No Tienes Permisos Para Dar Puntos
point 0 Puntos

Este tema no recibió puntos.


Share via facebook Share via twitter

xx
71 ideas para hacer pruebas de optimización

Iniciado por Gime

0 Respuestas
1019 Vistas
Último mensaje septiembre 27, 2014, 07:52:51 pm
por Gime
xx
Ayuda con Facebook ads no me deja hacer campañas por imagenes

Iniciado por mastereduardo

2 Respuestas
1124 Vistas
Último mensaje julio 03, 2014, 04:30:22 am
por Carlos N
xx
se puede hacer algo cuando te copian el contenido y las imagenes de tu blog?

Iniciado por guillermoRC

7 Respuestas
2002 Vistas
Último mensaje noviembre 11, 2012, 07:03:34 am
por guillermoRC
thumbup
tres exitosas campañas cpa listas para copiar y pegar

Iniciado por elecman5

0 Respuestas
2002 Vistas
Último mensaje agosto 10, 2012, 04:39:12 am
por elecman5