Front end-performance

•

0 likes•799 views

Richard Powell

A Quick overview of the key performance concerns for front-end developers

Technology

@byrichardpowell
byrichardpowell.co.uk
Front-End Performance
Thursday, 8 August 13

“80-90% of the end-user
response time is spent on the
frontend. Start there”
Steve Souders,
Head Performance Engineer at Google
Thursday, 8 August 13

Optimise, Miniﬁmise,
Obsfucate, GZip
Loadtime: Filesize
Thursday, 8 August 13

Loadtime: Filesize
Be Defensive
Thursday, 8 August 13

CSS Sprites, Icon Fonts,
Base64 Encoding images
Loadtime: Requests
Thursday, 8 August 13

Loadtime: Requests
Concatenate
Thursday, 8 August 13

Load Scripts Last
and
Only Load when needed
Loadtime: Order
Thursday, 8 August 13

Loadtime: Order
http://bit.ly/12NkgEi
Thursday, 8 August 13

Reduce DOM Interaction
Runtime: DOM Interaction
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/ohumon/1/edit
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/omeyac/2/edit
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/acetul/1/edit
Thursday, 8 August 13

CSS can be expensive
Or it can be an optimisation
Runtime: DOM Interaction
Thursday, 8 August 13

Design API’s Carefully
Runtime: Single Page Application
Thursday, 8 August 13

Perception
http://bit.ly/1bxLxDI
Thursday, 8 August 13

Don’t block the UI
Perception
Thursday, 8 August 13

Load Time
PerceptionRun Time
Thursday, 8 August 13

What's hot

EmberJS

ryanstout

Bkbiet day1

mihirio

O'Reilly Fluent, Web Components Enterprise

MediaMath

Backups - Saving all the Bacon

Matthew Pritchett

WordPress Speed Optimisation

Peter Bui

Wordpress database

Keith Levi Lumanog

What's hot (6)

EmberJS

Bkbiet day1

O'Reilly Fluent, Web Components Enterprise

Backups - Saving all the Bacon

WordPress Speed Optimisation

Wordpress database

Viewers also liked

Web Page Performance

Marco Vignaroli

Angular js, Yeomon & Grunt

Richard Powell

Ted yu：h base and hoya

hdhappy001

Lithuania

UNDP Eurasia

Real-time collaborative drawing

Richard Powell

Draw stuff at @jsnortheast

Richard Powell

För börsbolagen överensstämde utvecklingen av lönsamhet och omsättning under åren 2006-2009 väl med utvecklingen för hela det privata näringslivet. Prognoserna för de ca 250 börsbolagen för åren 2011-2012 antas därför fungera som goda indikatorer för hela näringslivets utveckling dessa år. Utvecklingen med stigande utdelningar och sjunkande investeringar är oroande. Den långsiktiga utvecklingskraften och förmågan att skapa fler och bättre jobb i näringslivet är beroende av investeringarna. Att prioritera utdelningar till ägarna framför hållbar lönsamhet gynnar på sikt varken ägare eller anställda.

Unionens bolagsindikator mars 2011

Unionen

Viewers also liked (7)

Web Page Performance

Angular js, Yeomon & Grunt

Ted yu：h base and hoya

Lithuania

Real-time collaborative drawing

Draw stuff at @jsnortheast

Unionens bolagsindikator mars 2011

Similar to Front end-performance

JSDay 2013 - Practical Responsive Web Design

Jonathan Klein

Scaling PHP to 40 Million Uniques

Jonathan Klein

UberFire Quick Intro and Overview (early beta Aug 2013)

Mark Proctor

Node Tools For Your Grails Toolbox - Gr8Conf 2013

zanthrash

Performance & Responsive Web Design

Zach Leatherman

Front-End: O que é e o que faz

Eduardo Rabelo

Performance and optimization

markstory

jQuery Mobile Deep Dive

Troy Miles

The “Making the Switch to Drupal series” will provide an overview of what you need to know when considering and adopting Drupal. In Part 1, we will guide busy managers through what they need to consider when evaluating Drupal. We know that choosing any web development technology represents a significant investment of resources. Decision makers can spend weeks and months comparing options and deliberating about the best direction. We will use a combination of case studies and demonstrations to explain how Drupal works, so you can see first hand how it powers some of the most visited websites online. In Part 1 of this webinar series, you will learn: • Benefits of the open source community • Comparison of Drupal to other systems • Ease of Customization of branding and functionality • Managing content layout and design in Drupal • About common features and functionality of Drupal

Making the Switch, Part 1: Top 5 Things to Consider When Evaluating Drupal

Acquia

[jqconatx] Adaptive Images for Responsive Web Design

Christopher Schmitt

Lone StarPHP 2013 - Building Web Apps from a New Angle

Pablo Godel

Building a platform with Django, Docker and Salt | Djangocon lightning talk

dotCloud

Building a Platform with Django, Docker and Salt

Docker, Inc.

Oxente on Rails 2009

Fabio Akita

Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?

Andy Davies

Being a developer for years its very easy to get type-cast. You become "The CodeIgniter Guy", the one dev in the office that knows how FooCMS works or just end up farming out CRUD day after day. Well I decided to say "nope" to that & accepted a job where I'd need to know how to do…everything. This talk aims to give you an overview of what you should be looking to learn next if you want to stop being "just a developer" & move into the devops/architecture arena.

Become Master of Your Own Universe - DIBI 2013

Phil Sturgeon

As anyone using AWS will be able to tell you, there are good parts, and there are the bad ones. If you come from a datacenter background, you are most definitely not in Kansas anymore, and we had our share of learning experiences as a result. This is the story of all the pitfalls we encountered, and how, through architecture, convention and common sense, we managed to build an infrastructure that is "Always Up" from the end user perspective and incredibly economical to build, scale and operate. The talk will focus on leveraging the strong/economical points of AWS, while avoiding the weak/expensive ones. I'll give a break down of the pain points, how we managed them and how we avoided painting ourselves in a corner accidentally. For many companies starting today, success is defined by large traffic or user numbers; if you are one of those companies, these lessons will very likely save you significant operational headaches.

AWS: Architecting for resilience & cost at scale

Jos Boumans

"Architecting for Failure in AWS" by Jos Boumans, VP of Operations, Krux Digital. Presentation Overview: Krux is an infrastructure provider for many of the websites you use online today, like NYTimes.com, WSJ.com, Wikia and NBCU. For every request on those properties, Krux will get one or more as well. We grew from zero traffic to several billion requests per day in the span of 2 years, and we did so exclusively in AWS. As anyone using AWS will be able to tell you, there's good parts, and there's the bad ones. This is the story of all the pitfalls we encountered, and how, through architecture, convention and common sense, we managed to build an infrastructure that is "Always Up" from the end user perspective and incredibly economical to build, scale & operate. Speaker Bio: Jos is the VP of Operations at Krux, supporting a platform with over 4 billion requests per day with a tiny Ops team. Every bit of the AWS stack is automated, monitored & graphed, with maximized resilience and minimized cost. In a previous life I ran the Ubuntu Server group at Canonical and the Database group at RIPE, which is responsible for all the authoritative IP address data in Europe, the Middle East & Asia. Jos is a regular speaker at conferences like OSCON, Devoxx, Puppetconf, etc where he mostly speaks on dealing with AWS Operations from all angles.

Architecting for Failure in AWS - PuppetConf 2013

Puppet

Lessons learned from Node.js - Callbacks / Promises

Jason K Yau

Coscup 2013 : Continuous Integration on top of hadoop

Wisely chen

Similar to Front end-performance (20)

JSDay 2013 - Practical Responsive Web Design

Scaling PHP to 40 Million Uniques

UberFire Quick Intro and Overview (early beta Aug 2013)

Node Tools For Your Grails Toolbox - Gr8Conf 2013

Performance & Responsive Web Design

Front-End: O que é e o que faz

Performance and optimization

jQuery Mobile Deep Dive

Making the Switch, Part 1: Top 5 Things to Consider When Evaluating Drupal

[jqconatx] Adaptive Images for Responsive Web Design

Lone StarPHP 2013 - Building Web Apps from a New Angle

Building a platform with Django, Docker and Salt | Djangocon lightning talk

Building a Platform with Django, Docker and Salt

Oxente on Rails 2009

Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?

Become Master of Your Own Universe - DIBI 2013

AWS: Architecting for resilience & cost at scale

Architecting for Failure in AWS - PuppetConf 2013

Lessons learned from Node.js - Callbacks / Promises

Coscup 2013 : Continuous Integration on top of hadoop

More from Richard Powell

Why is writing React.JS code so simple? Why had writing Backbone.JS code become difficult for us at Server Density. What does this say us about good code vs great code? In this presentation I cover 3 important concepts: * Code simplicity vs complexity * Code predictability * Composability Using real-world example I'll share what our 16 month journey migrating a large Backbone codebase, to a large React codebase has taught us.

Backbone to React. What it says about awesome UI Code.

Richard Powell

Designing user on-boarding

Richard Powell

Data Visualisation with D3 & Rickshaw - Berlin Expert Days

Richard Powell

Time-Series Monitoring Graphs with D3 & Rickshaw

Richard Powell

D3 Rickshaw and Backbone in 50 minutes

Richard Powell

Angular.js, Yeomon & Grunt

Richard Powell

HTML5 Canvas @SuperMondays, Newcastle

Richard Powell

More from Richard Powell (7)

Backbone to React. What it says about awesome UI Code.

Designing user on-boarding

Data Visualisation with D3 & Rickshaw - Berlin Expert Days

Time-Series Monitoring Graphs with D3 & Rickshaw

D3 Rickshaw and Backbone in 50 minutes

Angular.js, Yeomon & Grunt

HTML5 Canvas @SuperMondays, Newcastle

Recently uploaded

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Exploring Multimodal Embeddings with Milvus

Zilliz

Architecting Cloud Native Applications

WSO2

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

Recently uploaded (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Corporate and higher education May webinar.pptx

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Introduction to Multilingual Retrieval Augmented Generation (RAG)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Strategies for Landing an Oracle DBA Job as a Fresher

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Boost Fertility New Invention Ups Success Rates.pdf

Vector Search -An Introduction in Oracle Database 23ai.pptx

Exploring Multimodal Embeddings with Milvus

Architecting Cloud Native Applications

Why Teams call analytics are critical to your entire business

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Platformless Horizons for Digital Adaptability

MS Copilot expands with MS Graph connectors