Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slow first load #49

Closed
denar90 opened this issue Nov 13, 2016 · 8 comments

Comments

@denar90
Copy link
Contributor

commented Nov 13, 2016

I was trying to load it using my phone (Mi Redmi 3) and got this results.
Either very very first load or after clearing all browser data it takes > 10 seconds.

code nasa gov first

Hot stuff is code-nasa-app.html.

With second load everything is fine (files are precached).

code nasa gov second

We can use here either vulcanize/crisper. @addyosmani any thoughts?

Update:

Moreover, here pwmetrics results

nasa code gov pwmetrics

@addyosmani

This comment has been minimized.

Copy link
Collaborator

commented Nov 16, 2016

@denar90 Thanks for the bug report. Could you share what network conditions you were testing over? I profiled the app before launch on slow 3G and we saw pretty good metrics across the board, but happy to take another look.

@samccone

This comment has been minimized.

Copy link
Collaborator

commented Nov 16, 2016

@denar90 mind sharing a timeline here
https://chromedevtools.github.io/timeline-viewer/


It looks like the network is the real cost here for you not really the JS overhead.

@denar90

This comment has been minimized.

Copy link
Contributor Author

commented Nov 16, 2016

@addyosmani @samccone thanks for reply.


My network conditions on PC (MacBook Pro 2011, 2.4 GHz Intel Core i5, 4 GB RAM) is ~15Mbps. Profiled with no network throttling, no CPU throttling.
Here is profiling.

First load, after Dev tools -> Application -> Clear storage -> Clear site data.

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://gist.githubusercontent.com/denar90/ce101b5e4b6633fdb11947a9fd387924/raw/068719f257608d594d645da64f68c546b38df818/code.nasa.gov.first-load

Second load (without clearing caches).

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://gist.githubusercontent.com/denar90/18c2221d6616655812815047f4022aad/raw/de5c7cd91805ee20c692f2f8b0d51d61288b43fb/code.nasa.gov.second-load


Mobile (Xiaomi Redmi 3, 1,5 GHz CPU, 2 GB RAM) network conditions ~2 Mbps.

First load, after Dev tools -> Application -> Clear storage -> Clear site data

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://gist.githubusercontent.com/denar90/b63ac7f98dace857d612a9cfa99b56ee/raw/a7f0556ee71489f34988fb845a8d15e97af5590f/mobile.code.nasa.gov.first-load

Second load (without clearing caches).

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://gist.githubusercontent.com/denar90/b0c243f62cc0c6fb022f72037733ee0e/raw/857f5548686e1fb3fa499365eb11921c914144f6/mobile.code.nasa.gov.second-load

And pwmetrics results one more time.

code nasa gov pwmetrics

~15Mbps have not to be a problem, have to?
Maybe here present some place for opportunity 😉 ?

@denar90

This comment has been minimized.

Copy link
Contributor Author

commented Nov 17, 2016

@samccone

This comment has been minimized.

Copy link
Collaborator

commented Nov 20, 2016

hmm looking at the trace, I get a feeling that the pipe size or bandwidth is not the real issue here rather the round trip cost to the server and back.

@denar90 mind running a traceroute on the site for me? I think that perhaps that gh pages have no close edge cache server location to you and so your request and the response is taking a long journey to get to you.

@denar90

This comment has been minimized.

Copy link
Contributor Author

commented Dec 6, 2016

@samccone should we close this one?

@denar90

This comment has been minimized.

Copy link
Contributor Author

commented Mar 3, 2017

Yeap, it was round trip problem. Thank you guys for your responses 👍

@denar90 denar90 closed this Mar 3, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants
You can’t perform that action at this time.