Hi there,
First of all, I want you to know that a check deeply in the forum and read a lot of posts (included the stickies), but I cannot resolve my problem. Everytime I go to Google Speed Test I get 58/78, and that is mainly for the image optimization. I already try EWWW, Smash it, Thumbnails resize, changing image size manually, reducing image quality and still cannot optimize mi images like google wants (and therefore reducing loading speed). Anyone with the same problem could find a solution?
I really appreciate your help
Thanks in advance!
Yes, I have already looked at it, but my main problem are the images, I cant optimize them. Any other suggestion to accomplish this?
You may want to try testing with http://gtmetrix.com/ as it will give you more specific info on images, and other things related to your score, as well as often create optimized image versions for you.
Most of the methods you’ve mentioned work for the majority of those with optimization issues.
Thanks for answering Christopher. As I have already tried the above mentioned methods, I will no reupload my images again manually. Before that, I planned to optimize them with Photoshop, any suggestions? How can I compress this images, only loweing their quality?
thanks again!
In Photoshop for my main images I generally start with a quality factor of 30, and a blur level of .2 … I then try going down to quality factor of 25 and sometimes blur of 0.22. And for some images I push it down to 20, and have gone down to 15 when I need to if the image supports it without looking too awful. When going to save for web, make sure “progressive” is chosen and NOT “optimized,” and don’t embed meta data or color profiles; only embed meta data such as copyright if really needed.
If the image has text, you will need a quality factor of 25 or more, or it may be illegible; if you have images with RED then you will generally need a quality factor of 52 in order to not get horrible artifacts due to the inherent flaw in mpeg/jpeg compression from last century.
Hi Christopher, I been optimizing images with PSD and it worked for the “orginal size” but not for the thumbnails. So, I think I should add this function
add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );
in my functions.php file like this right? http://screencast.com/t/OstTpuEvVqow
Then when I run “Regenerate Thumbnails” it should generate all the thumbnails with this “low cuality” images. Or shoul I lower all image quality for all image sizes in PSD (really a lot of work)
Thanks again and nice weekend!
Yup. I actually changed mine to 50 recently on couple of sites which have photos and no illustrations, but 60 is what I’ve used for quite some time and works perfectly for my needs. Using 60 removed the “you need to optimize your images” warnings from PageSpeed. 🙂
Hi:
I have some question concerning image optimization and page speed.
I usually use an optimized 745×483 px for feature image and let the theme do the other dimensions.
Now when testing with http://gtmetrix.com/ it says:
The following images are resized in HTML or CSS.
Serving scaled images could save 1000.6KiB (74% reduction).
/saskia-sassen.jpg is resized in HTML or CSS from 624×351 to 198×111. Serving a scaled image could save 78.7KiB (89% reduction).
/networking2.jpg is resized in HTML or CSS from 611×427 to 198×138. Serving a scaled image could save 68.9KiB (89% reduction).
So i do not understand why a scaled image is served when a thumbnails is at hand.
What can I do?
Thanks
Might be from a plugin you’re using which resizes the featured image vs using the theme thumbnails. Dunno. Without seeing the report or the post on which the image is loading, have no idea.
Tech support folks will be back tonight/Monday. 🙂
Hi Christopher:
The plugin I’m using are:
Adrotate
Akismet
BackWPup
Contact form
Disqus
Envato
P3 (performance profiler)
tagDiv Social Counter
tagDiv speed booster
SEO by Yoast
WP-Optimize
WPBackery Visual Composer
WP Super Cache
And please feel free to run the report on http://gtmetrix.com/ yourself: http://www.mujeresdeempresa.com
I’ve just began today to optimize and install WP Super cache but the problem with the images were before i installed it.
By the way have you seen this: http://www.jpegmini.com/app ?
Thanks
Hmmm…
Hi, did you run regenerate thumbnails plugin when switching to theme to make the thumbs needed for existing stories? The theme doesn’t make thumbnails for existing stories, only new ones. So, your 2002 and 2003 images that are giving you that error should be fixed by the regenerate thumbnails plugin.
(I’d recommend adding my suggested WP image optimization element to your functions.php file before running the script — see my notes in the pagespeed sticky top of forum; go backwards from the end to find my stuff more quickly…. this will cut your thumbnail sizes by 30% without having to do anything else!)
Also remember that the theme / WP won’t enlarge images, only create smaller ones.
We don’t need to use the jpeg mini or smush-it, or similar as we actually run our own webserver using imagemagick and mod_pagespeed; we also optimize our images in Photoshop prior to upload and set the default compression in WP from 90 to 60 for better “built in” compression of images generated by WordPress automatically, and by the theme (see the pagespeed sticky in the forum for more on my tips for image optimization if curious).
You have some issues you can fix like a bad favicon link, load CC logo locally, turn off the aweber tracking pixel, turn off contact form 7 if not using it, etc.
I betcha running the regenerate thumbnails plugin will fix the issue you were mainly having, though 🙂
Is this the plugin you are talking about? https://wordpress.org/plugins/regenerate-thumbnails/
In some way all the stories are new because I moved (coping and pasting!) an old static site to wp with this theme, so i imagine something went wrong at some point.
I can not turn off contact form because I use it although I would consider replacing it. Any suggestion?
I could not manage to fix the bad favicon link so far, now i will attack the aweber tracking pixel 🙂
I have optimized all the image before uploading them but now I realized I could do a better work so I’m trying to do it all again.
Thanks
Yup. That is correct plugin for regenerating thumbnails – works for me 🙂
also found in the them documentation here:
https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
No problem using Contact Form 7, it’s simply another thing which adds more code to the site. I had mentioned if NOT using it you could turn it off. Some people install and activate all the “recommended” plugins for the theme (e.g., Jetpack, ContactForm 7, Revolution Slider). If NOT using any of those they should NOT be turned on, was my point.
Anyway, for best optimization be sure to add my line of code to your functions.php file to set a better compression level for your site for all thumbnails created from featured images (found in the sticky category in this forum for pagespeed).
I’ve just download Regenerate Plugin and it says It is not tested with my version of WP (4.0) so should I considered another plugin?
I’m worried because the blog is not working properly this days.
Claro que puedes usar el plugin aunque te aparezca que no está testeado. Este va a recortar TOOOOODAs las imágenes de tu sitio desde antes de que instalaras el theme newspaper. DE este modo tendrá mejor forma y las imágenes no tendrán que servirse en tamaños que no son los diseñados para el funcionamiento.
OJO: Si tu sitio es grande con cientos de entradas que a su vez son miles de imágenes, este proceso llevará un buen rato pues tiene que crearte como 10 imágenes recortadas por cada imagen que has subido.
De ahí en fuera puedes instalar ewww optimizer que funciona super bien para la optimización de imágenes al máximo. Si tu servidor no lo soporta por ser shared hosting o bien tienes un vps o dedicado que no tiene las capabilidades para el optimizer, puedes comprar una clave en línea las venden desde 3 usd al mes y así se realiza la optimización en sus servidores.
Gracias Carvax:
En realidad tengo unas 2500 imagenes y los thumnails estan disponibles pero aparentemente no los carga. El blog siempre tuvo esta plantilla desde el comienzo, aunque tiene 14 años, antes era un website estatico y me he pasado muchísimo tiempo pasando cada nota en un localhost.
¿Entonces tengo que borrar primero las miniaturas o se encarga ese plugin de todo el trabajo?
Ayer instalee WP Super cache y todo parecía bien pero ahora me esta desarmando todo el blog, un desastre, asi que lo primero va a ser ver de desactivarlo.
¿En qué parte del mundo te encuentras?
las miniaturas las tendrías que borrar manualmente 🙁 ese proceso puede ser tedioso pero no importan pues no harán daño a las nuevas creadas. solo corre el plugin y déjalo funcionar hasta llegar a 100. (asegúrate de tener el newspapper mas nuevo al momento de correr el plugin)
Otra cosa que yo uso es el plugin Imsanity especificando que lo máximo que cargue una imagen es de 700px de ancho pues este es el ancho que mide el área de contenido del newspaper, así aseguro ningún rezise y ahorras tiempo de render.
Antes de o al finalizar desactiva wp-cache. y después de haber creado las nuevas thumbs instala y activa quick cache. En 24 horas tu web estará muy veloz comparado con ahora.
saludos
Carvax: Disculpa que te vuelva a molestar.
1. Vos usas 700×357 para la imagen, pero el modulo big slider que carga en la home usa si no me equivoco 745×483. De hecho yo trato de usar ese tamaño. ¿Estoy equivocada? Si estoy equivocada es mejor que las achique ahora pues lo que decis de ahorra tiempo de render es importante.
2. El Regenerate Plugin trabaja en blockes de 100? ¿Por carpetas?
La verdad son tantos detalles que ya estoy tentada de contratar a alguien que esté familiarizado con esto, no por la parte de las imagenes pero si para la optimizacion y toda esa historia; asi que si tienes algun candidato en mente de confianza y técnicamente seolido….
Desde ya muchas gracias
Yo no uso el bigslider por motivo de mejorar la velocidad del home, tengo mi home muy limpio usando ajax y solo un pequeño slider de 3 noticias recientes. El módulo slider usa la imagen destacada de 700x 357 la cual es recortada automáticamente (en theme options activas esto en crop image).
El imsanity lo tengo en máximo de medidas 659×659 para los medios subidos directamente en post. y 1024×1024 para los subidos directamente en medios. De este modo todo queda recortado a medida del ancho del newspaper.
El regenerador hace mucho que no lo uso, si no mal recuerdo comienza y se va parejo de una en una y se lleva un par de segundos por imagen.
Inténtalo, si no te sale me avisas y por la noche lo podemos ver por skype (Y)
Saludos
