Website Performance Complete Training

Network, Memory and Rendering Optimizations - Tips and Tricks
4.0 (1 rating) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
43 students enrolled
$20
Take This Course
  • Lectures 22
  • Contents Video: 1 hour
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2014 English

Course Description

You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.

In this short course, you’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible.

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:

With the rise of mobile networks and devices, website performance is now absolutely critical to building good websites and web applications. Kyle dives deep into everything web performance from resource loading, to thread, animations, JSON, minification, image optimization and more!

What are the requirements?

  • Browser
  • Text Editor
  • Internet

What am I going to get from this course?

  • Bandwidth Optimization
  • Render Optimization
  • Memory Optimization

What is the target audience?

  • Web Developers
  • Phonegap Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Introduction
Preview
01:08
Section 2: Concepts
Web Performance Conceps
Preview
02:30
How does browsers Work?
Preview
03:51
Section 3: Bandwidth Optimization
Tools
Preview
04:40
Web Caching
04:04
CDN
02:17
Compression Resources
02:17
External JS and CSS Files - I
02:07
External Js and CSS Files - II
01:00
Minifying Resources
02:51
Use of Cookies
01:31
Section 4: Dealing with Images
Image Optimization
01:52
Use of Sprites
02:37
Data URIs
03:13
Responsive Images
03:04
Section 5: Memory Optimization
Multithreading
01:29
Global Variables
03:21
Section 6: Animations
Using requestAnimationFrame
02:55
CSS3 Transitions and Animations
01:32
Section 7: Miscellaneous
Preloading Resources
02:37
Lazy Loading Resources
01:30
Section 8: Conclusion
Conclusion
01:01

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

QScutter Tutorials, a place to learn technology

QScutter is a Indian based company that offers an ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples. The emphasis is on teaching real life skills that are essential in today's commercial environment. We provide tutorials for almost all IT topics.

Ready to start learning?
Take This Course