Tanto Esfuerzo mire lo que logre

Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

PichoLetra

Préstamo
Kappa
Domainer
Verificación en dos pasos desactivada
Desde
25 Ago 2014
Mensajes
2.724
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Revisa la compresión de las imágenes, los scripts que no sean útiles y que estés usando el mejor formato para las imágenes.

Puedes usar el formato de imágenes webP para conseguir más compresión y aceleración... aunque no es fácil de integrar (más tarde armo un tutorial de cómo hacerlo con un servicio en la nube).

Cual es Ese Formato Bro webP?
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Cual es Ese Formato Bro webP?

Es un formato que desarrolló Google hace bastante tiempo ya.

Es compatible con Android y con navegadores basados en Chrome (Opera, Yandex, Vivaldi, Chromium, etc).

Consigue una compresión más alta que webP.

El plugin Cache Enabler te permite usar el formato webP, pero lamentablemente sólo cuando la imagen ya esté en caché (a no ser que hayan realizado cambios últimamente)

También puedes editar el archivo htaccess para poder usarlo (pero me parece muy enrevesado).

Personalmente lo estoy usando con SIRV.com que dan un plan gratis, pero a veces el formato queda ocupando más tamaño que la imagen original (problemas de los servicios gratuitos).

También puedes usar Cloudinary que tiene un plan gratuito, más tarde armo un tutorial de cómo servir imágenes webP con este servicio.

Firefox no es compatible, pero puedes usar algún compresor en la nube basado en mozJPEG y que permite una compresión bastante alta para JPEG, usando trucos "artesanos" como dice la misma Mozilla.

En este enlace tienes una interesante comparativa y los tamaños que se logran con webP:

JPG to WebP – Comparing Compression Sizes
JPG to WebP – Comparing Compression Sizes

Y aquí otra

JPG, PNG and WebP Photo Comparison
 
Última edición:

PichoLetra

Préstamo
Kappa
Domainer
Verificación en dos pasos desactivada
Desde
25 Ago 2014
Mensajes
2.724
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Es un formato que desarrolló Google hace bastante tiempo ya.

Es compatible con Android y con navegadores basados en Chrome (Opera, Yandex, Vivaldi, Chromium, etc).

Consigue una compresión más alta que webP.

El plugin Cache Enabler te permite usar el formato webP, pero lamentablemente sólo cuando la imagen ya esté en caché (a no ser que hayan realizado cambios últimamente)

También puedes editar el archivo htaccess para poder usarlo (pero me parece muy enrevesado).

Personalmente lo estoy usando con SIRV.com que dan un plan gratis, pero a veces el formato queda ocupando más tamaño que la imagen original (problemas de los servicios gratuitos).

También puedes usar Cloudinary que tiene un plan gratuito, más tarde armo un tutorial de cómo servir imágenes webP con este servicio.

Firefox no es compatible, pero puedes usar algún compresor en la nube basado en mozJPEG y que permite una compresión bastante alta para JPEG, usando trucos "artesanos" como dice la misma Mozilla.

En este enlace tienes una interesante comparativa y los tamaños que se logran con webP:

JPG to WebP – Comparing Compression Sizes
JPG to WebP – Comparing Compression Sizes

Y aquí otra

JPG, PNG and WebP Photo Comparison

Oiga Bro no es mejor que haga un Tutorial? explciandolo
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Oiga Bro no es mejor que haga un Tutorial? explciandolo

Más tarde armo un tutorial para usarlo con Cloudinary. Con SIRV ya creé un tutorial en su momento, pero como digo tiene sus inconvenientes porque el cambio al vuelo a veces genera archivos más grandes que los originales.

Cloudinary falsea las extensiones para servir el archivo sin importar el tipo de navegador/dispositivo, algo que me ha parecido muy interesante.
 

carlitox4852

Gamma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
13 Mar 2017
Mensajes
271
YO digo que apartir de un 90% ya esta a todo dar, y mejor optimizar el tiempo de carga
Sin título (Copiar).png
Este es el mio y con hostinger gratutito XD
Pero aun es mucho tiempo de carga, pero con muchas imagenes no se puede pedir mas
 

Miri

Dseda
Verificación en dos pasos desactivada
Desde
4 Feb 2010
Mensajes
1.037
Veo que has logrado muchisimo, con lo de dice RamonJose, quizás puedas aligerar mas, hay que intentarlo todo, recordando que además de dinero (cargan mas rápido los anuncios), ancho de banda y mejoramos posiciones en google... asi que todo cuenta!
 

celciusb

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Dic 2014
Mensajes
1.762
Más tarde armo un tutorial para usarlo con Cloudinary. Con SIRV ya creé un tutorial en su momento, pero como digo tiene sus inconvenientes porque el cambio al vuelo a veces genera archivos más grandes que los originales.

Cloudinary falsea las extensiones para servir el archivo sin importar el tipo de navegador/dispositivo, algo que me ha parecido muy interesante.
¿Y ya que las tienes creadas como las implementas? Porque a mi el ewww image optimizer las genera y tengo suporte para usarlas según el htaccess pero no se como ponerlas en automático en los navegadores compatibles.
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Hola [MENTION=124654]celciusb[/MENTION] - hay varias opciones.

Utilizar el plugin Cache Enabler (lo malo es que sólo muestra las imágenes cuando están en caché al menos la versión que probé hace tiempo, no sé si eso haya cambiado)
Usar htaccess con código para ello
Usar la etiqueta PICTURE, pero da problemas para vincular el archivo en las pruebas que he realizado (alguien debería hacer un plugin para esto):
Insertar CODE, HTML o PHP:
<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>
Usar el CDN SIRV -dispone de cuenta gratis básica - (tienes que subir imágenes jpg/png al servicio y las convierte de forma "mágica")
Usar Cloudinary -dispone de cuenta gratis básica - (tienes que subir imágenes jpg/png al servicio y las convierte de forma "mágica")

En fin, hay varias formas de hacerlo, incluso algunos plugins ya desactualizados...

CLOUDINARY es una opción excelente, más tarde comparto un tutorial (o cuando tenga un momento para ello).
 

celciusb

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Dic 2014
Mensajes
1.762
Hola [MENTION=124654]celciusb[/MENTION] - hay varias opciones.

Utilizar el plugin Cache Enabler (lo malo es que sólo muestra las imágenes cuando están en caché al menos la versión que probé hace tiempo, no sé si eso haya cambiado)
Usar htaccess con código para ello
Usar la etiqueta PICTURE, pero da problemas para vincular el archivo en las pruebas que he realizado (alguien debería hacer un plugin para esto):
Insertar CODE, HTML o PHP:
<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>
Usar el CDN SIRV -dispone de cuenta gratis básica - (tienes que subir imágenes jpg/png al servicio y las convierte de forma "mágica")
Usar Cloudinary -dispone de cuenta gratis básica - (tienes que subir imágenes jpg/png al servicio y las convierte de forma "mágica")

En fin, hay varias formas de hacerlo, incluso algunos plugins ya desactualizados...

CLOUDINARY es una opción excelente, más tarde comparto un tutorial (o cuando tenga un momento para ello).

Bueno, yo ya lo solucione con el plugin que uso. Al final solo era cosa de tildar "forzar en caso de" y efectivamente funciono. Así que ahora mi web es webp en chrome y similares. Pero espero tu tutorial :encouragement:
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Bueno, yo ya lo solucione con el plugin que uso. Al final solo era cosa de tildar "forzar en caso de" y efectivamente funciono. Así que ahora mi web es webp en chrome y similares. Pero espero tu tutorial :encouragement:

Esa opción ¿ahora está disponible con ewww image optimizer?
 

PichoLetra

Préstamo
Kappa
Domainer
Verificación en dos pasos desactivada
Desde
25 Ago 2014
Mensajes
2.724
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Mrien ahora asi :D ya lo Arregle

V8_pUfTpT1u08cYb28ZibQ.png
 

celciusb

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Dic 2014
Mensajes
1.762
Mrien ahora asi :D ya lo Arregle

V8_pUfTpT1u08cYb28ZibQ.png
Todavía lo puedes subir más. Estaba revisando el waterfall de tu página y tienes por ahí un '?' que se te escapo del css de tu página y no se si tengas algún plugin para la cache (w3t, wpsupercache) porque varios archivos no están minificados eso también aumentaría más la velocidad, reduciría el peso y las solicitudes.
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Si. Pero pensé que no andaba :p (por no leer)
Para estar más seguro force la regeneración de las imagenes y luego borre mis caches. El navegador ya esta usando las webp

Me alegro que hayas encontrado una forma de solucionarlo.

Alguna vez les sugerí esta opción pero creo recordar que la idea de ellos era como integrarlo con Cache Enabler... pero parece que optaron por una solución propia.

Interesante.

- - - Actualizado - - -

Mrien ahora asi :D ya lo Arregle

V8_pUfTpT1u08cYb28ZibQ.png

¿Comprimiste las imágenes o exactamente qué mejoraste? Porque se redujo bastante el peso de la página principal (home) por lo que compartes...
 

PichoLetra

Préstamo
Kappa
Domainer
Verificación en dos pasos desactivada
Desde
25 Ago 2014
Mensajes
2.724
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Me alegro que hayas encontrado una forma de solucionarlo.

Alguna vez les sugerí esta opción pero creo recordar que la idea de ellos era como integrarlo con Cache Enabler... pero parece que optaron por una solución propia.

Interesante.

- - - Actualizado - - -



¿Comprimiste las imágenes o exactamente qué mejoraste? Porque se redujo bastante el peso de la página principal (home) por lo que compartes...


Me toco cojer las imagen grande y reducirlas un poco
 

MundoVideo2030

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2016
Mensajes
456
Que bueno felicidades jeje tienes que darnos algunos consejos :D
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba