Are your page load times suffering because of the explosive growth in your visual media assets? There is a direct link between the speed and quality of delivered media assets to optimal user engagement, higher conversion rates, and improved SEO—making page load times especially critical. Yet, there has been an 85% increase in page weight over the past three years, and 75% of today’s websites are images and video, making the tradeoff between speed and engagement a tough one.

1. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Optimizing for Page Load Speed
Challenges and Strategies to Improve SEO,
User Engagement and Conversion Rates
Simon Tetelbaum
Sr. Solutions Engineer

2. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute. 2
Make your content relevant, engaging,
fun to use and fast

3. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Measure Everything
3

4. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Measuring Rendering: “The Classics”
4
"not every pixel has the same value" - Steve Souders

5. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Measuring Rendering: The New Hotness
5

6. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Figure out what’s slowing your customers down
6
Smart compression: balancing weight
versus image quality
Appropriate image delivery based on
browser knowledge
Pre-processing prior to uploading media
→ especially relevant for mobile
Improving page load times can stem from

7. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Blame Others
7
Site slowness often accounted for
by 3rd-party Ads & MarTech

8. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Media enhances user engagement
8
60,000x
source: animoto.com4x
as many people prefer to watch a video
about a product than read about it
source: brafton.com
faster brain processing of
visual images versus text

9. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Images and videos drive web payloads
9
Jan 2015 Jan 2018
85%INCREASE
1944kb
3588kb
25%
Fonts, CSS, HTML, Scripts
75%
Images and Video
Source: httparchive.org

10. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
The challenges for web and mobile developers
10
Handling multiple
image types across
different browsers:
JPEG-XR, WebP,
etc.
Page load times
and impact on
SEO, conversion
rates and other
business metrics
Automating the
management of
user generated
content and
personalized
content
Optimizing images
and videos for
faster loading
Adapting media
for responsive
delivery across
different
viewports

11. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
Content Optimization Matters
11

12. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
The business impact of page performance
12
of mobile
users abandon sites that take
longer than 3 seconds to load
July 2018: Google will
use mobile page speed
as a factor in
delay in page load leads to
11% decrease in page views
53%
Mobile sites that loaded in
_
earned almost double
the revenue of sites
that took 19 seconds.
5 seconds mobile
search rankings
1 second
SOURCE
SOURCE
SOURCE
SOURCE

13. © 2018 Cloudinary Inc., Confidential Information. Do Not Distribute.
The business impact continued
13

14. Additional Resources
Image Optimization: Expert Roundup
Cloudinary picked the brains of industry experts and got
their take on image optimization, the challenges they
face, and how to improve them.
https://cloudinary.com/blog/image_optimization_expert
_roundup
Cloudinary Visual Web
Resources about working with various image formats, and techniques
or best practices for image optimization, image compression, and
automated image encoding.
https://cloudinary.com/visualweb/