Current time: 12-07-2019, 11:50 PM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Huge delay between first byte and start to render
08-19-2015, 06:20 PM
Post: #1
Huge delay between first byte and start to render
Hey there,

in my test results you can see a huge delay between my first byte and the time when rendering starts.

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

Any idea how to improve that or what this is causing?
Find all posts by this user
Quote this message in a reply
08-21-2015, 10:14 AM
Post: #2
RE: Huge delay between first byte and start to render
Hi Seph,

Start Render is composed of Time to First Byte (TTFB) connect time, server response time, processing objects in the HEAD of your document, and initial page parsing and rendering.

Reviewing your waterfall,

1. you have about 900k+ of images in the start render path that you could push out after or possibly compress to reduce the size

2. Move more items out of the HEAD section and move them to the body

3. Most of time on each object is spent in the TTFB and content download phases. You could get a nice boost from using a CDN. Instartlogic.com does some things that would lend well to your site such as reducing your images size (without quality loss) and boosting TTFB and start render via HTML streaming.

Hope this helps!
Rich
Find all posts by this user
Quote this message in a reply
08-23-2015, 06:54 PM
Post: #3
RE: Huge delay between first byte and start to render
Thank you for the feedback. These instartlogic seems like it's only for high budget websites? Mine doesn't earn any money.
Find all posts by this user
Quote this message in a reply
08-26-2015, 07:02 AM
Post: #4
RE: Huge delay between first byte and start to render
Can you implement SPDY? Given the 'normal' size of the home page, this may help by removing latency overhead and downloading a lot of the resources in parallel through a single connection.
Find all posts by this user
Quote this message in a reply
08-28-2015, 03:38 AM
Post: #5
RE: Huge delay between first byte and start to render
(08-26-2015 07:02 AM)GreenGecko Wrote:  Can you implement SPDY? Given the 'normal' size of the home page, this may help by removing latency overhead and downloading a lot of the resources in parallel through a single connection.

No, sorry, that is not something I know about.

I made some settings to my cache, no my site seems to run fast on mobile and desktop. Can anyone confirm?

Anyhow, what is weird now here at webpagetest, the first start to render time is still slow but the second one is always very quick, below 1 second in general. Any reason for that?
Find all posts by this user
Quote this message in a reply
09-03-2015, 10:21 PM
Post: #6
RE: Huge delay between first byte and start to render
Can you link to updated test results? The improvement in repeat view is likely from caching but it could be caching in a lot of different places (browser cache for static files, server caches from hitting the page in the first view, etc).
Visit this user's website Find all posts by this user
Quote this message in a reply
09-04-2015, 01:06 AM
Post: #7
RE: Huge delay between first byte and start to render
I would look at solutions that put off loading of images until the page has fully rendered, possibly using something like this:
http://www.appelsiini.net/projects/lazyload

I specialise in speeding up websites.

Want a free quote? Just give us a private message and we'll see what we can do for you.
Find all posts by this user
Quote this message in a reply
09-04-2015, 11:55 PM (This post was last modified: 09-04-2015 11:56 PM by dfavor.)
Post: #8
RE: Huge delay between first byte and start to render
Something is very hinky (suspect) with your jpeg images.

The "Compress Images" block is showing as N/A, when you have many jpeg images.

Checking a few of your images, they all require being compressed + progressified.

WPT just doesn't grok (understand) them for some reason.

Try this experiment,

1) convert $in -strip -interlace Plane -gaussian-blur 0.05 -quality 95% $out on all your images

You'd really do this...
convert $in -strip -interlace Plane -gaussian-blur 0.05 -quality 95% $tmp
mv $in $in.orig
mv $tmp $in

2) if load time still to slow, arrange for images to be loaded via pageload event

Like help speeding up your site? Skype me @ ID davidfavor for a quote. Be sure to include your site name in your Skype Add Contact request.
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


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