ìHTML5LocalStorage…R…Testing…Ma$hewBHarris(harris112)followmeontwi$er@ma$benh

ProblemToSolve

ì  DataIntensiveì  11063Recordsintest

ì  LongPageLoadTimesì  MaxloadGmeoverone

secondfortestdataì  CurrentloadGmeforour

siteis11.887seconds

ì  StaGcData

ThingsToLearn

ì  HTML5WebStorageì  BiggerBe$erCookies

ì  DebuggingToolsì  Yslow(addontoFirebug)ì  SafariDeveloperTools

ì  Rì  Usedinourgroupì  Takingclassnextweek

Code!

ì  Pullingdatafromlocalstorage

Code!

ì  Pushingdataintolocalstorage

CollectingData

ì  Yslow

ì  Safaridevtools

ì  DatacollecGonnotefficientwouldbebe$ersuitedforautomatedcollecGon

ì  ManuallyclearedcookiesandcacheaWereachpageload

RawData

RGraphed

R

Results

ì  NoHTMLì  meanloadGme

0.806s

ì  WithHTML(nocookie)ì  meanloadGme

0.733

ì  WithHTML(withcookie)ì  meanloadGme

0.649s

ì  Speedupfor11063recordsì  0.157s

Conclusionì  Yslow–pageloadGmesseemedrandom

ì  Safaridevtools–mademeabelieverì  SorryFireBug

ì  RiscoolerthenMiniTab

ì  InternetspeedsarefastwhileIOspeedsareslow

ì  HTML5WebStoragegreatforsavingpagestateanduserdata

ì  NotreadytopushwholepublicaGonsdatabaseintouserslocalstorage

ì  Experimentthoughtsì  Poorsamplesizeì  Pooramountofresultscollectedì  LearningtoolswhilecollecGngresultsì  LackofsleepJ

FutureWorkì  Createatestprojectfrom

scratch,notpiecestogetherpartsofcurrentproject

ì  CollectmoreresultsfrommulGpletools

ì  Collectmoredataperresult(bandwidth,sizeofdata…)

ì  Reviewotherexperimentsinsimilarwork

ì  Uselocalstorageforuserdataandpagestateincurrentprojects

References

ì  h$ps://addons.mozilla.org/en-US/firefox/addon/yslow/#

ì  h$p://www.harding.edu/fmccown/r/

ì  h$p://diveintohtml5.info/storage.html

ì  Countlessothersfoundfromì  h$p://www.google.com