SlideShare une entreprise Scribd logo
1  sur  20
How the brain
reacts to a slow
corporate website
A presentation from KW Digital
Websites get heavier and
heavier
kB
Larger pictures
More videos
Heavier scripts
Average bytes used per
page, divided by type
Images
Scripts
Stylesheets
Flash
HTML
Other
Heavy pages
are slow
pages
People don’t like slow
57% leave a slow site
after waiting 3 seconds
78% have experienced stress
or anger with a slow site
50% feel that websites are
slower now than five years ago
have thrown their mobile
phones away in anger
after experiencing a slow
website
Some people
really don’t
like slow 4%
We want you to be able to flick from
one page to another as quickly as
you can flick a page on a book. So
we’re really aiming very, very high
here… at something like 100
milliseconds.
– Urs Hölzle, Senior VP Operations, Google
The average web page
loads in 4.9 sec
That’s 4,900 times
longer than Google’s goal
But Why are we
so impatient
Short time memory
A Jakob Nielsen study from 2010
shows that negative reactions on
slow websites are connected
to our
How your brain perceives page load times
10 sec
Keeps your
attention… Barely
2 4 6 8 10 12 13 140
0.1 sec
Feels instantaneous
+10 sec
Loses you
1 sec
Lets you
think seamlessly
Based on a diagram from Strangeloop (http://thumbnails.visually.netdna-cdn.com/ThisIsYourBrainonaSlowWebsite_50abe136dc836_w1500.jpg)
And all these distractions
sure don’t help
It’s not rocket
science. It’s
biology!
How the memory works
– simplified crash course
Sensor memory: Visual memory.
Deleted every 100 milli second
Short term memory: Stores information
for 10-15 seconds, then it’s gone
Working memory: Your brain’s Post-it
notes and you only have a limited amount
(Long-term memory: Not relevant in this case)
When visiting a website, we use
different parts of our memory
your goal as a webmaster is to
Reduce the use of working memory.
Appeal to the sensor memory.
So keep it simple
and fast
Less use of brain capacity to
figure out the interface and
getting upset over slow
websites, allows your visitor
to actually focus on your
website. Not get distracted.
Be creative and make
beautiful websites
But not at the expense of
website speed
Because that’s also at the
expense of your visitors
In a nutshell
Contact us if you want to know more
about speeding up your website.
Or read these 5 tips from our expert
Wezz Balk:
Or read this
Next move

Contenu connexe

Similaire à How the brain reacts to a slow corporate website

Gameinspired ria-design-22459
Gameinspired ria-design-22459Gameinspired ria-design-22459
Gameinspired ria-design-22459
Apoorvi Kapoor
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
Fitra Sani
 

Similaire à How the brain reacts to a slow corporate website (20)

Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger BartelWeb Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
 
The Internet Is Slowing Down, Fast
The Internet Is Slowing Down, FastThe Internet Is Slowing Down, Fast
The Internet Is Slowing Down, Fast
 
2020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 1012020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 101
 
Tips tricks deliver_high_performing_secure_web_pages
Tips tricks deliver_high_performing_secure_web_pagesTips tricks deliver_high_performing_secure_web_pages
Tips tricks deliver_high_performing_secure_web_pages
 
Proven ways to improve your website performance optimizing front end and back...
Proven ways to improve your website performance optimizing front end and back...Proven ways to improve your website performance optimizing front end and back...
Proven ways to improve your website performance optimizing front end and back...
 
Leveraging Website Speed to Increase Sales
Leveraging Website Speed to Increase SalesLeveraging Website Speed to Increase Sales
Leveraging Website Speed to Increase Sales
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
MeasureWorks - Design for Fast Experiences
MeasureWorks - Design for Fast ExperiencesMeasureWorks - Design for Fast Experiences
MeasureWorks - Design for Fast Experiences
 
Speed in digital marketing en
Speed in digital marketing enSpeed in digital marketing en
Speed in digital marketing en
 
Core Web Vitals in Website Design.pdf
Core Web Vitals in Website Design.pdfCore Web Vitals in Website Design.pdf
Core Web Vitals in Website Design.pdf
 
Is Poor Performance Dragging You Down? Here are Five Strategies to Maximize P...
Is Poor Performance Dragging You Down? Here are Five Strategies to Maximize P...Is Poor Performance Dragging You Down? Here are Five Strategies to Maximize P...
Is Poor Performance Dragging You Down? Here are Five Strategies to Maximize P...
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 
Gameinspired ria-design-22459
Gameinspired ria-design-22459Gameinspired ria-design-22459
Gameinspired ria-design-22459
 
Ambient Personalization (Personalisation) and Rich Internet Mechanisms
Ambient Personalization (Personalisation) and Rich Internet MechanismsAmbient Personalization (Personalisation) and Rich Internet Mechanisms
Ambient Personalization (Personalisation) and Rich Internet Mechanisms
 
Web Page Speed - A Most Important Feature
Web Page Speed - A Most Important FeatureWeb Page Speed - A Most Important Feature
Web Page Speed - A Most Important Feature
 
Web performance101
Web performance101Web performance101
Web performance101
 
How well are you delivering your experience?
How well are you delivering your experience?How well are you delivering your experience?
How well are you delivering your experience?
 
Performance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For SpeedPerformance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For Speed
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 

Plus de Comprend

Corporate reporting workshop - 2014
Corporate reporting workshop - 2014Corporate reporting workshop - 2014
Corporate reporting workshop - 2014
Comprend
 
KWD Web Management Report 2013 (open resource)
KWD Web Management Report 2013 (open resource)KWD Web Management Report 2013 (open resource)
KWD Web Management Report 2013 (open resource)
Comprend
 

Plus de Comprend (20)

Visit our new official Slideshare account - Slideshare.com/comprendcom
Visit our new official Slideshare account - Slideshare.com/comprendcomVisit our new official Slideshare account - Slideshare.com/comprendcom
Visit our new official Slideshare account - Slideshare.com/comprendcom
 
How to attract job seekers with corporate communication
How to attract job seekers with corporate communicationHow to attract job seekers with corporate communication
How to attract job seekers with corporate communication
 
Annual reports in digital channels 2014 - Sharable scalable and usable
Annual reports in digital channels 2014 - Sharable scalable and usable Annual reports in digital channels 2014 - Sharable scalable and usable
Annual reports in digital channels 2014 - Sharable scalable and usable
 
Delbar, skalbar, användbar - årsredovisning i digitala kanaler
Delbar, skalbar, användbar - årsredovisning i digitala kanalerDelbar, skalbar, användbar - årsredovisning i digitala kanaler
Delbar, skalbar, användbar - årsredovisning i digitala kanaler
 
What the world's most shared website on Facebook can teach digital corporate ...
What the world's most shared website on Facebook can teach digital corporate ...What the world's most shared website on Facebook can teach digital corporate ...
What the world's most shared website on Facebook can teach digital corporate ...
 
KWD Web Management Report 2014 (open resource)
KWD Web Management Report 2014 (open resource)KWD Web Management Report 2014 (open resource)
KWD Web Management Report 2014 (open resource)
 
Corporate reporting workshop - 2014
Corporate reporting workshop - 2014Corporate reporting workshop - 2014
Corporate reporting workshop - 2014
 
Mobile and apps in corporate communications
Mobile and apps in corporate communicationsMobile and apps in corporate communications
Mobile and apps in corporate communications
 
Kwd webranking findings kwd webranking forum 2013-2014
Kwd webranking findings   kwd webranking forum 2013-2014Kwd webranking findings   kwd webranking forum 2013-2014
Kwd webranking findings kwd webranking forum 2013-2014
 
Workshop: Content marketing in a corporate context - 2014
Workshop: Content marketing in a corporate context - 2014Workshop: Content marketing in a corporate context - 2014
Workshop: Content marketing in a corporate context - 2014
 
Award ceremony for the best corporate websites in Europe - at KWD Webranking ...
Award ceremony for the best corporate websites in Europe - at KWD Webranking ...Award ceremony for the best corporate websites in Europe - at KWD Webranking ...
Award ceremony for the best corporate websites in Europe - at KWD Webranking ...
 
LinkedIn for companies - presentation by LinkedIn Sweden at KWD Webranking Event
LinkedIn for companies - presentation by LinkedIn Sweden at KWD Webranking EventLinkedIn for companies - presentation by LinkedIn Sweden at KWD Webranking Event
LinkedIn for companies - presentation by LinkedIn Sweden at KWD Webranking Event
 
Web managers' challenges - social media, content and mobile
Web managers' challenges - social media, content and mobileWeb managers' challenges - social media, content and mobile
Web managers' challenges - social media, content and mobile
 
Create better digital content - skapa bättre digitalt innehåll
Create better digital content - skapa bättre digitalt innehåll Create better digital content - skapa bättre digitalt innehåll
Create better digital content - skapa bättre digitalt innehåll
 
KWD Web Management Report 2013 (open resource)
KWD Web Management Report 2013 (open resource)KWD Web Management Report 2013 (open resource)
KWD Web Management Report 2013 (open resource)
 
KWD Webranking 2013 2014 - what's new
KWD Webranking 2013 2014 - what's newKWD Webranking 2013 2014 - what's new
KWD Webranking 2013 2014 - what's new
 
Digital IR Communications
Digital IR CommunicationsDigital IR Communications
Digital IR Communications
 
Digital IR Communications
Digital IR CommunicationsDigital IR Communications
Digital IR Communications
 
Customisation is the future of annual reporting. A presentation about digital...
Customisation is the future of annual reporting. A presentation about digital...Customisation is the future of annual reporting. A presentation about digital...
Customisation is the future of annual reporting. A presentation about digital...
 
SCAs online approach KWD Webranking Forum 2012
SCAs online approach KWD Webranking Forum 2012SCAs online approach KWD Webranking Forum 2012
SCAs online approach KWD Webranking Forum 2012
 

Dernier

一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
ayvbos
 
Russian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
Russian Escort Abu Dhabi 0503464457 Abu DHabi EscortsRussian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
Russian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
Monica Sydney
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
ydyuyu
 
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
ydyuyu
 
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girlsRussian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Monica Sydney
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Monica Sydney
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
ayvbos
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
gajnagarg
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
ydyuyu
 
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdfpdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
JOHNBEBONYAP1
 
75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx
Asmae Rabhi
 
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
pxcywzqs
 

Dernier (20)

一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
 
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
 
Russian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
Russian Escort Abu Dhabi 0503464457 Abu DHabi EscortsRussian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
Russian Escort Abu Dhabi 0503464457 Abu DHabi Escorts
 
Microsoft Azure Arc Customer Deck Microsoft
Microsoft Azure Arc Customer Deck MicrosoftMicrosoft Azure Arc Customer Deck Microsoft
Microsoft Azure Arc Customer Deck Microsoft
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
 
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
 
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girlsRussian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
 
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
 
Trump Diapers Over Dems t shirts Sweatshirt
Trump Diapers Over Dems t shirts SweatshirtTrump Diapers Over Dems t shirts Sweatshirt
Trump Diapers Over Dems t shirts Sweatshirt
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
 
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdfpdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
 
75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx
 
Power point inglese - educazione civica di Nuria Iuzzolino
Power point inglese - educazione civica di Nuria IuzzolinoPower point inglese - educazione civica di Nuria Iuzzolino
Power point inglese - educazione civica di Nuria Iuzzolino
 
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime NagercoilNagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
 
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
一比一原版(Offer)康考迪亚大学毕业证学位证靠谱定制
 
Best SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency DallasBest SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency Dallas
 
20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf
 

How the brain reacts to a slow corporate website

  • 1. How the brain reacts to a slow corporate website A presentation from KW Digital
  • 2. Websites get heavier and heavier kB
  • 4. Average bytes used per page, divided by type Images Scripts Stylesheets Flash HTML Other
  • 6. People don’t like slow 57% leave a slow site after waiting 3 seconds 78% have experienced stress or anger with a slow site 50% feel that websites are slower now than five years ago
  • 7. have thrown their mobile phones away in anger after experiencing a slow website Some people really don’t like slow 4%
  • 8. We want you to be able to flick from one page to another as quickly as you can flick a page on a book. So we’re really aiming very, very high here… at something like 100 milliseconds. – Urs Hölzle, Senior VP Operations, Google
  • 9. The average web page loads in 4.9 sec That’s 4,900 times longer than Google’s goal
  • 10. But Why are we so impatient
  • 11. Short time memory A Jakob Nielsen study from 2010 shows that negative reactions on slow websites are connected to our
  • 12. How your brain perceives page load times 10 sec Keeps your attention… Barely 2 4 6 8 10 12 13 140 0.1 sec Feels instantaneous +10 sec Loses you 1 sec Lets you think seamlessly Based on a diagram from Strangeloop (http://thumbnails.visually.netdna-cdn.com/ThisIsYourBrainonaSlowWebsite_50abe136dc836_w1500.jpg)
  • 13. And all these distractions sure don’t help
  • 14. It’s not rocket science. It’s biology!
  • 15. How the memory works – simplified crash course Sensor memory: Visual memory. Deleted every 100 milli second Short term memory: Stores information for 10-15 seconds, then it’s gone Working memory: Your brain’s Post-it notes and you only have a limited amount (Long-term memory: Not relevant in this case)
  • 16. When visiting a website, we use different parts of our memory your goal as a webmaster is to Reduce the use of working memory. Appeal to the sensor memory.
  • 17. So keep it simple and fast
  • 18. Less use of brain capacity to figure out the interface and getting upset over slow websites, allows your visitor to actually focus on your website. Not get distracted.
  • 19. Be creative and make beautiful websites But not at the expense of website speed Because that’s also at the expense of your visitors In a nutshell
  • 20. Contact us if you want to know more about speeding up your website. Or read these 5 tips from our expert Wezz Balk: Or read this Next move