Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Think Fast: Getting started with website perfor...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Duncan Jimbo Duncan Jimbo
September 26, 2014
Programming
0
230

Think Fast: Getting started with website performance

This is my presentation at Little Rock Tech Fest held in beautiful Little Rock, AR.

Avatar for Duncan Jimbo

Duncan Jimbo

September 26, 2014
Tweet

More Decks by Duncan Jimbo

See All by Duncan Jimbo
Signs of the times: What road signs taught me about web design
Avatar for Duncan Jimbo duncanjimbo
0
220
Signs of the times: What road signs taught me about web design
Avatar for Duncan Jimbo duncanjimbo
0
190
Challenges of Designing for a CMS
Avatar for Duncan Jimbo duncanjimbo
0
210
Getting Started with Website Performance
Avatar for Duncan Jimbo duncanjimbo
0
350

Other Decks in Programming

See All in Programming
nuget-server - あなたが必要だったNuGetサーバー
Avatar for Kouji Matsui kekyo
PRO
0
290
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
200
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
820
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
7
2.7k
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
3
1.2k
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
480
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
690
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
160
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
150
モダンOBSプラグイン開発
Avatar for Kaito Udagawa umireon
0
160
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記 / "It’s Not Working!" A Struggle with Error Handling in API Platform using DI
Avatar for Maki Hayashi mkmk884
0
110
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
190

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
95
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
93
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
280
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
54k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.4k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
210
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k

Transcript

  1. Think Fast Getting started with website performance in the age

    of RWD

  2. Think Fast Getting started with website performance in the age

    of RWD

  3. Front-End Developer @duncanjimbo

  4. None
  5. None

  6. WHAT IS PERFORMANCE?

  7. “The delay perceived by a website visitor between an action

    and a response”

  8. PERFORMANCE IS PART OF THE EXPERIENCE

  9. PERFORMANCE IS NOT JUST THE RESPONSIBILITY OF DEVELOPERS

  10. PERFORMANCE IS YOUR BUSINESS

  11. EFFECTS OF POOR PERFORMANCE

  12. HIGH BOUNCE RATES

  13. LOWER PAGE VIEWS

  14. LOWER ENGAGEMENT

  15. LOWER CONVERSION RATES

  16. A SLOW SITE COSTS YOU MONEY

  17. BY THE NUMBERS

  18. Aberdeen Group “a 1 second delay in page load time

    equals 11% fewer page views, a 16% decrease in customer satisfaction, and 7% loss in conversions”

  19. Compuware/Equat!on Research “Nearly 60% of web users expect a website

    to load on their mobile phone in 3 seconds or less.”

  20. Compuware/Equat!on Research “71% of mobile users expected web pages to

    be as fast or faster than on a desktop - up from 58% in 2009.”

  21. Philip Tellis, Geek at LogNormal “What delighted users a few

    years ago is now an expected baseline, the absence of which will frustrate users.”

  22. WHERE THINGS ACTUALLY STAND

  23. Web Performance Today “The median top 500 e-commerce homepage takes

    9.3 seconds to load vs. 7.7 seconds a year ago.”

  24. Web Performance Today “The average webpage has gotten 31% fatter

    between 2013 and 2014.”

  25. IMPROVING PERFORMANCE

  26. MAKE PERFORMANCE A GOAL IN PROJECT DOCUMENTS

  27. SET A PERFORMANCE BUDGET

  28. “Removing important content to decrease page weight is not a

    performance strategy”

  29. DESIGN CHOICES IMPACT PAGE SPEED

  30. None

  31. DON’T BET ON A USER’S CONNECTION SPEED

  32. None

  33. PIZZA!

  34. None

  35. MAKE FEWER RESOURCE REQUESTS

  36. None

  37. At the time, viewing this page once would have cost

    $22 on Verizon’s cheapest plan Based on Verizon data plan costs as of April 2013

  38. MINIFY & CONCATENATE FILES

  39. OPTIMIZE IMAGES

  40. Average bytes per page by content

  41. LOAD CSS BEFORE JAVASCRIPT

  42. CONSIDER YOUR APPROACH WITH THIRD-PARTY SCRIPTS

  43. LAZY LOAD IMAGES

  44. CONDITIONALLY LOAD CONTENT USING MEDIA QUERIES

  45. BE EFFICIENT WITH DATABASE QUERIES

  46. USE CACHING EFFECTIVELY

  47. FINE-TUNE YOUR SERVERS

  48. CULTURE OF PERFORMANCE

  49. PERFORMANCE IS A JOURNEY, NOT A GOAL

  50. THANK YOU @duncanjimbo http://simplydano.com/lrtf