CSSjqueryeach

203AAndroidVirtualDeviceManager,198,199apply()function,61axis()function,55BBalancingperformancepracticalapplicationmonitoringwebperformance,192sharingndings,201–202siteinstrumentation,192–193testlabbenchmark(seeTestlabbenchmark)readability,modularity,anddesign,175–176scorched-earthperformance(seeScorched-earthperformance)CCarakan,6Chakra,7comparePerfMetricsbyURL()function,126Conditionalcompilation,7constructScriptTag()function,112,113,124createDataFrameByURL()function,54,61D,EDatavisualization,9,10document.
createElement()function,112FFirebuglteringresults,15,16in-browsertool,13installation,13networkmonitoring,15waterfallchart,15Firefoxmemorywindow,98G,H,IGarbagecollection,97Gecko,6getDFByBrowser()function,145J,KJavaScriptbenchmarkingandlogging,65appendToFile()function,77architectureadhoccode,67associativearray,67codeexecution,65decisiontree,66high-levelsequencediagram,67metadata,68objectdiagram,68perfLogger,67savePerfDataprocess,67stopTimeLogging()function,67testresultobject,68workow,runtimecalculation,65,66by()function,80calculateResults()function,69cleanCommas()function,77completeRscript,82dataframe,80,81datasaving,70debuginformation,69formatDebugInfo()function,70formatNewLog()function,78IndexINDEX204JavaScriptbenchmarkingandlogging(cont.
)opensource,82page_render,79,81publicAPIcraftingnishedlibraryfunction,73–75logBenchmark()function,72passed-inproperties,71startTimeLogging()function,71stopTimeLogging()function,71remotelogging,75runtimePerformance.
Rdocument,80runtimeperf_results.
txtle,79saveLog()function,76savePerfData.
phple,78self-executingfunction,68setResultsMetaData()method,69JavaScriptCore,6JQueryvs.
Javascriptauthor-timeefciency,151DOMaccessbenchmarktestresult,160benchmarktimingdata,159JQueryDOMfunction,158,160JSDOMfunction,158populateArrayfunction,157–158loopingaveragebenchmarkresultschart,154,155createvariables,153dataframecreation,153DRYprincipleconcept,155–157jquerycomparison.
htmlpage,151JQueryEachfunction,152JSForLoopfunction,152,153populateArrayfunction,151–152Rcode,154LLazyloadinganti-patterns,122corealgorithmicpatterns,122CSSaverageloadtime,133averagepageloadtime,withperfLogger,135averagepagerendertime,134averagepagerendertimewithperfLogger,135constructTagfunction,129–130fetchfunction,129lazyloadcss.
html,129processURLsfunction,130–131WebPagetestsummaryresults,132WebPagetestwaterfallview,132denition,121images,136implementations,121lazyinitializationpattern,122scriptsaverageloadtime,127averagerendertime,126callbackfunction,123–124comparePerfMetricsbyURL()function,125lazyloadscript.
html,123meanRenderTimesandmeanLeadTimesdataframes,125–126perfLogger.
showPerformanceMetrics()function,123,125remoteLoader.
loadJSfunction,123WebPagetestsummaryresults,128WebPagetestwaterfallview,128window.
addEventListener(),123window.
attachEventfunction,123sequencediagram,121valueholderpattern,122virtualproxypattern,122legend()function,58line()function,56loadtimecolumn,57–58M,N,OMeenan,Patrick(WebPagetest)agentarchitecture,63–64applications,64averagetesttime,62callbackmethod,63challenges,62creationinspiration,61goalofWebPagetestLLC,62HTTPArchive,63memoryproler,64opensourceproject,62testprocess,63testresultsstoragetime,62Minicationanalysisandvisualization,27,28ClosureCompiler,24–27denition,23Minify,23–24,26waterfallchart,26YUIcompressor,24205INDEXP,QPagerenderbottlenecksannotatedbrowserarchitecture,109,110asyncattribute,114,115Waterfallchart,117,118WebPagetestresults,115,116averageloadtimer,119,120averagerendertime,119,120baselinele,114Waterfallchart,117WebPagetestresults,115,116client-facinginterface,109comparePerfMetricsbyURL,118dataframe,119DOMelements,110getDFByURL()function,118networklayer,109–110perfLoggermetrics,118renderingengineworkow,110,111Rfunction,118scriptloadingarray,113constructScriptTag()function,112,113document.
createElement()function,112instanceofoperator,113loadJS()function,112remoteLoaderfunction,112–114srcattribute,112Waterfallchart,117WebPagetestresults,116scripttags,parsing,111tokenization,111UIlayer,109Parsingandrenderingbrowserarchitecture,4,5JavaScriptengines,6–7renderingengines,6paste()function,53PeroggerjsonConcat()function,89,90logToServer(),89–91publicfunctions,90–91self-executingfunction,88TestResultsobject,88,89updation,90perfLoggerlibrary,109plot()function,55,58PlotResultsofTestsByBrowserfunction,156Presto,6RRapply()function,41barplotfunction,38charting,34–37dataframe,38dev.
off(),39getPercentImprovedfunction,40–41graphicalparameters,38installingandrunning,29–30mincompare,38oparvariable,38par()function,38–39passed-invector,40percentVector,40primerbugbacklog,33functions,33loops,33read.
table()function,32variablesanddatatypes,31–32statisticalcomputing,28workow,28relattribute,136Rlanguage,11Runtimeperformance,139cachingvariablesandpropertiesadhoctimingdatacapture,141,144benchmarkingresults,145–147,150cache_locationcomparison.
html,140,143cacheLocfunction,143dataframe,150documentlocation,140globalscope,140localvariablecreation,140loopterminator,147,148perfLogger.
logBenchmark,142perfLogger.
startTimeLogging,148perfLogger.
stopTimeLogging,141populateArray,141tempArray,141testoutput,142testsresult,149uncachedLoc()function,142,145DOMaccess,164nodeaddition,queue,166–168queuechange,DOMelement,164–166evaltruecost,161benchmarkingfunction,162,163codeinjection,161INDEX206Runtimeperformance,evaltruecost(cont.
)evalAverage()function,162getAvgfunction,161HTMLskeletalstructure,161interpreter,161perfLogger.
logBenchmark,162JQueryvs.
Javascript(seeJQueryvs.
Javascript)nestedloopbenchmarkingfunctionresults,170codeexecution,168increasingdepthchart,171–173scripttagandtempArrayvariablecreation,168slowscriptwarnings,169–170numbers,139SScorched-earthperformanceClosureCompilerAdvancedmode,183,191basicskeletalHTMLstructure,183benchmarkobjects.
html,183completedpage,184–185debugging,191favoriteList,184JavaScripterror,187printInfo(),183runningperfLogger,187Simplemode,183testle,187–190testUserObjectfunction,184UI,185,186URLstest,190userobject,183videofunction,183webperformanceresults,191inliningfunctionsbasicskeletalHTMLstructure,177coalescingfunctionality,182getAvg()function,178getSum()function,178PlotResultsofTestsByBrowser()function,181simpleMathfunction,178testpage,179–181unwoundfunction()function,177usingfunctions()function,178usingobjectsfunction,179Session/siteabandonment,8SpiderMonkey,6srcattribute,136statusCodenode,48TTestlabbenchmarkAndroidSDKDeviceManager,198–200downloadpage,196,197emulator,200,201Manager,197,198browsersupportmatrix,193,194iOSsimulator,196KeynoteDeviceAnywhere,196VirtualBoxdownloadpage,195homepage,194,195withmultipleVMs,195,196Threads,3TransmissionControlProtocol(TCP),3Trident,6U,VuseAppendChildfunction,166W,XW3CWebPerformance,83Webkit,6WebPagetestAuthtab,20Blocktab,21coderepository,19document.
onloadevent,19performanceoptimizationchecklist,22piecharts,22PreserveoriginalUserAgentstringoption,20publicwebsite,19resultspage,21Scripttab,20setUserAgentcommand,21SSLcerticationerrors,19Videotab,21waterfallcharts,22Webperformancedenition,1networktransactionsdiagram,2optimizationslazyloading(seeLazyloading)pagerenderbottlenecks(seePagerenderbottlenecks)207INDEXparsingandrendering(seeParsingandrendering)runtimeperformance,8siteabandonment,8TCP/IPmodelApplicationlayer,3communication,3HTTPrequests,5HTTPResponse,4Internetlayer,3NetworkAccesslayer,3specication,3totalpagesize,4Transportlayer,3userexperience,8Windowperformancedatavisualizationaverageperceivedloadtime,browser,106avgTimeBreakdownInRequest,102Avgtime,HTTPrequest,103,104data.
frame()function,103exponentialnotation,103frequencydistribution,102getDFByBrowser(),105grep()function,105HTTPtransactionprocess,101loadtime_bybrowser,105negativenumbers,103updatedRle,106high-resolutiontime,98–101loggingfunctionalityupdation,93memoryobject,96–98Navigationobject,94–96objectChrome20beta,84JavaScriptconsole,83perfLogger(seePerogger)timing,84W3Cwebperformance,83WorldwideWebConsortium(W3C),11wpochartvariable,53wpologsdataframe,53wpt_credentials_urls.
php,47$wpt_responsevariable,47WPTRunnerarchitecturedirectorystructure,45nishedsequencediagram,44,45rstiterationsequencediagram,44process_wpt_response,43sequencediagram,43webpagetest_responses.
txt,44wpo_log.
txt,44chartingwithR,53completedprocess_wpt_responsele,52–53dataparsing,54–55interview(Meenan,Patrick)(seeMeenan,Patrick(WebPagetest))parsingtestresultsappendToFile,51leio()function,49rstViewnode,51formattedresult,49formatWPOLog()function,51–52looping,50–51$newline,51readCSVurls()function,49repeatViewnode,51statusCodenode,49–51$xmlobjectconversion,50plottingloadtime,55–57payloadandnumberofHTTPrequests,57–61sharedcongurationleAPIkey,45appendToFile()function,46leio.
php,46URLsstorage,45WebPagetestAPIaccess,46–49wpt_credentials_urls.
php,46Y,ZYSlowcomponentssection,17etags,17in-browsertool,16installation,16,17andPageSpeedtest,18,19resultsscreen,17,18ruleset,17screen—statistics,18splashscreen,17sub-navigationbar,17