SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
11.
“1 in 4 visitors will abandon a
website if it takes longer than 4
seconds to load.”
Source: http://loadstorm.com/2014/04/infographic-web-performance-impacts-conversion-rates/
12.
“1 second delay in page load time
could cost Amazon $1.6 billion in
annual sales”
Source: http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales
13.
“Obama’s 2011 fundraising campaign raised an
additional $34 million when the Obama for
America website shrunk page load time from
5 seconds to 2 seconds”
Source: http://kylerush.net/blog/meet-the-obama-campaigns-250-million-fundraising-platform/
20.
About 75% of mobile users consider
mobile slower than desktop
About 40% of mobile users are unhappy
with their experience
Source: https://content.akamai.com/PG1526-PerformanceMatters.html
21.
About 20% of Americans depend on
smartphones almost exclusively for internet
access…
and out of those, 30% frequently reach
their Max Monthly Data Allowance
57.
Resize Images
• Do not upload raw images on the web
• Find the max width of the content area and use
that width to resize your images
• Resize them in bulk
66.
Recap
• Measure Performance
• Minimize request (less request, concatenate, and use CSS/
svg/icon fonts instead of graphics)
• Optimize request (cache and Gzip)
• Reduce size (minify and resize/optimize images)
• Automate (use tools like Grunt)
67.
There are more…
Other techniques that I’m currently looking into:
• Critical CSS
• Improving render times (like animation and fonts)
• Prefetching, Preloading and Prebrowsing
70.
Non-Technical Challenges
• Hard to measure (what is considered fast for a project?)
• Having a fast website is a given (never on a RFP or SOW)
• Getting buy-ins from client
• Dealing with “pretty” designs
• “Surprises” during development
71.
Recommendations
• Include Performance during discovery
(competitive analysis)
• Performance budget
(want something new? kill something else)
• Styleguide driven development
• Keep talking about it
72.
Thank You
Email: info@SangMinYoon.com
Twitter: @SMY315