HN Academy

The best online courses of Hacker News.

Hacker News Comments on
Website Performance Optimization

Udacity · 3 HN points · 4 HN comments

HN Academy has aggregated all Hacker News stories and comments that mention Udacity's "Website Performance Optimization" .
Course Description

Learn how browsers convert HTML, CSS and JavaScript into websites while you experiment with Chrome Developer Tools to measure and optimize website speed!

HN Academy Rankings
Provider Info
This course is offered on the Udacity platform.
HN Academy may receive a referral commission when you make purchases on sites after clicking through links on this page. Most courses are available for free with the option to purchase a completion certificate.
See also: all Reddit discussions that mention this course at reddacity.com.

Hacker News Stories and Comments

All the comments and stories posted to Hacker News that reference this url.
I'd be interested in other resources for this too. The best I can think of is Udacity's Web Performance Optimization class[0]. It's by Ilya Grigorik, chair of the W3C Web Performance working group.

Other than that there are some older docs for the Blink engine which drives Chromium. It's much more low level and hard to follow though[1][2].

The Navigation Timing spec is good for building an understanding of the major events that go into a page loading and creating HTML elements[3]. It's not the whole picture but gives the timings for navigation and DOM element events.

[0] https://www.udacity.com/course/website-performance-optimizat...

[1] https://www.chromium.org/developers/the-rendering-critical-p...

[2] https://docs.google.com/document/d/1wYNK2q_8vQuhVSWyUHZMVPGE...

[3] https://www.w3.org/TR/navigation-timing/#processing-model

Oct 07, 2015 · FLGMwt on A Guide to Fast Page Loads
Udacity has some really awesome free courses from Google devs about this: Website Performance Optimization[1] and Browser Rendering Optimization[2]

[1]: https://www.udacity.com/course/website-performance-optimizat...

[2]: https://www.udacity.com/course/browser-rendering-optimizatio...

Nice! I'll definitely be doing this course; the previous one about optimizing sites to load fast (critical rendering path) was extremely well done. [1]

I've been doing a lot of work optimizing an HTML5 webapp for an embedded platform lately, and it's been extremely challenging. So much information about the guts of browser rendering engines is either buried in mailing list posts or not there at all.

FWIW, I found Safari to have some very nice tooling for optimizing animations. In particular the Layer Panel (shows you the memory usage for all the composited layers) was something I miss in Chrome. I also find Safari's way of displaying how many repaints/texture uploads to be a bit nicer on the eyes than Chrome's epilepsy-inducing flashing :)

As a former game developer, I find all this stuff really interesting, and it's nice to have these kind of engineering challenges and learning to get your teeth stuck into.

[1] https://www.udacity.com/course/ud884

This looks like the course: https://www.udacity.com/course/ud884

Blog post announcement: http://blog.udacity.com/2014/06/new-mini-course-website-perf...

But it looks like this was made available in June.

Jun 19, 2014 · 3 points, 0 comments · submitted by sandeshd
The Critical Rendering Path
HN Academy is an independent project and is not operated by Y Combinator, Coursera, edX, or any of the universities and other institutions providing courses.
~ [email protected]
;laksdfhjdhksalkfj more things
yahnd.com ~ Privacy Policy ~
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.