When designing for the web you need to take a lot of external factors into consideration. If you throw too many images, fonts and resource heavy features into a website you can cause performance issues that make the site unusable for the end user.
When you are creating your sites if you determine the external usability factors before you begin designing and coding a project you can avoid unusable sites by creating a performance budget.
768 kbps. One byte = 8 bits, so 3G translates roughly to about 96 kilobytes per second.
3000 kbps. One byte = 8 bits, so 4G translates roughly to about 375 kilobytes per second.
We will have 331kb to spend on our page. 331kb will take an average of 1 to 3 seconds to download on a 3G or 4G network.
- HTML
- CSS
- Webfonts
- Images
- JavaScript
- Img Srcset
- Which responsive images solution should you use?
- Picturefill: A responsive image polyfill
- ImageOptim
- SVG Editor
- Open Signal
- WebPagetest
- How to Make a Performance Budget
- Annabel Lee Tavern - Copy
- Annabel Lee Tavern - Photo
- Annabel Lee Tavern - Photo
- Patterson Perk - Copy
- Patterson Perk - Photo
- Patterson Perk - Photo
- Red Emma’s - Copy
- Red Emma’s - Photo
- Red Emma’s - Photo
- Red Emma’s - Photo
- Paper Moon Diner - Copy
- Paper Moon Diner - Photo
- Paper Moon Diner - Photo
- Enoch Pratt Free Library - Copy
- Enoch Pratt Free Library - Photo
- Enoch Pratt Free Library - Photo
- Edger Allen Poe House - Photo
- Edger Allen Poe House - Photo
- Edger Alle Poe Grave - Photo
- Font Awesome
- Titillium - Google Fonts & Titillium - Font Squirrel