Responsive Wordpress theme - maximized Pagespeed?

2 replies
  • WEB DESIGN
  • |
I took a look at my pagespeed optimization lately and the big culprit of my site loading slowly on mobile phones is "render-blocking javascript".

The javascript in question is actually the code that makes my website menu responsive to mobile screen sizes. Without it, my website would not have a useful menu for mobile. But with it, my website loads slower on mobile. This is a Catch 22 for me. My theme is the free version of Heatmap Adaptive theme if you want to check it out.

Does anyone know of how to make a responsive website menu that doesn't require javascript? Or preferably, a Wordpress theme that is built to be both mobile-responsive but also maximize page load speed?
#maximized #pagespeed #responsive #theme #wordpress
  • Originally Posted by Curtis2011 View Post

    Does anyone know of how to make a responsive website menu that doesn't require javascript? Or preferably, a Wordpress theme that is built to be both mobile-responsive but also maximize page load speed?
    Glad you asked. I made a video to show you how to do this with pure CSS.

    Signature
    Premium WooCommerce & WordPress Plugins $10/ea. or FREE With Membership. PluginForage.com
    {{ DiscussionBoard.errors[10182282].message }}
    • Profile picture of the author ClicProject
      If you could move the javascript that controls the menu to the foot of the page instead of loading it in your header, the rest of the page will load before this javascript executes.
      {{ DiscussionBoard.errors[10185210].message }}

Trending Topics