Optimización de imágenes para carga rápida en sitio web

  • Autor Autor Gaston Riera
  • Fecha de inicio Fecha de inicio
Gaston Riera

Gaston Riera

1
Pi
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Suscripción a IA
Hola a todos!
Bueno, esto viene de este tema: http://forobeta.com/otras-plataformas/178739-mi-web-carga-rapido-optimizar-carga.html
Tengo un sitio que se basa en la publicacion de imagenes para portadas de facebook: Enlace eliminado

Muchos me han recomendado optimizar las imagenes. Y para ello he investigado un poco y di en que es recomendable reducir el tamaño/calidad de las imagenes que se muestran en el index. Y todo esto se realiza a traves del CSS.

Ahora, intento que me den una mano. Puesto que soy un poco pretencioso, esto es lo que busco:

1) Que las imagenes no reduzcan la calidad al extremo y ya se vean feas
2) Cuando el usuario intenta descargar la imagen o la quiere subir a su perfil, obtenga la imagen de alta calidad (Identica imagen que subo yo al sitio)
3) Optimizar la velocidad de carga de mi sitio.

Pongo a disposicion el archivo style.CSS que tengo.

Cabe aclarar que este sitio no esta montado en ningun CMS de los conocidos. Sino que es un Script que he conseguido en la web. (Tiene toda programacion propia y es en PHP).
Aqui va el style.css



Agradezco que me indiquen en que parte del codigo este se optimizan las imagenes asi lo voy recortando y es mas facil de analizar.

Alguien puede ayudarme?

GRACIAS A TODOS LOS QUE LEAN Y RESPONDAN!
Saludos
 
Última edición:
* Las imágenes no se optimizan solas con un ccs... Para eso tienes que tratarlas con algun programa que baje el tamaño sin perder la calidad. Descargate todas las imagenes, y utiliza el programa EasyImageModifier para reducir su tamaño en kb sin perder calidad de imagen.

* Comprime tu ccs. Para ello hay muchas herramientas online para comprimirlo. A mi me funciona muy bien este: http://www.cssdrive.com/compressor/compress.php

* Revisa tu código fuente y tratalo para que realice la menor cantidad de peticiones al servidor. osea que puedes utilizar partes del código fuente que se consulta dentro de la misma plantilla, como las barras de links, sigles similares, publicidad manual, etc.

* Usa al mínimo los plugins. Si lo que quieres implementar se puede hacer a mano entonces hazlo. El peor error es saturar de plugins un sitio web.

* Navega en google, que hay muchos tips...
 
[MENTION=3864]manuelspirit[/MENTION]

Jaja, pareciese que me estas retando, o "Cagando a pedos" como se dice en argentina.

Gracias por responder. Efectivamente he googleado antes de subir este tema. Pero bueno, siempre habra alguien que haya tenido el mismo problema y que tenga la solucion.

Asi mismo, logré dar con un programa un poco mas eficiente que el que me diste tu, el mismo es: RIOT -Radical Image Optimization Tool

Asi, edite todas las imagenes de mi sitio y ahora en los analizadores de velocidad de carga he mejorado un 50%
En este: Latest Performance Report for: [url]http://portadasdefacebook.info/ | GTmetrix[/url]
soy de clase A

Y los peores tiempos estan en los banners de Adsense y el box de Facebook 🙂

QUe feliz que estoy

MUCHAS GRACIAS !
 
Atrás
Arriba