CSS + jQuery + Bootstrap4 Optimization

This topic has 1 reply, 2 voices, and was last updated 5 years, 9 months ago by Anh Tran.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
July 9, 2019 at 4:17 AM #15296
Ben Wills
Participant
I just purchased this a week ago and am really loving it. Thank you for such a great piece of software.

After getting a bunch of posttypes, forms, etc, set up, I'm now in the process of optimizing front-end page load speed (I'm using MB Custom Tables on the backend) and customizing the design.

There are a few things I'd like to do. Can you give me some pointers on these?
- How can I move the CSS inserted near the footer (e.g. /meta-box/css/style.css and others) back up into the head of the document?
- Metabox automatically loads jQuery from WordPress (/wp-includes/js/jquery/jquery.js), which is v 1.12.4. To avoid using multiple versions of jQuery, I'd like to use the most recent included in Bootstrap4 (jquery v3+). Can I remove the /wp-includes/js/jquery/jquery.js files included by Metabox?
Thanks for any help you can provide on this.

Ben

Add New Note to this Reply
July 9, 2019 at 9:15 AM #15297
Anh Tran
Keymaster
Hi Ben,

These are interesting questions!
- CSS: in the MB Frontend Submission extension, the CSS is outputted in the same location as the form. It's not in the header nor footer. The plugin uses wp_enqueue_style to output the CSS. Unfortunately, this function doesn't support the location of the CSS (header, footer). I'd suggest optimizing the CSS with a minify plugin like Autoptimize.
- jQuery: jQuery is registered by WordPress and you should not remove it. A safe way to use the latest version of jQuery is using the plugin Use Google Libraries or this technique. In either way, please test it first.
Add New Note to this Reply
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.