Mobile theme – image optimization

Posted in: Newspaper
Post count: 75

For some reason PageSpeed from Google shown me ass issue of speed image size of thumbail for mobile theme
check screenshot

In fact image have size just 120*90 px and in case all mobiles is retina 🙂 we show a double size, but Google Pagespeed indexing exactly this version of image

filename-485×360.png 485w
And shown me like error BCS Google think image can be much smaller!

Can you make some fix for that?

Post count: 75

So my question, can we pass just 265x198px image without full asset?

Post count: 20685

Hi,

That mobile theme module uses this thumbnail size – http://prntscr.com/mxs6re
It is true that it is reduced like so with CSS – http://prntscr.com/mxs76x

I believe that thumbnail size was considered to be the best choice for the mobile theme to use. There is no specific thumbnail created by or for the mobile theme, it will use that one. Retina will be twice the size of the normal size (530×396).

If you have a suggestion to improve on this functionality mention it here and I can pass it along to the developer team. But I can’t promise anything unfortunately.

Thanks

Post count: 75

@simon
I agree with you about 2x size for retina and it’s correct, issue come from Google Pagespeed
Google take image from srcset! and took exactly 4x size, which Google think is speed issue!

please check screenshot where it’s come

if I remove this part of code, google pass the page speed test!!!
So I think in mobile theme we have to add another rewriting of td_module class!

Check developer pagespeed report https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Freatlat.net%2F&hl=en

Google took the best size from assets, For my opinion we don’t need this srcset for mobile theme!

  • This reply was modified 7 years by reatlat.
  • This reply was modified 7 years by reatlat.
Post count: 20685

Thank you for the detailed feedback, noted.

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.