1 / 12

Browser Rendering Optimization - Edukite

The Browser Rendering Optimization course is designed to help you to destroy jank and create web apps that maintain 60 frames per second performance.<br>See More: https://bit.ly/30fa5Ns<br><br><br>

Edukiteuk
Download Presentation

Browser Rendering Optimization - Edukite

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 9/17/2019 Browser Rendering Optimization - Edukite HOME / COURSE / PERSONAL DEVELOPMENT / BROWSER RENDERING OPTIMIZATION Browser Rendering Optimization   ( 9 REVIEWS ) 476 STUDENTS The course is designed to help you to destroy jank and create web apps that maintain 60 frames per second … TAKE THIS COURSE FREE  1 YEAR https://edukite.org/course/browser-rendering-optimization-google/ 1/12

  2. 9/17/2019 Browser Rendering Optimization - Edukite  LEVEL 2  COURSE BADGE  COURSE CERTIFICATE 73 NUMBER OF UNITS 0 NUMBER OF QUIZZES  1 HOUR, 37 MINUTES     HOME CURRICULUM REVIEWS The Browser Rendering Optimization course is designed to help you to destroy jank and create web apps that maintain 60 frames per second performance. You will learn the tools that you need to identify the causes of jank. The course also focuses on the browser’s rendering pipeline and uncovers patterns that make it easy to build performance apps. Upon completion, you will be able to build high-performance web apps. Assessment This course does not involve any written exams. Students need to answer 5 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work. Certification Edukite courses are free to study. To successfully complete a course you must submit all the assignment of the course as part of the assessment. Upon successful completion of a course, you can choose to make your achievement formal by obtaining your Certi?cate at a cost of £49. Having an Of?cial Edukite Certi?cation is a great way to celebrate and share your success. You can: Add the certi?cate to your CV or resume and brighten up your career Show it to prove your success   Course Credit: Google COURSE CURRICULUM https://edukite.org/course/browser-rendering-optimization-google/ 2/12

  3. 9/17/2019 Browser Rendering Optimization - Edukite Lesson 1: The Critical Rendering Path   Course Introduction 00:01:00   Lesson Introduction 00:01:00   Juddering 00:01:00   Frames 00:01:00   Milliseconds Per Frame 00:01:00   What Goes Into One Frame 00:02:00   Render Tree Quiz 00:01:00   DOM, CSSOM, Render Tree 00:03:00   Layout 00:01:00   Layout and Paint 00:02:00   Rendering Quiz 00:01:00   Final Project 00:01:00   Lesson Outro 00:01:00 Lesson 2: App Lifecycles   Introduction 00:01:00   RAIL 00:01:00   Load and Idle 00:01:00 https://edukite.org/course/browser-rendering-optimization-google/ 3/12

  4. 9/17/2019 Browser Rendering Optimization - Edukite   RAIL – Animations Part 2 00:01:00   Rendering Animations 00:01:00   Interactions and Animations 00:01:00   RAIL Thresholds Review 00:01:00   RAIL Scenario 1 00:01:00   RAIL Scenario 2 00:01:00   Lesson 2 Outro 00:01:00 Lesson 3: Weapons of Jank Destruction   Lesson 3 Introduction 00:01:00   The Timeline in Depth 00:03:00   Reading the Timeline 00:01:00   Identifying Jank Sample 00:02:00   Test… All the Devices!!! 00:01:00   Setup for mobile 00:01:00   Using dev tools on mobile 00:01:00   Mobile tools for iOS 00:01:00   More Timeline Practice 00:01:00   Finding Janky Functions 00:01:00 https://edukite.org/course/browser-rendering-optimization-google/ 4/12

  5. 9/17/2019 Browser Rendering Optimization - Edukite   Finding More Jank 00:01:00   Lesson 3 Outro 00:01:00 Lesson 4: JavaScript   Lesson 4 Introduction 00:01:00   Just in Time 00:02:00   Optimizing JS for Animations 00:01:00   RequestAnimationFrame 00:03:00   JavaScript Pro?le 00:02:00   Long Running JS 00:01:00   Web Workers 00:03:00   JS Memory Management 00:02:00   A Snappier QR Code App Pt. 1 00:01:00   A Snappier QR Code App Pt. 2 00:02:00   Lesson 4 Outro 00:01:00 Lesson 5: Styles and Layout   Lesson 5 Introduction 00:01:00   The Cost of Style Changes 00:01:00   Selector Matching 1 00:02:00 https://edukite.org/course/browser-rendering-optimization-google/ 5/12

  6. 9/17/2019 Browser Rendering Optimization - Edukite   Selector Matching 2 00:01:00   Recalculate Styles 00:01:00   Layout Thrashing 00:02:00   FSL 00:01:00   Stopping FSL Strategy 00:01:00   Causes of Forced Synchronous Layout 00:02:00   Stop FSL 00:02:00   Lesson 5 Outro 00:01:00 Lesson 6: Compositing and Painting   Lesson 6 Introduction 00:01:00   Paint Rectangles 00:01:00   Paint Pro?ler 00:01:00   Compositing 00:01:00   Conceptual Question about Layers 00:03:00   Composite Layers 00:01:00   Managing Layers 00:01:00   Managing Layers 2 00:03:00   Will-Change 00:01:00 https://edukite.org/course/browser-rendering-optimization-google/ 6/12

  7. 9/17/2019 Browser Rendering Optimization - Edukite   Your Compositing Budget 00:01:00   Layer Counting 00:02:00   Make Some Quizzes 00:02:00   The Final Project 00:02:00   Course Outro 00:01:00 Assessment   Submit Your Assignment 00:00:00   Certi?cation 00:00:00 COURSE REVIEWS 4.7   9 ratings https://edukite.org/course/browser-rendering-optimization-google/ 7/12

  8. 9/17/2019 Browser Rendering Optimization - Edukite 0 5 STARS 0 4 STARS 0 3 STARS 0 2 STARS 0 1 STARS NO REVIEWS FOUND FOR THIS COURSE. RELATED COURSES https://edukite.org/course/browser-rendering-optimization-google/ 8/12

  9. 9/17/2019 Browser Rendering Optimization - Edukite Steam and Gas Power Systems FREE 1441   Certi?cate in Multiphase Flows FREE 1249   https://edukite.org/course/browser-rendering-optimization-google/ 9/12

  10. 9/17/2019 Browser Rendering Optimization - Edukite Digital Elevation Models and Applications FREE 1255   476 STUDENTS ENROLLED https://edukite.org/course/browser-rendering-optimization-google/ 10/12

  11. 9/17/2019 Browser Rendering Optimization - Edukite BEST RECOMMEND COURSES 1909: The People’s Budget   ( 9 REVIEWS ) 1253 STUDENTS 21st Century Marketing   ( 6 REVIEWS ) 721 STUDENTS 70-697 – Con?guring Windows Devices   ( 7 REVIEWS ) 1336 STUDENTS SUBSCRIBE TO OUR NEWSLETTER Get top tips & guidance from our in-house study abroad experts Your Email Submit USEFUL LINKS About Terms & Conditions Privacy Policy Cookie Policy Contact INQUIRY https://edukite.org/course/browser-rendering-optimization-google/ 11/12

  12. 9/17/2019 Browser Rendering Optimization - Edukite  3 Lower Thames Street,London,EC4R 6HE.  020 3934 9675  info@edukite.org COPYRIGHT © BY EDUKITE     https://edukite.org/course/browser-rendering-optimization-google/ 12/12

More Related