Measuring User Experience in the Browser

•

6 likes•1,118 views

The document discusses user experience management and outlines various web performance metrics that can be captured from browsers such as time-to-first-byte, onload time, bandwidth, rendering time, and resource download times. It describes the W3C Navigation Timing and Resource Timing APIs that browsers expose to capture this performance data non-intrusively. Examples are provided of how this data could be used for real-world applications like identifying geo hotspots, page error monitoring, and performance profiling.

Technology

User Experience Management
Alois Reitbauer

We miss about 80%

Your visibility ends here

Web Application Delivery Chain

Content
Internet

Server

Browser

Processing
3rd Party

Robots are not humans
(even if they come close)

Challenges Today

Lack of standards

In Browser Measurement Complex

Most tools for development/troubleshooting

Request Start Time
Business Event Time
Time-to-First-Byte

OnLoad Time DNS/Network Time

Bandwidth Rendering Time
Latency (Geo)Location
JS Execution Time
Browser Info
Resource Download Time
Rendering Time

… we want to get all this
information non intrusively
(aka hacking)

OnLoad Time Measurement
<html>
<head>
<script type="text/javascript">
var start = new Date().getTime();
function onLoad() {
var now = new Date().getTime();
var latency = now - start; alert("page loading time: " + latency);
}
</script>
</head>
<body onload="onLoad()">
……

Resource Time Measurement

……
<script type="text/javascript">
downloadStart(“myimg”);
</script>
<img src=“./myimg.jpg” onload=“downloadEnd(„myimg‟)” />
…..

… browsers have all this
information, so why not
expose it

Web Performance Specs
Navigation Timing
Basic page navigation information

Resource Timing
Information about page resources (own & third party)

User Timing
Custom actions and high-res timer

Timeline
Unified Access to Performance Data

Navigation Timing
window.performance.timing.

Resource Timing
window.performance.getEntriesByType(window.performance.PERF_RESOURCE)[].

Marks
mark (markName)
add a new mark with the current timestamp

getMarks (markName)
Retrieve all marks with the specified name. If none is
specified all marks will be returned
Result Structure:
{
<markName> : [<val1>, <val2>, …]
…..
}

Measures
measure ()
fetchStart -> now

measure (startTime)
startTime -> now

measure(startTime, endTime)
startTime -> endTime

Open Issues
How to send the data back to the server

Rendering and JS Execution

Implementing the backend services

Full browser support

More efficient bandwidth measurement

Blocking data transfer

if(isBrowserCloseEnabled)
{
var startTime = new Date().getTime();
while(((new Date().getTime()) - startTime) < 750)
{
};
}

Real world examples
what‟s possible today

Performance Bookmarklet

http://blog.dynatrace.com/samples/bookmark.html

Alois Reitbauer
alois.reitbauer@dynaTrace.com
@AloisReitbauer
http://blog.dynatrace.com

Web technologies are on a constant rise, and as time goes by, they’re just getting better, quicker and making our lives much easier. In this talk, we will review some of them, including those still in experimental stages. We’ll kickoff with “Web Standards” and “Browser Features”, that you can start using right away. Following that, we will tackle some of the interesting ideas flying around out there, and explore them via real use cases most of us probably deal with on a daily basis. And the cheery on top of all of this - Upcoming APIs. Although still in early stages, we’ll examine them and even challenge them with different use cases and problems that they are solving.

TechDays 2017 - Creating real life serverless solutions with azure functions

Jan de Vries

Reliably Measuring Responsiveness

Nicholas Jansma

Responsiveness to user interaction is crucial for users of web apps, and businesses need to be able to measure responsiveness so they can be confident that their users are happy. Unfortunately, users are regularly bogged down by frustrations such as a delayed "time to interactive” during page load, high or variable input latency on critical interaction events (tap, click, scroll, etc.), and janky animations or scrolling. These negative experiences turn away visitors, affecting the bottom line. Sites that include third-party content (ads, social plugins, etc.) are frequently the worst offenders. The culprit behind all these responsiveness issues are “long tasks," which monopolize the UI thread for extended periods and block other critical tasks from executing. Developers lack the necessary APIs and tools to measure and gain insight into such problems in the wild and are essentially flying blind trying to figure out what the main offenders are. While developers are able to measure some aspects of responsiveness, it’s often not in a reliable, performant, or “good citizen” way, and it’s near impossible to correctly identify the perpetrators. Shubhie Panicker and Nic Jansma share new web performance APIs that enable developers to reliably measure responsiveness and correctly identify first- and third-party culprits for bad experiences. Shubhie and Nic dive into real-user measurement (RUM) web performance APIs they have developed: standardized web platform APIs such as Long Tasks as well as JavaScript APIs that build atop platform APIs, such as Time To Interactive. Shubhie and Nic then compare these measurements to business metrics using real-world data and demonstrate how web developers can detect issues and reliably measure responsiveness in the wild—both at page load and postload—and thwart the culprits, showing you how to gather the data you need to hold your third-party scripts accountable.

AJAX for ScalabilityTuenti

Make It Fast Using Modern Browser Performance APIs to Monitor and Improve the Performance of your Web Apps. Presented at CodeMash 2015. Performance matters. How fast your site loads — not just on your development machine, but from your actual customers, across the globe — has a direct impact on your visitors’ happiness and conversion rate. Today’s browsers provide several new cutting-edge performance APIs that can give you Real User Metrics (RUM) of your live site’s performance. Whether you run a small blog or a top-1K site, monitoring and understanding your performance is the key to giving your visitors a better experience. We will be discussing the NavigationTiming, ResourceTiming and UserTiming performance APIs, which are available in the majority of modern browsers. You’ll walk away with a better understanding of what problem these APIs solve and how to start using them today. We’ll also go through both D.I.Y. and commercial options that utilize these APIs to help you better monitor and improve the performance of your websites.

Understanding Web Applications and Web Testing Tools - QAConf

narayanraman

W3C Web Performance - A detailed overviewAlois Reitbauer

QSpiders - Installation and Brief Dose of Load Runner

Qspiders - Software Testing Training Institute

Do we need a bigger dev data culture

Simon Dittlmann

In front-end software development it's still rare that data is collected on the client side besides some analytics data where developers usually don't have access to. Imagine what you can do when you have front-end log data, you see how many ajax calls hitting your servers and you finally know whether the single page application is used like you expected or not. I will briefly talk about projects I was part of where we used these kind of data to improve our product and surprisingly reduced AWS costs by changing front-end code. https://docs.google.com/presentation/d/1kGK8P7Ll2H4Z_1UUdBneAbNzUEDmpj8g2Mxj_Z-F5u8/pub?start=false&loop=false&delayms=3000

Grails and Ajax

TO THE NEW | Technology

This tutorial is about Grails and Ajax. The tutorial includes an introduction to Ajax, Grails inbuilt support for Ajax, Ajax enabled Form fields, a note on Ajax and Performance. The tutorial begins with an introduction to Ajax. This section gives a detailed introduction of Ajax as a technology, and also presents the flow of Ajax. The introduction section is followed by Grails support section. This section explains Grails inbuilt support for Ajax by providing a prototype library. It also includes form remote, remote function, executing before and after a call, handling events as a part of Grails support. The next section is about Ajax enabled Form fields. This section informs about Ajax codes enabling Form Fields. The last section of this tutorial is a note on Ajax. This section includes Ajax and its performance as a technology like serving as a mechanism, debugging is tough, caching is an important technique, Ajax call is a remote network call.

Meetup Performance

Greg Whalin

Meetup PerformanceJustin Cataldo

Monitoring web application response times^lj a hybrid approach for windows

Mark Friedman

State of the resource timing api

Aaron Peters

Js Saturday 2013 your jQuery could perform better

Ivo Andreev

Doing it, then doing right and finally improving. Have you ever had the feeling that your jQuery could run faster? And isn’t that the natural evolution of a developer? From new browser features and well known techniques to script breakup, sizzling, chaining and selector comparison... Tuning of any technology requires deep understanding of its core principles. In order not to just guess we need to learn how browsers execute JavaScript and how jQuery is built. If these issues have been bothering you recently – join us to see how or share your experience.

Architecture in Ajax Applications

Alois Reitbauer

SEC303 Automating Security in cloud Workloads with DevSecOps

Amazon Web Services

This session is designed to teach security engineers, developers, solutions architects, and other technical security practitioners how to use a DevSecOps approach to design and build robust security controls at cloud-scale. This session walks through the design considerations of operating high-assurance workloads on top of the AWS platform and provides examples of how to automate configuration management and generate audit evidence for your own workloads. We’ll discuss practical examples using real code for automating security tasks, then dive deeper to map the configurations against various industry frameworks. This advanced session showcases how continuous integration and deployment pipelines can accelerate the speed of security teams and improve collaboration with software development teams.

HTML5 on Mobile

Adam Lu

Oleh Zasadnyy "Progressive Web Apps: line between web and native apps become ...

IT Event

Over the years developers were used to thing that web is not user-friendly, performance efficient and powerful as native apps. But things have been changed so far; now you can build offline applications with notifications, Bluetooth and camera access and so on. Web development is great again. - Quick startup - I will show how to prioritize content loading in the application to show users meaningful pixels as soon as possible - Progressive enhancement - I will encourage you to use maximum of the platform but still support earlier browsers - Offline application - here I will explain how you can easily make your web application working offline - Push Notifications - one of the best way to increase conversion of your application and now it's possible on the web. I am going to show how to do it right with few steps. - Experimental APIs - I will show how to sign in once on all your devices with Credential API, use native share menu and make payments in few clicks

Monitoring large scale Docker production environments

Alois Reitbauer

Can a monitoring tool pass the turing test

Alois Reitbauer

Similar to Measuring User Experience in the Browser

The High Performance Web Application LifecycleAlois Reitbauer

Metrics, metrics everywhere (but where the heck do you start?)

SOASTA

Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)

Cliff Crocker

Metrics, metrics everywhere (but where the heck do you start?)

Tammy Everts

Using Modern Browser APIs to Improve the Performance of Your Web Applications

Nicholas Jansma

Make It Fast - Using Modern Browser Performance APIs to Monitor and Improve t...

Nicholas Jansma

Understanding Web Applications and Web Testing Tools - QAConf

narayanraman

W3C Web Performance - A detailed overviewAlois Reitbauer

QSpiders - Installation and Brief Dose of Load Runner

Qspiders - Software Testing Training Institute

Do we need a bigger dev data culture

Simon Dittlmann

Grails and Ajax

TO THE NEW | Technology

Meetup Performance

Greg Whalin

Meetup PerformanceJustin Cataldo

Monitoring web application response times^lj a hybrid approach for windows

Mark Friedman

State of the resource timing api

Aaron Peters

Js Saturday 2013 your jQuery could perform better

Ivo Andreev

Architecture in Ajax Applications

Alois Reitbauer

SEC303 Automating Security in cloud Workloads with DevSecOps

Amazon Web Services

HTML5 on Mobile

Adam Lu

Oleh Zasadnyy "Progressive Web Apps: line between web and native apps become ...

IT Event

Similar to Measuring User Experience in the Browser (20)

The High Performance Web Application Lifecycle

Metrics, metrics everywhere (but where the heck do you start?)

Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)

Metrics, metrics everywhere (but where the heck do you start?)

Using Modern Browser APIs to Improve the Performance of Your Web Applications

Make It Fast - Using Modern Browser Performance APIs to Monitor and Improve t...

Understanding Web Applications and Web Testing Tools - QAConf

W3C Web Performance - A detailed overview

QSpiders - Installation and Brief Dose of Load Runner

Do we need a bigger dev data culture

Grails and Ajax

Meetup Performance

Monitoring web application response times^lj a hybrid approach for windows

State of the resource timing api

Js Saturday 2013 your jQuery could perform better

Architecture in Ajax Applications

SEC303 Automating Security in cloud Workloads with DevSecOps

HTML5 on Mobile

Oleh Zasadnyy "Progressive Web Apps: line between web and native apps become ...

More from Alois Reitbauer

Monitoring large scale Docker production environments

Alois Reitbauer

Can a monitoring tool pass the turing test

Alois Reitbauer

Monitoring Docker Application in Production

Alois Reitbauer

The definition of normal - An introduction and guide to anomaly detection.

Alois Reitbauer

Monitoring without alerts

Alois Reitbauer

Ruxit - How we launched a global monitoring platform on AWS in 80 days.

Alois Reitbauer

Microservice, Micro Deployments and DevOps

Alois Reitbauer

Micro Services provide a means to build more flexible infrastructures that can maintained by large and distributed teams. Micro Deployments allow us to constantly evolve our applications step by step in small increments constantly. These paradigms helps us to achieve more agility. At the same time the force us to rethink how we run our DevOps processes. This talk covers the key requirements for DevOps follow the Site Reliability Engineering approach

The Dark Art of Production AlertingAlois Reitbauer

The Dark of Building an Production Incident SysteAlois Reitbauer

Monitoring and Managing Java ApplicationsAlois Reitbauer

What it means to be fast in your industry

Alois Reitbauer

Web Performance OptimzationAlois Reitbauer

What it means to deliver exceptional performanceAlois Reitbauer

Why you have less than a second to deliver exceptional performanceAlois Reitbauer

Performance Forensics - Understanding Application Performance

Alois Reitbauer

Architecture Performance

Alois Reitbauer

dynaTrace Ajax Edition @ Yahoo

Alois Reitbauer

The secret art of agile performance testingAlois Reitbauer

Q Con Performance Testing At The EdgeAlois Reitbauer

Low Hanging Fruits In J EE PerformanceAlois Reitbauer

More from Alois Reitbauer (20)

Monitoring large scale Docker production environments

Can a monitoring tool pass the turing test

Monitoring Docker Application in Production

The definition of normal - An introduction and guide to anomaly detection.

Monitoring without alerts

Ruxit - How we launched a global monitoring platform on AWS in 80 days.

Microservice, Micro Deployments and DevOps

The Dark Art of Production Alerting

The Dark of Building an Production Incident Syste

Monitoring and Managing Java Applications

What it means to be fast in your industry

Web Performance Optimzation

What it means to deliver exceptional performance

Why you have less than a second to deliver exceptional performance

Performance Forensics - Understanding Application Performance

Architecture Performance

dynaTrace Ajax Edition @ Yahoo

The secret art of agile performance testing

Q Con Performance Testing At The Edge

Low Hanging Fruits In J EE Performance

Recently uploaded

Elevating Tactical DDD Patterns Through Object Calisthenics

Dorra BARTAGUIZ

After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Product School

JMeter webinar - integration with InfluxDB and Grafana

RTTS

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

Prayukth K V

The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development. The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers: State of global ICS asset and network exposure Sectoral targets and attacks as well as the cost of ransom Global APT activity, AI usage, actor and tactic profiles, and implications Rise in volumes of AI-powered cyberattacks Major cyber events in 2024 Malware and malicious payload trends Cyberattack types and targets Vulnerability exploit attempts on CVEs Attacks on counties – USA Expansion of bot farms – how, where, and why In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East Why are attacks on smart factories rising? Cyber risk predictions Axis of attacks – Europe Systemic attacks in the Middle East Download the full report from here: https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

FIDO Alliance

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

Generating a custom Ruby SDK for your web service or Rails API using Smithy

g2nightmarescribd

Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.

UiPath Test Automation using UiPath Test Suite series, part 4

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap. The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies. Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques What will you get from this session? 1. Insights into SAP testing best practices 2. Heatmap utilization for testing 3. Optimization of testing processes 4. Demo Topics covered: Execution from the test manager Orchestrator execution result Defect reporting SAP heatmap example with demo Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...

Ramesh Iyer

In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

FIDO Alliance

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

Neuro-symbolic is not enough, we need neuro-*semantic*

Frank van Harmelen

Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”. All of this illustrated with link prediction over knowledge graphs, but the argument is general.

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

UiPathCommunity

💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™: See how to accelerate model training and optimize model performance with active learning Learn about the latest enhancements to out-of-the-box document processing – with little to no training required Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath. Speakers: 👨‍🏫 Andras Palfi, Senior Product Manager, UiPath 👩‍🏫 Lenka Dulovicova, Product Program Manager, UiPath

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024

Tobias Schneck

As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other? Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Product School

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

Product School

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Paul Groth

Recently uploaded (20)

Elevating Tactical DDD Patterns Through Object Calisthenics

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

JMeter webinar - integration with InfluxDB and Grafana

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

How world-class product teams are winning in the AI era by CEO and Founder, P...

Generating a custom Ruby SDK for your web service or Rails API using Smithy

UiPath Test Automation using UiPath Test Suite series, part 4

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

Neuro-symbolic is not enough, we need neuro-*semantic*

GraphRAG is All You need? LLM & Knowledge Graph

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024

Monitoring Java Application Security with JDK Tools and JFR Events

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Measuring User Experience in the Browser

1. User Experience Management Alois Reitbauer

2. Disclaimer

3. We used to measure here

4. We miss about 80% Your visibility ends here

5. … let‟s look at an example

6. Web Application Delivery Chain Content Internet Server Browser Processing 3rd Party

7. Robots for Monitoring

8. Monitor from Everywhere

9. Robots are not humans (even if they come close)

10. Challenges Today Lack of standards In Browser Measurement Complex Most tools for development/troubleshooting

11. We need this …

12.

13. Request Start Time Business Event Time Time-to-First-Byte OnLoad Time DNS/Network Time Bandwidth Rendering Time Latency (Geo)Location JS Execution Time Browser Info Resource Download Time Rendering Time

14. … we want to get all this information non intrusively (aka hacking)

15. OnLoad Time Measurement <html> <head> <script type="text/javascript"> var start = new Date().getTime(); function onLoad() { var now = new Date().getTime(); var latency = now - start; alert("page loading time: " + latency); } </script> </head> <body onload="onLoad()"> ……

16. Resource Time Measurement …… <script type="text/javascript"> downloadStart(“myimg”); </script> <img src=“./myimg.jpg” onload=“downloadEnd(„myimg‟)” /> …..

17. … browsers have all this information, so why not expose it

18. W3C Performance Working Group

19. Web Performance Specs Navigation Timing Basic page navigation information Resource Timing Information about page resources (own & third party) User Timing Custom actions and high-res timer Timeline Unified Access to Performance Data

20. Understand Page Loading

21. Navigation Timing window.performance.timing.

22. Navigation Timing in Chrome

23. Navigation Timing on Windows Mobile

24. Let‟s try this ourselves ...

25. The page is not enough

26. Resource Timing window.performance.getEntriesByType(window.performance.PERF_RESOURCE)[].

27. Custom Time Measurements

28. Marks mark (markName) add a new mark with the current timestamp getMarks (markName) Retrieve all marks with the specified name. If none is specified all marks will be returned Result Structure: { <markName> : [<val1>, <val2>, …] ….. }

29. Measures measure () fetchStart -> now measure (startTime) startTime -> now measure(startTime, endTime) startTime -> endTime

30. Performance Timeline

31. Browser Support

32. Open Issues How to send the data back to the server Rendering and JS Execution Implementing the backend services Full browser support More efficient bandwidth measurement

33. Blocking data transfer if(isBrowserCloseEnabled) { var startTime = new Date().getTime(); while(((new Date().getTime()) - startTime) < 750) { }; }

34. Legacy Browsers

35. Real world examples what‟s possible today

36. Identify Geo Hotspots

37. Page Error Monitoring

38. Third Party Content

39. Performance Profiling

40. Problem Analytics

41. Performance Bookmarklet http://blog.dynatrace.com/samples/bookmark.html

42. Alois Reitbauer alois.reitbauer@dynaTrace.com @AloisReitbauer http://blog.dynatrace.com