Speed on mobile theme

Hi

I’m using 7.4 newspaper with mobile theme
all suggestion applied for speed up site

On desktop about 95, but on mobile (with mobile theme) is about 77.

Solution for mobile:

Delete JavaScript and CSS that block the view in above-the-fold content

http://www.site.com/…r/assets/css/js_composer.min.css?ver=7.4
http://www.site.com/…hemes/Newspaper/mobile/style.css?ver=7.4

How can i do?

Thanks

I Catalin, i know for home id like you see

My questione was about single articles. In that case is 77 on mobile.

Hi

I’ve checked a few single posts from your site and the resources which appear as render blocks are actually loaded in footer: http://screencast.com/t/0LyKjlI9TCo Google is very restrictive when it comes about mobile page speed and some things may be interpreted different then for desktop. We know about this situation and indeed it’s very strange but we can’t do much about it. The theme and plugins control only page’s html, not google’s algorithm in page speed regard.

Thanks!

Hi Andrei

also seems to me that js and css are in the footer and not in above-the-fold content …
the problem is that the score on smartphones is perhaps the most important and it is a shame not to be able to improve things ..

would be nice if you did succeed!

thanks!

You may find my optimization thread useful, and I’ll update this again soon.

Note the ONLY way to fully remove above the fold render blocking on mobile is to move style.css to footer, and then use a “Critical CSS Generator” to load ALL “above the fold” CSS content in the header file inline. Period.

Second, Google also has bee in their bonnet about “tap targets” — so stuff like tag or category links need padding between them for “tapping without touching other item” concept. Really annoying with stuff like footer text. But easily fixed with minor CSS tweaks.

Hi Chris,

really thank you, I found your thread very useful and I followed to the letter.
As you know optimizations work very well on the desktop but not on the mobile theme.

in particular it is really strange that google indicate these 2 files above the fold

http://www.site.com/…r/assets/css/js_composer.min.css?ver=7.4
http://www.site.com/…hemes/Newspaper/mobile/style.css ? ver = 7.4

when in fact they are in the footer…

so, you have a step by step solution to this problem that we can suggest with your expertise?

any advice would be greatly appreciated, as always

Thanks!

• This reply was modified 9 years by Bintmusic.
• This reply was modified 9 years by Bintmusic.

Sadly, I’m not using Newspaper anymore except on one blog thing of mine …. and have moved over fully to Newsmag 3.1, so any suggestions for the “mobile theme” here would be more anecdotal than specific, unfortunately.

Note that even if in footer, doesn’t help that issue with CSS, as page still cannot load “above the fold” without that CSS — hence why you need to use critical css generator to load the main CSS inline in the header.php — this way, mobile browser does not need to WAIT for the bottom of page CSS to load to render anything. Upshot, without the inline CSS, doesn’t matter WHERE the main css files are on page — entire page is “held up” by waiting for that to load, hence the error.

So
step 1 – generate critical css for page; step 2, have that code added to header.php before the closing </head> tag; step 3 have main css loaded in footer.

this way the ‘above the fold’ content loads without waiting for css file(s). :_)