Current time: 12-14-2017, 06:57 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Please help: Very slow "Start Render" time
10-31-2015, 09:37 PM (This post was last modified: 10-31-2015 09:42 PM by Seph.)
Post: #1
Please help: Very slow "Start Render" time
As you can see in the test result, my "Start Render" time is very bad. More than five seconds. I spent more than 500 US-Dollar on Speed optimiation services but none of the "experts" could solve or at least tell me what the issue is. Why is the start render time so slow? Any help or hint would be very appreciated!

http://www.webpagetest.org/result/151031_JV_EP4/

I don't think it is the theme since that has good results:

http://www.webpagetest.org/result/151031_3K_ERN/
Find all posts by this user
Quote this message in a reply
10-31-2015, 10:29 PM (This post was last modified: 10-31-2015 10:31 PM by akshayranganath.)
Post: #2
RE: Please help: Very slow "Start Render" time
Here's a few things that can reduce the start render by a small amount: You are using a lot of different CSS and JS files. Try to merge them into a single file. This will avoid network round trips. The resulting file will compress better as well.

If you want to get into more complex optimization, consider if you really need all the JS files CSS resources or if they can be loaded using async or if they can be defered until after the page onload. eg: If you run your site home page through the Google PageSpeed, it says that there are a lot of render blocking JS and CSS objects. If you can make them async or defer, you should see improvements.
https://developers.google.com/speed/page...ab=desktop

To test this theory, I tried to load the site with Javascript disabled. You have done a very good job where almost the whole site loads with no JS support. The only objects missing were a few menu items. If this is the case, then I'd recommend that you try adding the "async" attribute to all your JS calls. It is definitely worth a shot.

Of course, please try on a test domain and check so that you don't impact any site functionality.

Hope this helps.

I forgot to add: Your DOM processing takes a lot of time as well. After the low hanging changes are done, you could consider if there is something to simply in your page structure. Here's a DOM complexity report that appears to indicate the same:
http://yellowlab.tools/result/e8o2dxhczc

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
10-31-2015, 10:32 PM
Post: #3
RE: Please help: Very slow "Start Render" time
Thank you for your very helpful insights. This is the stuff I expected the speed optimization guys to do it. Why they did not I don't know. Sad

Anyway, since I'm not a programmer basically I have no idea how to try these things you mentioned. Is it possible to solve it via plugins? How much working hours would that be?
Find all posts by this user
Quote this message in a reply
10-31-2015, 11:17 PM
Post: #4
RE: Please help: Very slow "Start Render" time
I'm glad it was useful!

Regarding the availability of tools / plugins, here's what I know:
1. Merging CSS and JS files: There are lot of plugins out there. This site has a huge list of tools available for perf optimization: http://perf.rocks/tools/. Do note that you may need to merge them in right order - especially for JS files. It would be good if you can take help from developers so that dependencies are handled correctly. This can even be integrated to your build process.

As a one time job, this would be quicker. A very rough ball-park is around 20 hours of effort.

2. Re-ordering resources: This is a bit more involved and will need your team to make the change, test it for functionality. After that, you can check for performance benefits. Ideally, you should pick the page that are most critical like home page and then work through the rest of site.

Estimating effort for this would be very hard. Please do note that this will be ongoing effort and could need constant monitoring.

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
10-31-2015, 11:19 PM (This post was last modified: 10-31-2015 11:33 PM by Seph.)
Post: #5
RE: Please help: Very slow "Start Render" time
Thank you. I'm working with wp-rocket right now which is already minifying and merging JS I think. But this can't be the only reason for slow render can it? There got to be another one...

Also I just noticed that there are a lot of facebook calls albeit I'm not using facebook. Analytics seems to be slow too. Is there a way to block these facebook requests?

http://prnt.sc/8xf8bg
Find all posts by this user
Quote this message in a reply
11-01-2015, 12:43 AM
Post: #6
RE: Please help: Very slow "Start Render" time
Seph,

Comparing your old waterfall to a newer one:
http://www.webpagetest.org/result/151031...1/details/
it seems that you have done a better job of combining js and css files.

Just glancing at the current waterfall, if you find the spot where the start to render is and what file is around that point it's this js file.
https://vrodo.de/wp-content/plugins/wysi...gine-de.js

The page won't start to render if that js file is at the bottom of your html. Try moving it to the top or lazy load it in some way. If you can do that my guess is that your start to render time would be about 1.5 seconds.

Craig
Find all posts by this user
Quote this message in a reply
11-01-2015, 01:06 AM
Post: #7
RE: Please help: Very slow "Start Render" time
Thanks a lot!! That is from the mail poet newsletter plugin. Do you have any idea how I can move it?
Find all posts by this user
Quote this message in a reply
11-01-2015, 02:35 AM (This post was last modified: 11-01-2015 02:38 AM by Seph.)
Post: #8
RE: Please help: Very slow "Start Render" time
Made another test with the plugin disabled, so the JS should be gone. But the start render time is just as slow as before. So that probably wasn't the culprit?

http://www.webpagetest.org/result/151031...1/details/

Maybe it's the icons.woff? Any way to test that? But that is in the original theme as well and that renders much faster...
Find all posts by this user
Quote this message in a reply
11-01-2015, 11:07 PM
Post: #9
RE: Please help: Very slow "Start Render" time
Seph,

I have not used wp-rocket. So I can't comment on the kind of optimization it produces.

In the meantime, I looked at the HTML code for the home page and I had some queries. You already have a bunch of stylesheets. Yet, there is a lot of style information towards the end of your HTML document. Within this, you have definition of the 'body' and many other tags. Is this by design? Can this style be moved to before the <body> tag? This must be causing delays as well since the browser can't render until this part is parsed.

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
11-01-2015, 11:34 PM
Post: #10
RE: Please help: Very slow "Start Render" time
Is this because I'm using a child theme setup? Are you talking about the child theme css which is loading instead of the standard themes css? I wouldn't know how to use it, I just implented it in wordpress like it is standard.
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)