Combinar imágenes usando CSS sprites  

 
Juan Enrique
 Juan Enrique
Reputable Member

Hola que tal!!!, le comento que estoy optimizando la tienda y darle mayor experiencia al usuario que visita la pagina, para empezar estoy usando gtmetrix.com y me indica lo siguiente:

http://prntscr.com/fmgz46

en mayor información me indica lo siguiente:
http://prntscr.com/fmgzay

creo que ya esta convertido en css sprite en imagen png, adjunto imagen
Finalmente ahora es un hecho que debo cargarlo ahora al cargarlo por cpanel a que ruta debo guardarlo???, o es que lo guardo en donde esta todas las imagenes de la plantilla que en mi caso seria el siguiente: public_html/themes/lava0306/assets/img/30601.
De ser su respuesta afirmativa que debo cargarlo en esa ruta, que mas se tiene que hacer para que cuando haga nuevamente el analisis por gtmetrix ya no me siga indicando que debo corregir eso
como ultimo que hacer con las otras imagenes que estan cargados de manera indicacion una imagen para rss, una para twiter,una para facebook, una para loading, una para googleplus.

GRACIAS

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/06/2017 6:41 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que te indica allí es una recomendación, la recomendación va más para el que desarrollo el theme, te explico por que, lo que sucede es que una imagen sprite tiene que ser programada, primero para que se muestre las misma imagen en diferentes ubicaciones, luego por CSS "recortar" sólo la opción a mostrarse.

En conclusión, toma esto como una recomendación, pero es de dificil implementación y para hacerlo tienes que tocar código.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/06/2017 10:28 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan Enrique
 Juan Enrique
Reputable Member

y cuales son los pasos a seguir para solucionar este incoveniente, estuve leyendo e indica que tengo que ir al global.css es ahi done se tiene que hacer la modificacion para que jale las imagenes sprite y no una por una, si estoy mal me pueden dar un paso a paso a seguir

ResponderCitar
Respondido : 06/07/2017 2:13 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En el siguiente enlace puedes verificar cómo se genera un imagen sprite paso a paso: http://kadumweb.com/crear-sprite-css-ejemplo-mejora-seo/

Como puedes visualizar es un proceso que lo podría realizar un usuario avanzando y lamentablemente nosotros no damos soporte sobre programación. Lo que te muestra GTmetrix es una sugerencia, no siempre se puede aplicar. Con optimizar las imagenes sería mas que suficiente y cuentas con una herramienta para esto: https://guias.webempresa.com/preguntas-frecuentes/optimizar-imagenes-herramienta-imgoptimizer/

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/07/2017 2:47 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan Enrique
 Juan Enrique
Reputable Member

encontre esta solucion, sim embargo es para wordpress, si me ayudaran a trasladar todo lo que dice ahi pasarlo para prestashop, porque asi he hecho con otros videos ya que veo por todos lados tutoriales y muchos videos para wordpress que prestashop y me quedo al aire

ResponderCitar
Respondido : 06/07/2017 2:59 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No tengo claro a que solución te refieres, si nos das más detalles podremos revisarlo.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/07/2017 3:13 am

Cursos Gratuitos WordPress

Juan Enrique
 Juan Enrique
Reputable Member

perodona, no copie la url de la solucion del mismo aqui te va: https://www.youtube.com/watch?v=QKUDPSgaKIc

ResponderCitar
Respondido : 06/07/2017 3:16 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Para el código CSS que te genere la herramienta puedes utilizar el módulo: https://dh42.com/blog/free-prestashop-css-module/ ,luego ya tendrás que buscar en las posiciones de tu plantilla las imágenes afectadas y e insertar el código de los contenedores tal cual se explica en el video que adjuntas.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/07/2017 6:25 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro