[Support request] Decreasing loading speed: jquery / unused CSS

[Juan]

Hello everyone,

I am trying to have a really fast delivering website. I am using generate press, the Marketer template. When scanning with google insights, I am seeing delay with a few CSS and jquery that probably my installation is not using at all.

How can I disable some of the stylings or improve their loading speed. The delays for each one of them is pretty big taking into account what the site has to load. Any help is appreciated it.

[Juan]

By the way, if you do right click on the image, open in a new tab, it shows the speeds and the code I am referring to.

Thanks!

[Juan]

This is for the render blocking resources:

=======================================================================

URL
Size (KB)
Potential Savings (ms)
/css?family=Open+Sans:300,regular,italic,600,700(fonts.googleapis.com)
1 KB
230 ms
…css/unsemantic-grid.min.css?ver=2.2.1(affiliate-search.com)
3 KB
70 ms
…generatepress/style.min.css?ver=2.2.1(affiliate-search.com)
7 KB
150 ms
…css/mobile.min.css?ver=2.2.1(affiliate-search.com)
2 KB
150 ms
…css/style-min.css?ver=1.7.7(affiliate-search.com)
2 KB
150 ms
…css/sticky.min.css?ver=1.7.7(affiliate-search.com)
1 KB
150 ms
…css/menu-logo.min.css?ver=1.7.7(affiliate-search.com)
1 KB
150 ms
…jquery/jquery.js?ver=1.12.4(affiliate-search.com)
37 KB
190 ms
…jquery/jquery-migrate.min.js?ver=1.4.1(affiliate-search.com)
5 KB
70 ms
============================================================================

This is for the Maximum critical path latency, hope it helps:

Maximum critical path latency: 2,380 ms
Initial Navigation
/ (affiliate-search.com)
/css?family=Open+Sans:300,regular,italic,600,700 (fonts.googleapis.com) – 50 ms, 1.31 KB
…css/unsemantic-grid.min.css?ver=2.2.1 (affiliate-search.com) – 700 ms, 2.95 KB
…js/sticky.min.js?ver=1.7.7 (affiliate-search.com) – 1,040 ms, 3.31 KB
…js/wp-embed.min.js?ver=4.9.9 (affiliate-search.com) – 580 ms, 1.17 KB
…jquery/jquery-migrate.min.js?ver=1.4.1 (affiliate-search.com) – 1,040 ms, 4.53 KB
…js/menu.min.js?ver=2.2.1 (affiliate-search.com) – 150 ms, 1.54 KB
…generatepress/style.min.css?ver=2.2.1 (affiliate-search.com) – 700 ms, 6.79 KB
…dist/frontend.min.js?ver=2.1.0 (affiliate-search.com) – 150 ms, 1.33 KB
…css/style-min.css?ver=1.7.7 (affiliate-search.com) – 700 ms, 1.53 KB
…v15/mem5YaGs1….woff2 (fonts.gstatic.com) – 570 ms, 14.65 KB
…css/sticky.min.css?ver=1.7.7 (affiliate-search.com) – 700 ms, 0.85 KB
…jquery/jquery.js?ver=1.12.4 (affiliate-search.com) – 1,040 ms, 36.7 KB
…js/a11y.min.js?ver=2.2.1 (affiliate-search.com) – 150 ms, 1.22 KB
…css/menu-logo.min.css?ver=1.7.7 (affiliate-search.com) – 700 ms, 1.02 KB
…css/mobile.min.css?ver=2.2.1 (affiliate-search.com) – 700 ms, 1.7 KB
…v15/mem8YaGs1….woff2 (fonts.gstatic.com) – 570 ms, 14.16 KB

[David]

Hi there,

try using GTMetrix to test the site, google pagespeed really is hit and miss. I ran the site on GTMetrix and it loads in under 0.9s…..

[Juan]

Thanks for your reply David.

Is there a way I can cut down some of those resources?

Thanks,
Best

[David]

For CSS Style Sheets – Not really – as it would require editing the style sheets and that would entail you knowing every CSS Rule you require.

If you disable the Sticky Navigation then your site won’t load jQuery ( unless another plugin requires it ).

But looking at the waterfall report on GTMetrix you will see that the largest part of the time taken is making the request and waiting for the server to respond. Not the actual time it takes to the load the files.

[Juan]

Reason I asked is because I have put the site on a private vps so it delivers faster.

I will try with the sticky cookie thing. Any other tip will be appreciated!

Thanks David.

[David]

I don’t think the size of those files are really a big concern. They will cached by the browser so they will only need to load once. We provide this optimization advice, the autoptimize plugin and settings will combine files to minimize requests:

https://generatepress.com/fastest-wordpress-theme/

[Juan]

This is focused towards first time visitors, so we want to really make it fast, I will take a look!

Thanks again David!
J.

[David]

Those optimization rules and a good server and well optimized content ( ie. keep your images small ) will make it super fast 🙂

[Juan]

Hi David,

I did some minifications of CSS and HTML. I even checked to remove jquery mini but it still shows on the insights. It is interesting that it shows 100 performance for web, but 73 for mobile. Is there something I can do to improve these numbers, for some reason there is quite a difference depending whether they are mobile or web:

Many thanks in advance,
Best,
J.

[David]

It looks like you need to check the CSS options for optimize code, aggregate CSS files and inline CSS

[Juan]

This is not good. I made a first post on the blog, reduced all images, added autoptimize as well and I am getting 34% in mobile and 99% in desktop.

The theme is not doing good at mobile, and I don´t know why… I am sorry but this is not working as it is not optimized for mobile:

[David]

I just ran a mobile lighthouse report on the site and got this:

The online mobile pagespeed test is really hit and miss, the above report uses exactly the same tools with a simulated 3G connection.

[Author]

Posts