anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer...
DESCRIPTION
TRANSCRIPT
![Page 1: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/1.jpg)
Yottaa Inc. 2 Canal Park 5th FloorCambridge MA 02141http://www.yottaa.com
An Experts Guideto making a website slow!!!
October 13th, 2011
Presented at O’Reilly’s Web 2.0 Expo in NYCBob Buffone, CTO - Yottaa
![Page 2: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/2.jpg)
22
Agenda
• The Web… Its complicated• Things that make a website slow• How can you make your website faster?
![Page 3: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/3.jpg)
THE WEB… IT’S COMPLICATED
© 2011 Yottaa Inc. All Rights Reserved. 3
![Page 4: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/4.jpg)
In between your visitors and you
4
100+ factors…
Data centers
Major ISPs
CDNs Geography Last Mile Browsers Users
Performance uncertainty
3rd party assets/widgets
![Page 5: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/5.jpg)
THINGS THAT MAKE YOUR WEBSITE SLOW
5© 2011 Yottaa Inc. All Rights Reserved.
![Page 6: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/6.jpg)
Lots of Requests
• Product owners want rich websites– Rich in User Experience– Rich in Visual Presentation
• Achieving richness requires more resources to be downloaded to the client– CSS– HTML– JavaScript– Images
6
![Page 7: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/7.jpg)
Fat Resources
• Many of the resources that you need to load can be made fatter than required– HTML, CSS, JavaScript – Add lots of
comments and white space– Images
• Use images that are larger than displayed on the webpage
• Always use the highest quality settings
• Turn off gzip compression on your server
7
![Page 8: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/8.jpg)
Bad Servers
• There are many things that can make your servers slow– Poorly written code– Bad database design– Sharing a server with others– Old Servers– Not enough memory– Slow hard drives
8
![Page 9: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/9.jpg)
Randomness
• This is one of the hard things to add your site to make it slow.– Some of your users will experience a slow
website• It only takes one resource to slow down
your website.
9
![Page 10: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/10.jpg)
Do not use caching
• The web allows you to specify which resources the browser will cache on the visitor’s machine
• Not specifying cache control correctly means the browser will need to load resources for every page and
10
![Page 11: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/11.jpg)
3rd Party Plugins
• Bloggers love to make their websites slow using plugins.– Twitter, Facebook, Google Plus, LinkedIn– Photo plugins…
• Not utilizing asynchronous loading of 3rd party resources.
11
![Page 12: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/12.jpg)
Other things you can do
• Redirect from www to non-www using client-side– Use a 302 redirection instead of 301
• Add requests to resources that do not exist (404)• Run JavaScript code while your page is loading.• Only look at how fast your site is from your desktop• Think your website is fast enough• Do not test your websites performance• Think your developers would never do any of these
things
12
![Page 13: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/13.jpg)
HOW CAN YOU MAKE YOUR WEBSITE FASTER?
© 2011 Yottaa Inc. All Rights Reserved. 13
![Page 14: Anti design patterns - an experts guide to making a slow website - yottaa site speed optimizer launch week at web 2 0 expo](https://reader033.vdocuments.site/reader033/viewer/2022051608/545aec64b1af9f37608b5e1a/html5/thumbnails/14.jpg)
THANK YOU FOR YOUR TIME
14
Yottaa
Bob (Buffone)Twitter: @RockstarappsCTO/Co-founder
www.yottaa.comTwitter: @Yottaa
Come and check us out in the Expo Booths!!!