Thumbnail
Instant Page Speed Magic

Developed by

Intermediate
Intermediate

Minify your page content, Defer your JS and CSS assets loading, Lazy-Load your images, videos, iframes and others and Auto-Magically Take Your PageSpeed and LightHouse Scores Through the Roof to make Google Happy.

Instant Page Speed Magic automatically applies to your page you selected optimizations:

  • Defer loading your CSS and JS assets so your page doesn't wait to render
  • Make sure all JS is at the bottom and all CSS at the top to not block rendering (if you don't defer them)
  • Minify your page's HTML so it's much lighter
  • Lazy-load your images, videos, iframes
  • Lazy-load your core Google Maps
  • Lazy-load your CSS background images
  • Prefetch and preload remote assets
  • Add viewport tag if missing so your page is marked as responsive
  • Add a loading splash-screen
  • Automatically add fallbacks so it works even if JS is disabled

And absolutely everything is optional. You enable and disable what you want globally.

You also have a page attribute that lets you configure settings on specific pages if needed.

 

Will I really see results?

Yes, but how much depends on the kind of site you have.

At the very least your pages will be lighter because minified and compressed.

If your site is Image heavy or JavaScript heavy this tool will make it load faster through lazy loading. PageSpeed and LightHouse are most likely going to give you a higher score for that.

If you have 2 images and 1 script you might not see much of a difference with those options.

Other possibilities are available and they will all have some impact, again depending on your scenario.

Let's just say that if you already know you want to minify your pages because you care about your site being fast-loading, you'll be better served to get a tool that does more than just that. Every little bit counts.

How does it work?

Very simply.

  1. Go to dashboard/system/optimization/page_speed_magic. Every option comes with an explanatory help box.
  2. Alternatively, you can type "page speed magic" in your intelligent search box and you'll find the tool quickly.
  3. Select your options or just leave the default ones, they work pretty well.
  4. If you're logged in with Editing Permissions (Admin for instance) enable optimizations for users with editing permissions under the "System" tab so you can see it in action without logging out.
  5. Enable the system.
  6. That's it.

The system is always disabled when a page is in edit mode and you can decide if logged in users with or without editing permissions also get the optimization or not.

How do I customize optimizations on specific pages?

Again, it couldn't be much simpler

  1. Go to your page's attributes.
  2. Under the "Other" category look for the attribute labeled "Instant Page Speed Magic Configuration".
  3. Add it to your page
  4. Disable the system for that page if you want
  5. Or click on "Other Instant Page Speed Magic Options" to modify settings for the current page.
  6. Save.
  7. That's it.

Please, note that you can disable the whole system for specific pages using this attribute but you cannot enable it that way. Meaning that if the system is disabled globally you can't use this attribute to enable it for specific pages.

Can this plugin destroy my site?

No, it can't.

This plugin doesn't modify your pages in any way. It only takes the content generated by Concrete5 and optimizes it before displaying it to the viewer.

If for any reason your site's front-end stops working, all you need to do is navigate to dashboard/system/optimization/page_speed_magic in your dashboard and disable the system. Everything will go back to normal right away with zero consequences for your site.

Also note that this plugin never ever affects your dashboard in any way, shape, or form.

Will this plugin break functionality on my site?

It might but nothing that can't be fixed.

If you enable JavaScript optimization, certain script might not function correctly anymore.

You can fix that by either

  1. Modifying the script if possible
  2. Blacklisting troublesome scripts by using one of the methods described in the documentation
  3. Disabling JavaScript optimization in the settings either globally or for specific pages

Will my page really still work with JS disabled?

Yes, 99.99% of the time.

2 things to keep in mind
  1. You have to have selected the NO-JS fallback option in your settings. If it's disabled obviously it won't do you much good
  2. The only things that will not get a fallback are background images set in inline CSS. Those will just not show with JS disabled.

So if you have enabled the NO-JS option and you don't have CSS background images or don't care if users with no JS don't see them, then you're fine.

Of course, I can only vouch for what this plugin does. Anything you have on your page that requires JS, like galleries, sliders, custom players... won't work. But that has nothing to do with Page Speed Magic, that's just the way things are.

Current Version: 1.0.1
Fully Translatable: Yes
Needs External Libraries: No
Compatible 8.3.1+
License: Standard
Support Response: Replies to tickets every business day.
Support Hosted: On concrete5.org
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review