Hi,
I’m trying to do something to improve the Page Speed on Mobile
I currently have 94 desktops and only 74 of the mobile
… the difference seems too high: can there is nothing to do?
The Page Speed suggestions for mobile are the usual:
Delete JavaScript and CSS that block the view in above-the-fold content
Remove JavaScript:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
…content/plugins/cookie-notice/js/front.js
…/themes/Newspaper/js/tagdiv_theme.min.js
/wp-includes/js/comment-reply.min.js
Optimize delivery CSS
http://fonts.googleapis.com/…,400italic,600italic,400,600,700&ver=6.7
http://fonts.googleapis.com/…,400italic,700,500italic,400,300&ver=6.7
http://fonts.googleapis.com/css?family=Droid+Serif:400,700&ver=6.7
…content/themes/Newspaper/style.css?ver=6.7
Anyone has any suggestions or managed in some way to improve the situation by changing the code?
If nothing is possible the developers have in mind this critical for future versions?
Thanks!
Hi,
There usually is a difference between the mobile and desktop version. We already have this on our list and we will improve the mobile version in a future update.
Maybe you can squeeze a bit more speed by following Chris’ optimization tutorial: https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thank you!
Google got really picky about the render blocking stuff on mobile, so by default it *is* about 20 points lower. That is “normal” unless you do some major hacking to WP.
Once you view my thread and do all you can, the last steps would be a bit complex for average user, which requires
a) unhooking loading Google fonts from the theme, and capturing the CSS from Google and putting that in your style.css file; or for fastest speed replace Google fonts with “web safe” font stack (requires unhooking Google fonts in theme main includes/function file AND search/replace main style.css to optimize fonts used by choosing web-safe font stacks)
b) un-enqueuing the style.css and loading in footer.php; then using criticalCSS generator to put above the fold CSS “inline” in the header.php file.
c) using wp-booster to move all JS to footer
What is “possible” ?
Well, the project I’m working on right now I have
Mobile = 98/100
Desktop = 99/100
UX = 100/100
This is without a caching plugin, using mod_pagespeed, with https, and with photo and user photo (loaded locally, not off gravatar.com)
