Learn Performance

Improve your website's speed and reliability to provide a better user experience. Use tools to monitor and optimize page load times, server response, and uptime.

All Performance content:

  1. How to “Lazy Load” Embedded YouTube Videos

    How to “Lazy Load” Embedded YouTube Videos

    Tutorial Intermediate

    In this tutorial I’ll explain how to “lazy load” multiple embedded YouTube videos. Doing so will improve the performance of our initial page load, and hand...

  2. How to Make a Basic AMP Page From Scratch

    How to Make a Basic AMP Page From Scratch

    Tutorial Intermediate

    In this tutorial we’ll be super practical, with a step by step guide for creating an AMP page from scratch, explaining how to do some common tasks the AMP...

  3. Quick Tip: Make AMP’s Inline CSS Easier With Jade or PHP

    Quick Tip: Make AMP’s Inline CSS Easier With Jade or PHP

    Tutorial Beginner

    If you see yourself making more than one AMP template you’ll want to find a way to write your CSS in an external stylesheet so your usual workflow is...

  4. AMP in 60 Seconds

    AMP in 60 Seconds

    Tutorial Beginner

    The AMP project is an open source initiative backed by Google, with the goal of making websites faster. Here’s what it is, in sixty seconds!

  5. AMP Project: Will it Make Your Sites Faster?

    AMP Project: Will it Make Your Sites Faster?

    Tutorial Beginner

    AMP is an initiative from Google, and has the goal of making mobile sites load faster whilst providing a better experience for users. In this article we’re...

  6. Performance Matters: Optimizing Page Load

    Performance Matters: Optimizing Page Load

    Course Beginner

    In this course you’ll learn how to improve web-page performance. We’ll cover what that means, why it’s so important to consider, and how you can optimize...

  7. Everything You Need to Know About Google Search Console

    Everything You Need to Know About Google Search Console

    Tutorial Beginner

    One of the first things you should do after launching a website is create a Google Search Console account. Why? Because it helps you understand how Google...

  8. Designing for the WATCH

    Designing for the WATCH

    Tutorial Beginner

    With the upcoming launch of Apple’s newest and shiniest product, the Apple Watch (err, WATCH) there are many designers out there itching to get a feel for...

  9. Quick Tip: Fewer Nodes = Lighter SVG

    Quick Tip: Fewer Nodes = Lighter SVG

    Tutorial Beginner

    Recently I found myself playing about on the snap.svg site (take a look if you haven't used it yourself yet). It has a really nice SVG polygon background on...