NEW Web Secrets Speed Up Webpage Loading 2021 7 Parts
Focused View
7:05:49
3 View
01-course intro.mp4
03:15
02-what this skillshare class covers.mp4
01:18
03-how browsers used to work.mp4
01:31
04-ajax.mp4
04:36
05-dont get lost in all the detail.mp4
01:51
06-xmlhttprequest object.mp4
04:24
07-building the xmlhttprequest object.mp4
09:22
08-dealing with response data.mp4
06:02
09-ajax example-displaying time from a server.mp4
07:11
10-building our custom time function.mp4
05:47
11-picture and name example.mp4
07:25
12-defining our request listener function.mp4
11:02
13-summary of the xmlhttprequest object.mp4
02:08
14-fetch().mp4
03:26
15-setting up our fetch.mp4
01:52
16-fetch using json.mp4
02:02
17-fetch with a post request.mp4
11:53
18-fetch vs xhr.mp4
09:08
19-conclusion.mp4
02:25
section 1 - project.pdf.pdf
01-class introduction.mp4
01:04
02-browser intro.mp4
03:33
03-w3c standards.mp4
02:46
04-browser request.mp4
01:33
05-what are packets.mp4
02:32
06-tcp overview.mp4
04:39
07-tcp process.mp4
03:47
08-http intro.mp4
02:47
09-http request and response.mp4
04:51
10-outro.mp4
01:36
section 2 - project.pdf.pdf
01-introduction to the class.mp4
01:29
02-what does this class cover .mp4
01:52
03-4 steps to how a browser renders a page.mp4
04:01
04-how the browser works.mp4
12:56
05-crp summary.mp4
02:55
06-constructing the dom (byets and characters)-part 1.mp4
03:22
07-constructing the dom (byets and characters)-part 2.mp4
03:48
08-quick recap.mp4
02:14
09-performance tab-introduction.mp4
10:54
10-call tab-introduction.mp4
03:52
11-bottom up and edge tools-introduction.mp4
07:21
section 3 - project.pdf.pdf
01-class introduction.mp4
01:32
02-intro to cssom.mp4
01:32
03-why have a css tree.mp4
04:20
04-css recalculate style.mp4
02:38
05-render tree construction.mp4
02:04
06-render tree-challenge.mp4
02:57
07-render tree-solution.mp4
01:15
08-combining dom and css to form the render tree.mp4
01:54
09-comparing dom cssom and render tree.mp4
10:32
10-render tree layout process.mp4
02:05
11-layout on google.mp4
02:11
12-paint process.mp4
01:45
13-summary.mp4
02:06
section 4 - project.pdf.pdf
01-class introduction.mp4
02:18
02-render blocking resources-introduction.mp4
03:37
03-solving css rendering with media queries.mp4
05:18
04-media type query-proof is in the pudding.mp4
07:06
05-how do browsers render a page.mp4
01:42
06-javascript and the dom.mp4
03:11
07-order of your code matters-part 1.mp4
05:58
08-order of your code matters-part 2.mp4
06:12
09-javascript and cssom.mp4
01:34
10-javascript has to wait for the cssom.mp4
02:20
11-step back.mp4
02:57
12-where can you place your javascript code.mp4
03:32
13-12 placing js at the bottom of the page.mp4
07:27
14-async.mp4
05:54
15-async vs bottom.mp4
01:21
16-defer.mp4
03:48
17-custom event-part 1.mp4
05:22
18-custom event-part 2.mp4
07:50
19-18 async vs defer vs custom.mp4
03:26
20-preload.mp4
05:15
21-recap-where can you place js code.mp4
03:45
22-putting it all together.mp4
01:46
23-speculative parser.mp4
12:53
24-outro.mp4
02:13
section 5 - project.pdf.pdf
01-course intro.mp4
01:44
02-network panel.mp4
01:59
03-network panel-waterfall intro.mp4
02:09
04-waterfall-more detail.mp4
08:18
05-response and request headers.mp4
02:39
06-time column and the waterfall.mp4
01:35
07-time bards-3 things to watch out for.mp4
02:12
08-breaking up time.mp4
00:38
09-time phases explained.mp4
11:50
10-what is a cdn .mp4
05:18
11-closing comments.mp4
00:49
section 6 - project.pdf.pdf
01-class introduction.mp4
01:33
02-analyzing all network requests.mp4
11:30
03-network requests-overview.mp4
02:52
04-how to analyze our simple page.mp4
02:53
05-size column (bonus lecture).mp4
01:08
06-critical resources and server roundtrips.mp4
03:06
07-adding css and js to our file.mp4
08:09
08-rendering our page.mp4
01:32
09-js and css effect on the critical rendering path.mp4
07:47
10-inline javascript.mp4
02:43
11-async attribute.mp4
03:22
12-take a step back.mp4
04:36
13-lighthouse intro.mp4
01:58
14-lighthouse example.mp4
07:02
15-you are finished.mp4
02:21
section 7- project.pdf.pdf
More details
User Reviews
Rating
average 0
Focused display
SkillShare
View courses SkillShareSkillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.
- language english
- Training sessions 103
- duration 7:05:49
- Release Date 2024/03/07
