Is Pagespeed compatible with Retina Images?

[Isaac Cubas]

I am working on responsive website. I have code that loads the right image size for the screen size, with img srcset and picturefill this is what google recommends here https://developers.google.com/web/fundamentals/media/images/images-in-markup?hl=en

The problem I am facing is that I am using Retina images for some of the mobile devices. Meaning that the images downloaded by the client have a bigger size than width attributes. Now Google pagespeed is now complaining saying that I should optimize my images. But the problem is if I reduce the size of the images I will loose the quality for the retina display.

Doesn't Google Pagespeed support Retina images? Is there a way to tell Google Pagespeed that those are retina images?

Or is there a best practice from Google for Retina images?

Thanks

[Carlos Lizaga Anadon]

Greetings,

Can you provide an example URI of your site so we can check your srcset implementation?

Regards.

[Isaac Cubas]

Hi Carlos you can see the web here: http://www.labiosybotox.com/odontologia-general/dientes-nos-delatan/

The image I´am tested is informaciondientes-1-758x353.jpg, the first of the article.

Thanks

[Rick Steinwand]

<picture> and <img srcset> aren't supported yet by Pagespeed Insights. I have the same problem. There is a thread dedicated to that.

[Rick Steinwand]

https://groups.google.com/forum/#!topic/pagespeed-insights-discuss/-3w9jyBHNQY

[Isaac Cubas]

Ok, I see there is no solution yet.

We´ll wait for google team to update pagespeed for srcset support

Thanks

El lunes, 30 de marzo de 2015, 14:04:36 (UTC+2), Rick Steinwand escribió:

https://groups.google.com/forum/#!topic/pagespeed-insights-discuss/-3w9jyBHNQY