Performance, Copyright and License
Housekeeping
Homework
- Performance
- Fair Dealing
- Read: Fair dealing at UVic
- Licensing
1. Performance
Learning Objectives
- Define First Contentful Paint (FCP).
- Define First Meaningful Paint (FMP).
- Locate the Performance tab in browser Developer Tools
- Locate the Audit tab in Chrome Developer Tools.
- Profile a website using the Audit tab in Dev Tools.
Terminology
- First Contentful Paint (FCP)
- The first content that is rendered on the screen when users browse the website. It measures the time from navigation to the time when the browser renders the first piece of content defined in the Document Object Model (DOM). This can be text, an image or canvas render.
- First Meaningful Paint (FMP)
- The primary content of the page is visible. After the first meaningful paint render, it gives meaningful information to the users.
Materials
“Whenever you are testing your website on speed testing tools such as Google’s PageSpeed Insights, GTMetrix.com you see the result with First Contentful Paint and First Meaningful Paint along with other speed metrics. These are important user-centric metrics that can tell you a lot about how long your visitors are waiting for content.”
Activity: Performance Audits
You will work in groups of 3 or 4 for this activity.
After a short demo from your instructor, evaluate your favourite sites using the Performance and Lighthouse (an audit tool) tabs in Chrome Dev Tools.
- Which sites score the lowest?
- Which score the highest?
- In each case, what was the FCP and FMP?
Select a representative from your group to summarize your findings for the rest of the class.
2. Copyright & Licensing
Learning Objectives
- Describe the concepts of copyright, public domain and Creative Commons.
- List some of the ways you can legally obtain content to use for free on a website.
- Explain the potential legal issues around privacy laws and websites.
- Find tool alternatives with divergent searches.
Materials
Activity: Finding open asset alternatives
You will be working in groups of 3-4 for this activity.
Using Google Suggest, find relevant alternatives to the tools and services listed in the Open-source Assets Cheatsheet.
Are there any that should be listed in the Cheatsheet?
Clean up time!
Frequently Asked Questions
- Is performance more based on your own system or the actual website?
- A: Both!
- What’s the best liability insurance for software developers?
- A: Errors and Omissions