Home › Forums › Mikmag 3.0 › External CSS and JavaScript Conflict. load sequence and lots of Minifying to do.
- This topic has 1 reply, 2 voices, and was last updated 7 years, 10 months ago by admin.
-
AuthorPosts
-
-
at #81528DjusstattooMember
I analyzed my website because plugins were slowing it down and I barely have 10 plugins strict minimum. It was verry slow niw it’S doing a LOT better after analyzing it through GT Metrics That found a whole bunch of scripts needing to be minified both in CSS an JS. (I gained consistant speed shortening those files. GT metrics Gives you the optimized version of the scripts right on the analysis page with a copy of the actual one. About 2/3 of those .css and .js files come from Mikmag theme although TD shortcodes had few if i remember.
after fixing (if i understood the launch sequence corredctly). Now they are saying that all of this:
First of all They say the 2-3 roundtrips to the server to fetch:
/* =Import Styles
* WARNING: Do not remove these stylesheets
————————————————————– */
@import url(‘tdframework/css/normalize.css’);
@import url(‘tdframework/css/base.css’);
@import url(‘tdframework/css/responsive.css’);and before those 3 the one that leads to mikmag style.css from mikmag child. I suppose you think we all think of copying the mikmag file overrighting mikmag cinld one and that we are all gonna customyze this but to fetch that implicates time why didn’t you include the mikmak script there instead of
@import url(‘style.css’);
this wasn’t that big of a deal i went and copied them in the same style.css file IN mickmag child theme. Thats fixed now you judge if its an issue those @import url anyway I’m ok with this now.
Next,
The following external CSS files were included after an external JavaScript file in https://tatouagecalypso.com/. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
https://tatouagecalypso.com/wp-content/plugins/google-language-translator/css/style.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/mailchimp//css/flick/flick.css?ver=4.7.3
https://tatouagecalypso.com/?mcsf_action=main_css&ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/LayerSlider/static/layerslider/css/layerslider.css?ver=6.1.6
https://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700%7CCuprum:regular:400%7CLibre+Baskerville:regular,italic,700:400&subset=latin%2Clatin-ext
https://tatouagecalypso.com/wp-content/plugins/bbpress/templates/default/css/bbpress.css?ver=2.5.12-6148
https://tatouagecalypso.com/wp-content/plugins/buddypress/bp-templates/bp-legacy/css/buddypress.min.css?ver=2.8.2
https://tatouagecalypso.com/wp-content/plugins/wp-facebook-login/public/css/facebook-login.css?ver=1.1.6
https://tatouagecalypso.com/wp-content/themes/mikmag/tdframework/core/shortcodes/shortcodes.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag-child/style.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag/js/prettyPhoto/prettyPhoto.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag/tdframework/css/font-awesome.min.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag/tdframework/addons/bbpress/style-bbp.css?ver=4.7.3
https://fonts.googleapis.com/css?family=Almendra%7CStardos+Stencil%7CAlmendra+SC&subset=latin,latin-ext
https://tatouagecalypso.com/wp-admin/css/widgets.min.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/td-shortcodes/inc/css/animate.min.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/td-shortcodes/css/shortcodes.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/td-shortcodes/css/font-awesome.min.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/td-shortcodes//css/et-line-icons.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag/tdframework/addons/woocommerce/theme-woocommerce.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/themes/mikmag/tdframework/addons/buddypress/theme-buddypress.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/td-shortcodes/inc/css/boxed-content.css?ver=4.7.3
https://tatouagecalypso.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_gallery_display/static/trigger_buttons.min.css?ver=2.1.79
https://tatouagecalypso.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/nextgen_basic_thumbnails.min.css?ver=2.1.79
https://tatouagecalypso.com/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_pagination/static/style.min.css?ver=2.1.79
https://tatouagecalypso.com/wp-content/ngg_styles/nggallery.css?ver=2.1.79All of this script is 7280 lines long. Now i need to understand the launch sequence.
I would think that you load style.css bofore any external JS Ther are 4 places I can add those 7280 lines of script.
1 at the bottom of mikmag child style.css
2 IN header.php <style>p{color:red;}</style><p> between style attribute in mikmag header (before or after link elements there are 4 short scripts that should be inlined?) BEFORE scrpit element. I added them before them both.</p>I don’t know when this loads.
3 In those spaces available when under appearance you customize mikmag child theme in general and miscelanious. (these probably load last cause they override every.
thing else being personnal settings so I can’t put my late Css in here i Think.
4 In the proper file but it’S required to late so it won’t change anything.Where should I add these late scripts.
And because I love you I will remind you that the division by zero topic that was closed was closed by mistake (I didn’t look at the right page when I told you it was fixed with the update. It’s not, product description still display an error. Please read division by zero ill finish this story there.
-
at #81532adminKeymaster
This is beyond the free support we are offering.
-
-
AuthorPosts
- The topic ‘External CSS and JavaScript Conflict. load sequence and lots of Minifying to do.’ is closed to new replies.