Udacity - Website Performance Optimization Videos

seeders: 0

leechers: 2

Download torrent

Added on April 17, 2015 by sagarmredin Other > Tutorials
Torrent verified.

Main

add to bookmarks

Udacity - Website Performance Optimization Videos (Size: 591.17 MB)

		1 - Instructor Introduction.mp4	11.52 MB
		2 - Final Project Overview.mp4	3.8 MB
		3 - Tech Requirements.mp4	5.03 MB
		4 - Setup for mobile.mp4	7.25 MB
		5 - Using dev tools on mobile.mp4	10.98 MB
		6 - Mobile tools for iOS.mp4	1.63 MB
		7 - Using Screencast.mp4	8.41 MB
		01 - Critical Rendering Path Walkthrough.mp4	8.45 MB
		02 - Converting HTML to the DOM.mp4	19.32 MB
		03 - Fast Google Search Responses.mp4	7.12 MB
		04 - Exploring Timeline Traces.mp4	7.52 MB
		05 - CNNs Timeline Trace.mp4	18.15 MB
		06 - Can you summarize DOM construction.mp4	2.27 MB
		07 - Cameron Summarizes DOM Construction.mp4	5.65 MB
		08 - Can You Summarize DOM Construction.mp4	825.58 KB
		09 - Summarize DOM Construction Solution.mp4	8.73 MB
		10 - Converting CSS to the CSSOM.mp4	19.67 MB
		01 - Optimizing the DOM.mp4	10.37 MB
		02 - When will the page render.mp4	6.19 MB
		03 - When will the page render.mp4	3.7 MB
		04 - Unblocking CSS with Media Queries.mp4	19.73 MB
		05 - Which stylesheets are render blocking.mp4	1.05 MB
		06 - Which stylesheets are render blocking.mp4	5.23 MB
		07 - JavaScript and the CRP.mp4	13.75 MB
		08 - How will the text be rendered.mp4	2.16 MB
		09 - How will the text be rendered.mp4	3.86 MB
		10 - External JavaScript Dependencies.mp4	12.96 MB

Description

Lessons

Lesson 0 (20 minutes)

You can’t optimize what you can’t measure, so in this lesson you’ll learn how to open Chrome Developer Tools to measure the performance of mobile and desktop websites.

Lesson 1 (60 minutes)

Optimizing any website’s performance requires a strong understanding of how browsers build websites from HTML, CSS and JavaScript. You’ll start by breaking down the Critical Rendering Path - the steps the browser has to take to render a page. You’ll get an understanding of how:

HTML is converted to the Document Object Model (DOM).
CSS is converted to the CSS Object Model (CSSOM).
the browser runs layout to determine the position and size of elements before painting pixels on the screen.
Throughout the lesson, you’ll learn how to take advantage of the Timeline view in Chrome Developer Tools to measure each and every step’s performance on mobile and desktop.

Lesson 2 (90 minutes)

You’ll explore easy HTML, CSS and JavaScript optimizations with significant performance implications, some of which are as simple as adding a single attribute to an HTML tag! Along the way, you’ll be developing the skills to help you diagnose opportunities for optimizations, including:

building quick and dirty diagrams of the Critical Rendering Path.
identifying three key metrics to triangulate potential performance bottlenecks.

Sharing Widget

Download torrent

591.17 MB

seeders:0

leechers:2

Udacity - Website Performance Optimization Videos