Well, I’ve spent some hours trying to get the best score with the Newsmag theme. Right now I’m about 88-90 on dekstop. That’s a good score for me.
The problem it’s with the mobile score. Google Page Speed gives me something between 52 and 55, and mostly because of some unoptimized images. The images are indeed optimized, cos they are the same as the desktop version. These images are those that come from the slide. You can check the whole review here:
Is there any way to prevent this?
Also, I think we should keep a post in this forum with the page speed topic, for tips and all that stuff. 🙂
Not sure this is the answer, but check to see if the optimized sizes are actually being created; possibly add those sizes as the default sizes under WP > media settings so they are made in addition to the theme sizes. Problem with “mobile” images is they are responsive but no specific phone uses the same “sizes” for the viewport “width” so technically I suppose images will always end up being resized larger or smaller.
Google mod_pagespeed helps with this issue if your server/hosting company offers that.
But try the media sizes being served added to your media settings, regen thumbnails, then retry. Not sure that will solve it, but worth a try.
I admit I have not yet tested my install of Newsmag for page speed as still messing with the home page and logos today 🙂
Hi, Christopher. Images of slider are already optimized. Page Speed says the images are okay for desktop, but for mobile the still have to ve reoptimized or changed for a responsive size, I guess.
Yes. But if you dont have the smaller sizes, then the larger sizes are loaded. Reread the pagespeed page to see the actual problem.
Size is the problem…. Dimensions.
A.. You should not have images that need 100kb size reduction.
B. You should not ideally be loading the 1000 pixel wide images on iphone.
Try testing with gtmetrix as another option for better explanations of problem.
Slider may not have option to load smaller thumbnails for mobile device.
Thats, right Chris. Hope they can fix soon.
BTW, with your tips about minifying I’ve already reached a 90 score in Page Speed and 96 in GTMetrix. Thanx.
How can I specify the dimensions of the logo in the theme code?
Hi,
Thanks Christopher!
This issue is from sliders image which are loaded for the slider at 537px width and scaled on mobile, unfortunately we don’t have any way to prevent this at the moment.
You can add the logo dimensions and add the img width and/or height attributes here: http://screencast.com/t/qslqs9edG
Hope this helps!
Thanks
That’s what I thought. I don’t think slider is able to do “double loading” — meaning it’s doing ajax or whatever to load each “slide” as an image, but cannot also do “media query check” as each slide loads, as that would mean reloading the slide every time to check for viewport. Horribly complicated and almost means having to do a viewport check, THEN load “desktop slider” vs “mobile slider” with two different setups; meaning loading both large and small images like is done with logo. Problem there, however, is what size would somebody load for mobile since the viewports vary, and traditionally loading larger image and “scaling” it was fine since you’d get benefit of more pixels for retina without having to actually load a denser image.
In our case to this issue, the solution was running mod_pagespeed on the server as this optimizes and caches the most common “rendered size” — so if 80% of your audience was coming in on iPhone, viewing in portrait, and the 1073 image was loading as 573, then mod_pagspeed would make an optimized 573 size image and cache it; which would speed things up AND help with the “resize image” technical “problem” with mobile.
I cannot stress any more highly the benefit of mod_pagespeed for this kind of issue; and the fact it can generate optimized images for Chrome and other WebP image capable platforms (WebP more efficient than jpg).
If you can use a web hosting company using mod_pagespeed you will be amazed. Of course some CDN providers are now offering this, too, if your hosting provider doesn’t yet do so.
We do use mod_pagespeed, thanks to both. 😀
