1 of 20

Performance

2 of 20

Question:

What does it mean when we talk about a website’s performance?

​

2

3 of 20

Overview

Slides:

  1. Why performance is important
  2. Tools we can use

Group Tasks:

Quick audit of a site, build performance improvement action plan

Research performance terms/techniques and feedback to the main group

3

4 of 20

  1. Step one title
  2. Step two title
  3. Step three titlez

So… why is performance important?

4

5 of 20

High vs Low

What are some indicators that performance matters?��What could we measure?

5

6 of 20

Conversion

Usability

Visibility

7 of 20

Conversion

Getting your visitors to do what you want them to.

7

8 of 20

Usability

Page speed, load time, and website responsiveness to user requests directly impacts customer loyalty

​

8

9 of 20

Visibility

Website speed is one of the factors that Google takes into consideration when ranking sites.

​

9

10 of 20

10

The recommendation for page load time in 2018 is to be under 3 seconds.

11 of 20

  • Step one title
  • Step two title
  • Step three titlez

Tools

11

12 of 20

12

An open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more. https://developers.google.com/web

13 of 20

  • In pairs or threes take a look at a website using lighthouse.
  • Do a quick audit on performance and make a record of the results.
  • Research some of the things you could do to improve the performance and create a plan of action for 3 improvements

Task 1

30 mins

13

14 of 20

  • In your groups research 4 of the terms on the next slide.
  • Create a presentation to feed back to the group.
  • What are these techniques and how do they impact performance?

Task 2

30 mins

14

15 of 20

Group terms

  • CDN
  • Hosting
  • Images
  • Plugins/Modules
  • Minimising requests
  • Caching
  • Compression
  • Database optimisation
  • Webfonts
  • 404 errors
  • Redirects
  • Prefetching

​

15

16 of 20

  • Step one title
  • Step two title
  • Step three titlez

One Last Tool

16

17 of 20

17

A free tool that helps figure out what type of content you can use to keep your site running optimally http://www.performancebudget.io/

18 of 20

  • Step one title
  • Step two title
  • Step three titlez

Approach

18

19 of 20

Approach

  1. Check and evaluate the key factors of website success, considering conversion, visibility, and usability.
  2. Test your current website speed and prioritize the pages and features that need the most attention in regard to these three factors.
  3. Start your optimization with the most speed-reducing aspects and focus on the pages that define your conversion success the most.

​

​

19

20 of 20

  • Use some of the tools we have discussed today to run a performance audit on your blog and/or project site.
  • Come up with a list of improvements you could make

Task 3

Takeaway

20