- This topic has 15 replies, 2 voices, and was last updated 4 years, 10 months ago by
.
Hi,
When I rund a Google Pagespeed test on our blog posts, the score is terribly low and almost all of it is due to CSS and JS that is loaded by the theme. I thought Jevelin was supposed to be a theme aimed at speed, but it doesn’t seem to work out like that at the moment.
What can we do to improve? We have caching, DNS, and CSS minify in place but the score it still very low.
THanks,
Vincent
Hi Vincent,
I hope you are well today and thank you for your question.
I visited your shared site and saw this is not happening just because of the theme but also due to the plugins you are using on your site suh as Worth the read, thrive leads etc.
There can be various other reasons why your site is loading slow as described in the following pages.
https://www.bitcatcha.com/blog/2015/10-frustrating-reasons-why-your-website-speed-is-slow/
https://www.pickaweb.co.uk/kb/website-running-slow/
https://gtmetrix.com/why-is-my-page-slow.html
You can improve your site performance as described in the following pages.
http://www.wpbeginner.com/wordpress-performance-speed/
https://codex.wordpress.org/WordPress_Optimization/WordPress_Performance
https://wpengine.com/blog/page-speed-wordpress-performance/
https://themetrust.com/test-wordpress-site-performance/
To optimize images and load them faster, you can use any of the following plugins.
https://wordpress.org/plugins/ewww-image-optimizer/
https://wordpress.org/plugins/wp-smushit/
Best regards,
Shufflehound teamHi Shufflehound team,
Thanks for your response. Please look at the list below. 73.8% of the file size comes from files that have Jevelin in the name, plus bootstrap and jquery which are part of the theme too. No matter how much I’d optimize the other plugins, the biggest chunk is coming from the theme.
Thanks,
Vincent
<table width=”680″>
<tbody>
<tr>
<td width=”485″>URL</td>
<td width=”87″>Size</td>
<td width=”108″>Percentage</td>
</tr>
<tr>
<td>…block-library/style.min.css?ver=5.1.1</td>
<td>5 KB</td>
<td>1.4%</td>
</tr>
<tr>
<td>…min/wtr-css-v5.1.1.css</td>
<td>1 KB</td>
<td>0.3%</td>
</tr>
<tr>
<td>…min/fw-ext-builder-frontend-grid-v1.2.10.css</td>
<td>2 KB</td>
<td>0.6%</td>
</tr>
<tr>
<td>…min/fw-ext-forms-default-styles-v2.7.22.css</td>
<td>2 KB</td>
<td>0.6%</td>
</tr>
<tr>
<td>…css/font-awesome.min.css?ver=5.7</td>
<td>8 KB</td>
<td>2.3%</td>
</tr>
<tr>
<td>/css?family=…</td>
<td>1 KB</td>
<td>0.3%</td>
</tr>
<tr>
<td>…plugins/bootstrap.min.css?ver=3.3.4</td>
<td>25 KB</td>
<td>7.0%</td>
</tr>
<tr>
<td>…min/jevelin-plugins-v5.1.1.css</td>
<td>21 KB</td>
<td>5.9%</td>
</tr>
<tr>
<td>…min/jevelin-shortcodes-v5.1.1.css</td>
<td>28 KB</td>
<td>7.9%</td>
</tr>
<tr>
<td>…min/jevelin-styles-v5.1.1.css</td>
<td>36 KB</td>
<td>10.1%</td>
</tr>
<tr>
<td>…min/jevelin-responsive-v5.1.1.css</td>
<td>3 KB</td>
<td>0.8%</td>
</tr>
<tr>
<td>…min/jevelin-ie-v5.1.1.css</td>
<td>1 KB</td>
<td>0.3%</td>
</tr>
<tr>
<td>…uploads/jevelin-dynamic-styles.css?ver=760…</td>
<td>3 KB</td>
<td>0.8%</td>
</tr>
<tr>
<td>/css?family=…</td>
<td>1 KB</td>
<td>0.3%</td>
</tr>
<tr>
<td>…jquery/jquery.js?ver=1.12.4</td>
<td>39 KB</td>
<td>11.0%</td>
</tr>
<tr>
<td>…jquery/jquery-migrate.min.js?ver=1.4.1</td>
<td>5 KB</td>
<td>1.4%</td>
</tr>
<tr>
<td>…min/jevelin-plugins-v5.1.1.js</td>
<td>94 KB</td>
<td>26.5%</td>
</tr>
<tr>
<td>…min/jevelin-scripts-v5.1.1.js</td>
<td>12 KB</td>
<td>3.4%</td>
</tr>
<tr>
<td>…min/tve_style_family_tve_flt-v2.1.13.css</td>
<td>60 KB</td>
<td>16.9%</td>
</tr>
<tr>
<td>…css/frontend.css?ver=2.1.6</td>
<td>8 KB</td>
<td>2.3%</td>
</tr>
</tbody>
</table>Posting the list again because the formatting got messed up.
…block-library/style.min.css?ver=5.1.1
5 KB
1.4%
…min/wtr-css-v5.1.1.css
1 KB
0.3%
…min/fw-ext-builder-frontend-grid-v1.2.10.css
2 KB
0.6%
…min/fw-ext-forms-default-styles-v2.7.22.css
2 KB
0.6%
…css/font-awesome.min.css?ver=5.7
8 KB
2.3%
/css?family=…
1 KB
0.3%
…plugins/bootstrap.min.css?ver=3.3.4
25 KB
7.0%
…min/jevelin-plugins-v5.1.1.css
21 KB
5.9%
…min/jevelin-shortcodes-v5.1.1.css
28 KB
7.9%
…min/jevelin-styles-v5.1.1.css
36 KB
10.1%
…min/jevelin-responsive-v5.1.1.css
3 KB
0.8%
…min/jevelin-ie-v5.1.1.css
1 KB
0.3%
…uploads/jevelin-dynamic-styles.css?ver=760…
3 KB
0.8%
/css?family=…
1 KB
0.3%
…jquery/jquery.js?ver=1.12.4
39 KB
11.0%
…jquery/jquery-migrate.min.js?ver=1.4.1
5 KB
1.4%
…min/jevelin-plugins-v5.1.1.js
94 KB
26.5%
…min/jevelin-scripts-v5.1.1.js
12 KB
3.4%
…min/tve_style_family_tve_flt-v2.1.13.css
60 KB
16.9%
…css/frontend.css?ver=2.1.6
8 KB
2.3%
Yes, I have seent them.
Have you tried doing the things as described above to optomize your site?
Yes we do all these things.
On GT Metrix it actually looks good, with 3.2s loading time and 1.23Mb in size. But Google Pagespeed gives it a score of 12 out of 100, which is terribly low. Unfortunately, the Google score is the one that matters for SEO.
It doesn’t seem you are using any cache plugin on your site.
Also, you are using larger images than required and CSS files are not minimized as shared in the private reply.
You can also find out the slow speed reason using below tools and optimize them.
We use Ever Cache from WP Engine.
Images are all optimized using piio.co. This is not being flagged by any of the speed tests. Can you give an example?
On GTMetrix PageSpeed minified CSS and JS is all green.
The only improvement suggested on GT Metrix and Google is “Defer parsing of JavaScript” which refers to the files I asked about above.
Solution for this topic
You can defer parsing of javascript as described in the below pages.
https://www.hostinger.in/tutorials/wordpress/how-to-defer-parsing-of-javascript-in-wordpress
https://www.collectiveray.com/defer-parsing-of-javascript-wordpress-async
Ok it turned out to be caused by two specific plugins. One I could just remove, the other we use to add tracking pixels to the website.
Where can I add scripts for tools like intercom / segment? Normally I would put them in header.php before </head> but I tried that and it doesn’t work.
FYI I tried adding it in Custom Code but the tracking scripts don’t work there, so I will need to hardcode them before the </head> tag. Please let me know where to do this.
Actually it worked through the header.php now. Is there a way to had different trackers loaded on pages vs posts?
Actually it worked through the header.php now. Is there a way to had different trackers loaded on pages vs posts?
You can do that by developing custom code using the below functions.
https://developer.wordpress.org/reference/functions/is_page/
https://developer.wordpress.org/reference/functions/is_singular/
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Solution for this topic
Thanks. This has now been resolved.
You are most welcome here 🙂
