- This topic has 3 replies, 2 voices, and was last updated 1 year, 11 months ago by Tom.
August 25, 2019 at 10:02 pm #993445fabien
I’ve been using Autoptimise which I see you recommend on a regular basis. I am quite happy with it but I like Hummingbird’s ability to selectively inline and/or combine and/or minify and/or move assets to the footer and/or simply not load at all! All to get that first paint render as quick as possible, particularly on 3G mobile connections (30% of our traffic).
Are you able to provide some guidance on what can be tweaked on Generate Press re: Hummingbird? What I’m looking for is to find out what css/js is render blocking (critical) and what can be safely moved to the footer or inlined or combined.
0.0KB — style.min.css
29.3KB — style.min.css
28.4KB — 5008-layout.css
36.1KB — all.min.css
0.3KB — style.css
5.2KB — style-min.css
7.0KB — style.min.css
1.8KB — mobile.min.css
1.8KB — sticky.min.css
6.4KB — offside.min.css
0.3KB — icons.min.css
3.1KB — navigation-branding.min.css
6.2KB — buttons.min.css
7.2KB — admin-bar.min.js
96.9KB — jquery.js
10.1KB — jquery-migrate.min.js
8.4KB — sticky.min.js
5.7KB — offside.min.js
6.1KB — md5.js
1.0KB — util.js
18.4KB — 5008-layout.js
16.2KB — underscore.min.js
9.1KB — wphb-global.min.js
2.4KB — classList.min.js
4.1KB — menu.min.js
2.2KB — a11y.min.js
2.5KB — dropdown-click.min.js
2.1KB — navigation-search.min.js
0.7KB — back-to-top.min.js
1.4KB — wp-embed.min.js
156.7KB — Chart.min.js
12.6KB — chartjs-plugin-datalabels.min.js
4.0KB — core.min.js
36.5KB — datepicker.min.js
25.3KB — infinite-scroll.pkgd.min.js
1.4KB — scripts.min.js
Generate fontsAugust 26, 2019 at 9:07 am #993924TomLead DeveloperLead Developer
We don’t have any specific instructions on this at the moment. In most cases, almost everything can be pushed down.
I would start by combining everything, and then looking at your website. That will tell you which elements need their CSS to be higher up in your source. I’d be happy to take a look once you’ve combined everything 🙂August 26, 2019 at 5:51 pm #994211fabien
Alright… after extensive testing, I get much better GT Metrix results out of the box with Autoptimize compared to Hummingbird. So I will stick to that.
– Any advice on manually moving certain useless scripts to the footer? (or just not load at all)?
– Also on the URL I indicated (any page except the home), my top bar appears very tall for a second before resuming to normal size. I would be grateful if you could let me know the CSS or JS I need to exclude from Autoptimize in order to fix that.
– Last but not least, GoogleSpeed insight tell me jquery contributes for 50% of the render block on mobile, what is that? (compared to desktop).August 27, 2019 at 8:21 am #994706TomLead DeveloperLead Developer
Not sure what’s causing the top bar to do that. Perhaps it’s the icons loading before their CSS? If you remove the icons temporarily, does the issue go away?
That’s likely because jQuery is loading in the head as opposed to the footer. You could try moving it to the footer, but it may break: https://wordpress.org/plugins/scripts-to-footerphp/
- You must be logged in to reply to this topic.