what makes mobile websites tick - oredev

copy 2014 ATampT Intellectual Property All rights reserved ATampT and the ATampT logo are trademarks of ATampT Intellectual Property

What Makes Mobile Websites Tick How Do We Make Them Faster Insights from WebPagetest and HTTPArchive

dougsillars ATampT andydavies NCC Group


Why Mobile Web

85 of survey respondents said mobile devices are a central part of everyday

life

httpblogssalesforcecomcompany201402mobile-behavior-reporthtml


Why Mobile Web

In the 2013 Holiday Season more than half of Amazon customers shopped with a mobile device Between Thanksgiving and Cyber Monday 5 toyssecond were purchased via mobile

httpphxcorporate-irnetphoenixzhtmlc=176060ampp=irol-newsArticleampID=1886961amphighlight=


Why Mobile Web

By the end of this year we (Yahoo) will have more mobile traffic than PC traffic

Marissa Meyer CEO Yahoo

httpwwwcnbccomid101353869


Why Mobile Web

50-56 of Etsy Traffic is Mobile

httplaraswansoncommobileweb


DATA ndash Add 160KB to a page

Bounce rate +12 on mobile

SPEED ndash 40 exit a site if gt 3s load time ndash 64 expect a site to load in lt 4s

Why Mobile Performance

4 of mobile users admit to throwing their phones out of frustration from slow sites

httplaraswansoncommobileweb httpwwwflickrcomphotos9009139N081263954439 httpwwwmobilejoomlacommobile-joomla-blog172-responsive-design-vs-server-side-solutions-infographichtml


Website Performance ndash webpagetestorg

Oredevorg on Motorola G

bull 989 KB60 requests bull 23s (first load) 35s (2nd load)

bull CSS bull Images bull Javascript bull Font


SpeedIndex Measure of Visual Performance

Speed Index (Top) = 1200 Speed Index (Bottom) = 9000


copy 2014 ATampT Intellectual Property All rights reserved ATampT and the ATampT logo are trademarks of ATampT Intellectual Property httpmobilehttparchiveorg


How Mobile Data is Collected

bull Scans ~5000 mobile URLs twice a month bull Mobitest agent running on iPhone 4

running iOS 511 located in Dulles USA bull Network profile (simulated 3G network)

ndash 16Mbps download 768Kbps upload 300ms RTT


Challenge of HTTP Archive Data

bull Sites outside US incur extra latency ndash affects timings (requests amp page size less

affected)

bull iOS test agent is old and misses some metrics eg TTFB

bull Data is noisy


How Many Requests Do Mobile Pages Make




Regularly Fails in Mobile Test


The Daily Mail

NOT OPTIMISED FOR MOBILE

Sunday 8th June

ndash 764 requests ndash 96MB download ndash 80 domains

ndash First Byte 15s ndash Start Render 13s ndash SpeedIndex 14065

How often does it fail in real life


How Big are Mobile Pages

46 under 500 KB 91 under 2MB 87 mobile sites over 3MB


Speed Index vs Page Size

Small Page size does not guarantee speed


Speed Index vs Requests

Low Number of Requests does not guarantee speed


Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests

bull Multiple Redirects


Low Request and Byte Count

bull Multiple scripts

bull Head of line blocking


Large KB Many Requests163 requests 811 KB SpeedIndex 4560 Scripts loaded at end Async when possible 105 images might

benefit from Spriting


So What Makes a Site Very Fast


Minimize The Number Of RequestsMedian Requests vs Speed Index

0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000


Sites with SpeedIndex lt 2000

bull No external render blocking resources In a high latency environment overhead of redirects and waiting for external render blocking resources kills performance


CSS Requests and SpeedIndexbull Count of CSS Requests

ndash Grouped by SpeedIndex

0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000


Faster Sites Compress Text FilesSpeedIndex vs Gzipped HTML files

000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count


Some worrying trendshellip


Pages Are Still Getting Bigger


Our Base Page Isnrsquot Changing Much


JavaScript Has Grown 25 in 12 Months


CSS has Grown By a Third


Images are Bulk of Download


Lots of focus on HTML CSS JS and images buthellip


Fonts ndash 250 Growth in 12 Months


Most Pages Donrsquot Use Fonts


Most Pages Donrsquot Use Fonts Buthellip

Yes some sites really do download 17MB+ of fonts Itrsquos a desktop sitehellip but stillhellip


On the Other Handhellip




Fonts can come with a penalty

May blocking rendering to prevent FOUT



bull Lazy load ndash Use a default and replace

bull Cache in localstorage (Guardian)

bull Web Font Loader JS bull Font Load Events API


Open Sans - 221kB $ amp ( ) + - 0 1 2 3 4 5 6 7 8 9 lt = gt A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z | ~ iexcl cent pound curren yen brvbar sect uml copy ordf laquo not reg macr deg plusmn sup2 sup3 acute micro para middot cedil sup1 ordm raquo frac14 frac12 frac34 iquest Agrave Aacute Acirc Atilde Auml Aring AElig Ccedil Egrave Eacute Ecirc Euml Igrave Iacute Icirc Iuml ETH Ntilde Ograve Oacute Ocirc Otilde Ouml times Oslash Ugrave Uacute Ucirc Uuml Yacute THORN szlig agrave aacute acirc atilde auml aring aelig ccedil egrave eacute ecirc euml igrave iacute icirc iuml eth ntilde ograve oacute ocirc otilde ouml divide oslash ugrave uacute ucirc uuml yacute thorn yuml Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı Ĳ ĳ Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ŉ Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ ƒ Ơ ơ Ư ư ǰ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ș ș Ț ț ȷ ʼ ˆ ˇ macr ˘ ˙ ˚ ˛ ˜ ˝ ˳ ΄ ΅ Ά Έ Ή Ί Ό Ύ Ώ ΐ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω Ϊ Ϋ ά έ ή ί ΰ α β γ δ ε ζ η θ ι κ λ micro ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϊ ϋ ό ύ ώ ϑ ϒ ϖ Ѐ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ѝ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ѐ ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ѝ ў џ Ѡ ѡ Ѣ ѣ Ѥ ѥ Ѧ ѧ Ѩ ѩ Ѫ ѫ Ѭ ѭ Ѯ ѯ Ѱ ѱ Ѳ ѳ Ѵ ѵ Ѷ ѷ Ѹ ѹ Ѻ ѻ Ѽ ѽ Ѿ ѿ Ҁ ҁ ҈ ҉ Ҋ ҋ Ҍ ҍ Ҏ ҏ Ґ ґ Ғ ғ Ҕ ҕ Җ җ Ҙ ҙ Қ қ Ҝ ҝ Ҟ ҟ Ҡ ҡ Ң ң Ҥ ҥ Ҧ ҧ Ҩ ҩ Ҫ ҫ Ҭ ҭ Ү ү Ұ ұ Ҳ ҳ Ҵ ҵ Ҷ ҷ Ҹ ҹ Һ һ Ҽ ҽ Ҿ ҿ Ӏ Ӂ ӂ Ӄ ӄ Ӆ ӆ Ӈ ӈ Ӊ ӊ Ӌ ӌ Ӎ ӎ ӏ Ӑ ӑ Ӓ ӓ Ӕ ӕ Ӗ ӗ ƏӘ əә Ӛ ӛ Ӝ ӝ Ӟ ӟ Ӡ ӡ Ӣ ӣ Ӥ ӥ Ӧ ӧ Ө ө Ӫ ӫ Ӭ ӭ Ӯ ӯ Ӱ ӱ Ӳ ӳ Ӵ ӵ Ӷ ӷ Ӹ ӹ Ӻ ӻ Ӽ ӽ Ӿ ӿ Ԁ ԁ Ԃ ԃ Ԅ ԅ Ԇ ԇ Ԉ ԉ Ԋ ԋ Ԍ ԍ Ԏ ԏ Ԑ ԑ Ԓ ԓ Ḁ ḁ Ḿ ḿ Ẁ ẁ Ẃ ẃ Ẅ ẅ Ạ ạ Ả ả Ấ ấ Ầ ầ Ẩ ẩ Ẫ ẫ Ậ ậ Ắ ắ Ằ ằ Ẳ ẳ Ẵ ẵ Ặ ặ Ẹ ẹ Ẻ ẻ Ẽ ẽ Ế ế Ề ề Ể ể Ễ ễ Ệ ệ Ỉ ỉ Ị ị Ọ ọ Ỏ ỏ Ố ố Ồ ồ Ổ ổ Ỗ ỗ Ộ ộ Ớ ớ Ờ ờ Ở ở Ỡ ỡ Ợ ợ Ụ ụ Ủ ủ Ứ ứ Ừ ừ Ử ử Ữ ữ Ự ự Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ ỹ Ὅ ndash mdash ― lsquo rsquo sbquo ‛ ldquo rdquo bdquo dagger Dagger bull hellip permil prime Prime lsaquo rsaquo frasl ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁿ ₣ ₤ ₧ ₫ euro ℓ trade Ω ⅛ ⅜ ⅝ ⅞ part ∆ prod sum minus radic infin int asymp ne le ge loz ff fi fl ffi ffl


Latin only ndash 149kB (33 saving) $ amp ( ) + - 0 1 2 3 4 5 6 7 8 9 lt = gt A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z | ~ iexcl cent pound curren yen brvbar sect uml copy ordf laquo not reg macr deg plusmn sup2 sup3 acute micro para middot cedil sup1 ordm raquo frac14 frac12 frac34 iquest Agrave Aacute Acirc Atilde Auml Aring AElig Ccedil Egrave Eacute Ecirc Euml Igrave Iacute Icirc Iuml ETH Ntilde Ograve Oacute Ocirc Otilde Ouml times Oslash Ugrave Uacute Ucirc Uuml Yacute THORN szlig agrave aacute acirc atilde auml aring aelig ccedil egrave eacute ecirc euml igrave iacute icirc iuml eth ntilde ograve oacute ocirc otilde ouml divide oslash ugrave uacute ucirc uuml yacute thorn yuml Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı Ĳ ĳ Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ŉ Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ ƒ Ơ ơ Ư ư ǰ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ș ș Ț ț ȷ ʼ ˆ ˇ macr ˘ ˙ ˚ ˛ ˜ ˝ ˳ ΄ ΅ Ά Έ Ή Ί Ό Ύ Ώ ΐ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω Ϊ Ϋ ά έ ή ί ΰ α β γ δ ε ζ η θ ι κ λ micro ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϊ ϋ ό ύ ώ ϑ ϒ ϖ Ѐ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ѝ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ѐ ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ѝ ў џ Ѡ ѡ Ѣ ѣ Ѥ ѥ Ѧ ѧ Ѩ ѩ Ѫ ѫ Ѭ ѭ Ѯ ѯ Ѱ ѱ Ѳ ѳ Ѵ ѵ Ѷ ѷ Ѹ ѹ Ѻ ѻ Ѽ ѽ Ѿ ѿ Ҁ ҁ ҈ ҉ Ҋ ҋ Ҍ ҍ Ҏ ҏ Ґ ґ Ғ ғ Ҕ ҕ Җ җ Ҙ ҙ Қ қ Ҝ ҝ Ҟ ҟ Ҡ ҡ Ң ң Ҥ ҥ Ҧ ҧ Ҩ ҩ Ҫ ҫ Ҭ ҭ Ү ү Ұ ұ Ҳ ҳ Ҵ ҵ Ҷ ҷ Ҹ ҹ Һ һ Ҽ ҽ Ҿ ҿ Ӏ Ӂ ӂ Ӄ ӄ Ӆ ӆ Ӈ ӈ Ӊ ӊ Ӌ ӌ Ӎ ӎ ӏ Ӑ ӑ Ӓ ӓ Ӕ ӕ Ӗ ӗ ƏӘ əә Ӛ ӛ Ӝ ӝ Ӟ ӟ Ӡ ӡ Ӣ ӣ Ӥ ӥ Ӧ ӧ Ө ө Ӫ ӫ Ӭ ӭ Ӯ ӯ Ӱ ӱ Ӳ ӳ Ӵ ӵ Ӷ ӷ Ӹ ӹ Ӻ ӻ Ӽ ӽ Ӿ ӿ Ԁ ԁ Ԃ ԃ Ԅ ԅ Ԇ ԇ Ԉ ԉ Ԋ ԋ Ԍ ԍ Ԏ ԏ Ԑ ԑ Ԓ ԓ Ḁ ḁ Ḿ ḿ Ẁ ẁ Ẃ ẃ Ẅ ẅ Ạ ạ Ả ả Ấ ấ Ầ ầ Ẩ ẩ Ẫ ẫ Ậ ậ Ắ ắ Ằ ằ Ẳ ẳ Ẵ ẵ Ặ ặ Ẹ ẹ Ẻ ẻ Ẽ ẽ Ế ế Ề ề Ể ể Ễ ễ Ệ ệ Ỉ ỉ Ị ị Ọ ọ Ỏ ỏ Ố ố Ồ ồ Ổ ổ Ỗ ỗ Ộ ộ Ớ ớ Ờ ờ Ở ở Ỡ ỡ Ợ ợ Ụ ụ Ủ ủ Ứ ứ Ừ ừ Ử ử Ữ ữ Ự ự Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ ỹ Ὅ ndash mdash ― lsquo rsquo sbquo ‛ ldquo rdquo bdquo dagger Dagger bull hellip permil prime Prime lsaquo rsaquo frasl ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁿ ₣ ₤ ₧ ₫ euro ℓ trade Ω ⅛ ⅜ ⅝ ⅞ part ∆ prod sum minus radic infin int asymp ne le ge loz ff fi fl ffi ffl


Going further ndash 83kB (62 saving) $ amp ( ) + - 0 1 2 3 4 5 6 7 8 9 lt = gt A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z | ~ iexcl cent pound curren yen brvbar sect uml copy ordf laquo not reg macr deg plusmn sup2 sup3 acute micro para middot cedil sup1 ordm raquo frac14 frac12 frac34 iquest Agrave Aacute Acirc Atilde Auml Aring AElig Ccedil Egrave Eacute Ecirc Euml Igrave Iacute Icirc Iuml ETH Ntilde Ograve Oacute Ocirc Otilde Ouml times Oslash Ugrave Uacute Ucirc Uuml Yacute THORN szlig agrave aacute acirc atilde auml aring aelig ccedil egrave eacute ecirc euml igrave iacute icirc iuml eth ntilde ograve oacute ocirc otilde ouml divide oslash ugrave uacute ucirc uuml yacute thorn yuml Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı Ĳ ĳ Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ŉ Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ ƒ Ơ ơ Ư ư ǰ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ș ș Ț ț ȷ ʼ ˆ ˇ macr ˘ ˙ ˚ ˛ ˜ ˝ ˳ ΄ ΅ Ά Έ Ή Ί Ό Ύ Ώ ΐ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω Ϊ Ϋ ά έ ή ί ΰ α β γ δ ε ζ η θ ι κ λ micro ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϊ ϋ ό ύ ώ ϑ ϒ ϖ Ѐ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ѝ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ѐ ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ѝ ў џ Ѡ ѡ Ѣ ѣ Ѥ ѥ Ѧ ѧ Ѩ ѩ Ѫ ѫ Ѭ ѭ Ѯ ѯ Ѱ ѱ Ѳ ѳ Ѵ ѵ Ѷ ѷ Ѹ ѹ Ѻ ѻ Ѽ ѽ Ѿ ѿ Ҁ ҁ ҈ ҉ Ҋ ҋ Ҍ ҍ Ҏ ҏ Ґ ґ Ғ ғ Ҕ ҕ Җ җ Ҙ ҙ Қ қ Ҝ ҝ Ҟ ҟ Ҡ ҡ Ң ң Ҥ ҥ Ҧ ҧ Ҩ ҩ Ҫ ҫ Ҭ ҭ Ү ү Ұ ұ Ҳ ҳ Ҵ ҵ Ҷ ҷ Ҹ ҹ Һ һ Ҽ ҽ Ҿ ҿ Ӏ Ӂ ӂ Ӄ ӄ Ӆ ӆ Ӈ ӈ Ӊ ӊ Ӌ ӌ Ӎ ӎ ӏ Ӑ ӑ Ӓ ӓ Ӕ ӕ Ӗ ӗ ƏӘ əә Ӛ ӛ Ӝ ӝ Ӟ ӟ Ӡ ӡ Ӣ ӣ Ӥ ӥ Ӧ ӧ Ө ө Ӫ ӫ Ӭ ӭ Ӯ ӯ Ӱ ӱ Ӳ ӳ Ӵ ӵ Ӷ ӷ Ӹ ӹ Ӻ ӻ Ӽ ӽ Ӿ ӿ Ԁ ԁ Ԃ ԃ Ԅ ԅ Ԇ ԇ Ԉ ԉ Ԋ ԋ Ԍ ԍ Ԏ ԏ Ԑ ԑ Ԓ ԓ Ḁ ḁ Ḿ ḿ Ẁ ẁ Ẃ ẃ Ẅ ẅ Ạ ạ Ả ả Ấ ấ Ầ ầ Ẩ ẩ Ẫ ẫ Ậ ậ Ắ ắ Ằ ằ Ẳ ẳ Ẵ ẵ Ặ ặ Ẹ ẹ Ẻ ẻ Ẽ ẽ Ế ế Ề ề Ể ể Ễ ễ Ệ ệ Ỉ ỉ Ị ị Ọ ọ Ỏ ỏ Ố ố Ồ ồ Ổ ổ Ỗ ỗ Ộ ộ Ớ ớ Ờ ờ Ở ở Ỡ ỡ Ợ ợ Ụ ụ Ủ ủ Ứ ứ Ừ ừ Ử ử Ữ ữ Ự ự Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ ỹ Ὅ ndash mdash ― lsquo rsquo sbquo ‛ ldquo rdquo bdquo dagger Dagger bull hellip permil prime Prime lsaquo rsaquo frasl ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁿ ₣ ₤ ₧ ₫ euro ℓ trade Ω ⅛ ⅜ ⅝ ⅞ part ∆ prod sum minus radic infin int asymp ne le ge loz ff fi fl ffi ffl


Mobile Design RWD vs Mobile Redirect

bull Responsive Web Design (RWD) One site for all screens ndash Media Queries change layout based on screen size

bull Mobile Specific Server redirects to Specific

Mobile Site


RWD


Mobile Specific Sites


Mobile Specific Vs RWD

Mobile Specific RWD Delta

Count 207 96Total Requests 32 50 37 higher

Total KB 462 872 47 higher

SpeedIndex (iOS) 11415 11520 09 slower

Top 1000 sites iOS 5




SpeedIndex (iOS) 9172 9138 04 FASTER

Top 1000 sites Moto G (KitKat)


In Summary

bull Reduce Requests ndash Quantity and Size ndash HTML CSS JavaScript and Fonts are crucial to

optimize bull Optimize critical rendering path bull Mobile redirect vs RWD

ndash Performance line is blurring on newer browsershardware


You too can explore this

Download the raw data httpmobilehttparchiveorgdownloadsphp

Or explore it in Big Query

httpswwwigvitacom20130620http-archive-bigquery-web-performance-answers httpbigqueries


Early Releasehellip Includes bull Getting Started bull Interpreting waterfalls bull Scripting tests bull Using the API bull Continuous Integration bull Private Instances httpbitlyusingwebpagetest


Thanks

Doug Sillars dougsillars

Andy Davies andydavies

httpbitlyHighPerformanceAndroid


Why Mobile Web

85 of survey respondents said mobile devices are a central part of everyday

life

httpblogssalesforcecomcompany201402mobile-behavior-reporthtml


Why Mobile Web




Why Mobile Web





Why Mobile Web




























affected)


bull Data is noisy








The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





Why Mobile Web




Why Mobile Web





Why Mobile Web




























affected)


bull Data is noisy








The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





Why Mobile Web





Why Mobile Web




























affected)


bull Data is noisy








The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





Why Mobile Web




























affected)


bull Data is noisy








The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





























affected)


bull Data is noisy








The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks











The Daily Mail


Sunday 8th June














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks














Low Byte Count

bull Long TTFB


Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





Low Request Count

bull 14 Requests













0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks















0

20

40

60

80

1000 3000 5000 7000 9000 11000 13000 15000 17000







0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks










0

18

35

53

70

0 1 2 3 4 5 6 7 8 9 10 11

lt20002000-50005000-8000



000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks






000

2500

5000

7500

10000

1000 4000 7000 10000 13000 16000 19000 22000 25000 28000 31000 35000

text files


Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks





Number of Domains

0

25

50

75

100

0

10000

20000

30000

40000

1 4 7 10 13 16 19 22 25 28 31 34 37 40 44 47 51 64

SpeedIndex Count












































Mobile Site


RWD
















In Summary












Thanks















































Mobile Site


RWD
















In Summary












Thanks





RWD
















In Summary












Thanks



















In Summary












Thanks












Thanks




what makes mobile websites tick - oredev

Technology