Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
2021-01-11 09:22:48
30-Day Money-Back Guarantee

This course includes:

  • 4 hours on-demand video
  • 19 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development

Building Faster Websites: Get Started with Web Performance

Over 4 hours, learn web performance and how to improve loading speed by optimising HTML, CSS, JavaScript and more!
New
Rating: 4.6 out of 54.6 (10 ratings)
31 students
Created by Luke Harrison
Last updated 12/2020
English
English
30-Day Money-Back Guarantee

What you'll learn

  • What loading performance means and why it matters on today's web.
  • How you can measure loading performance to determine how fast a website loads.
  • Tools and techniques you can use to measure web performance across a variety of device types and network conditions.
  • Best practice performance optimisation techniques to reduce how long it takes the browser to download and render a website.
  • We'll download a slow website from Github and step by step make it load faster!
  • Take a website from 12 -> 100 on Google Lighthouse performance score.
  • No prior knowledge of web performance optimisation required.

Course content

10 sections • 41 lectures • 3h 51m total length

  • Preview03:33

  • Preview02:21
  • Preview04:17
  • Looking after Users
    05:14
  • Search Engine Optimisation
    02:47
  • Improving Conversions
    04:57
  • Perceived Performance
    04:21

  • How Browsers Load Websites
    08:14
  • About Measuring Web Performance
    06:42
  • Loading Performance Metrics
    09:46
  • Performance Budgets
    03:39
  • Performance Goals
    03:11
  • Establishing Testing Conditions
    09:25

  • What is Google Lighthouse?
    03:47
  • Running Lighthouse Audits
    02:25
  • Lighthouse in Node.js
    02:33

  • Running WebPageTest Audits
    08:19
  • WebPageTest Reports
    10:14

  • Basic RUM with Google Analytics
    03:12
  • Simulating Network Speeds
    07:53
  • Advanced Throttling & SPOF Testing
    03:38

  • Getting Started
    05:28
  • Prepare Testing Conditions
    03:41
  • Initial Performance Report
    02:33

  • HTTP Requests
    04:59
  • 3rd Party Static Assets
    05:05
  • Image Resizing
    08:24
  • Image Optimisation
    11:12
  • Resource Hints
    06:19
  • Async / Defer JavaScript
    03:06
  • Text Compression
    02:28
  • Text Asset Optimisation
    07:55
  • Critical CSS
    09:14
  • Google Fonts Optimisation
    03:13
  • Self-Hosted Fonts
    12:09
  • Lazy Loading
    06:11
  • Remove Unused CSS
    07:04
  • Remove Unused JavaScript
    09:44
  • Caching Strategies
    07:32

  • Final Performance Report
    03:37

  • Thank You
    01:12

Requirements

  • A basic understanding of typical Front-end developer skills such as HTML, CSS and JavaScript.

Description

The web needs more developers who understand web performance.

On today’s web, having a fast loading website is a priority. It’s an important part of everything from reducing bounce rates to improving search engine optimisation to even increasing the big one - conversions!

In “Building Faster Websites: Getting Started with Web Performance”, across 41 lectures totalling nearly 4 hours long, you’ll learn how to do just that, build websites which load faster and thus perform better.

Starting from scratch, we’ll cover a variety of theory based topics teaching you why loading performance matters, how to measure it and what tools to use. Next, we'll jump into a practical segment where we’ll implement best practice performance optimisation techniques on a dummy website’s HTML, CSS, JavaScript and more - taking it from a Google Lighthouse performance score of 12 all the way to 100!

No prior knowledge of web performance or loading performance optimisation is required, and with the knowledge and performance optimisation experience you'll gain from this course, you'll be able to deliver much more value to your clients or your employer.

If you're a web developer looking to expand your knowledge or even take the next step in your career, then front-end loading performance is a worthy specialisation to explore.

Who this course is for:

  • Web developers who know nothing about loading performance and are keen to learn.
  • Web developers who are wanting to build faster loading websites

Instructor

Luke Harrison
Web Developer
Luke Harrison
  • 4.5 Instructor Rating
  • 10 Reviews
  • 32 Students
  • 1 Course

Hi, I'm Luke Harrison, a Web Developer from the UK who has a keen interest in Web Performance and writing scalable CSS.

I've been working as a professional Web Developer for various businesses for over 10 years now. 

I also enjoy writing about web development, with published articles in print publications like Web Designer Magazine and on popular websites such as CSS Tricks and Smashing Magazine.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.