Code, Network, Processing and Workshop - Technology Performance Pulse

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. Adrian Bece.

Code

Code Performance Network Website

Modelling Bounded Contexts with the Bounded Context Design Canvas: A Workshop Recipe

Strategic Tech

JULY 22, 2019

This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 1 hour) Candidate Context Modelling (min.

Design

Design Systems Strategy Processing

Plan, execute, and modernize a cloud migration strategy with Dynatrace

Dynatrace

MAY 9, 2022

Define the strategy, assess the environment, and perform migration-readiness assessments and workshops. Dynatrace Smartscape provides a near-real-time environment topology visualization of all the dependencies across the infrastructure, process, and services. However, the foundational stages are similar: Assess and discover.

Strategy

Strategy Cloud Infrastructure Java

Exploring The Potential Of Web Workers For Multithreading On The Web

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency

Efficiency Code Strategy Network

How To Build Resilient JavaScript UIs

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. Jump to online workshops ?. How To Build Resilient JavaScript UIs. Callum Hart.

Network

Network Engineering Availability Monitoring

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. How will you serve blazingly fast code, then?

Cache

Cache Performance Servers Social Media

How We Improved SmashingMag Performance

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. Once the workshop was over, we got to work.

Performance

Performance Cache Mobile Network

Percentiles don’t work: Analyzing the distribution of response times for web services

Adrian Cockcroft

JANUARY 29, 2023

A later version of the slides is included in my Microservices Workshop deck from later that year, slides 168–200 ( pdf , keynote are available in GitHub.com/adrianco/slides ). The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. >

Lambda

Lambda Latency Cache C++

Kubernetes and containers for enterprise developers

O'Reilly Software

MAY 15, 2018

Whether it’s dev, staging, testing, or production, developers need assurance that the code they deploy to one environment is going to work in another. Developers at the "Istio Hands-on Workshop" at KubeCon in Copenhagen. Cilium is a very new project; it's a network and security API, so it sort of has ties into projects like Istio.

Development

Development Media Google Network

A Brief Guide of xPU for AI Accelerators

ACM Sigarch

APRIL 26, 2018

APU: Accelerated Processing Unit is the AMD’s Fusion architecture that integrates both CPU and GPU on the same die. BPU: Brain Processing Unit is the design of the AI chips by Horizon Robotics. They unveiled their first two embedded AI chips fabricated with TSMC 40nm process in December 2017: “Journey 1.0

Hardware

Hardware Artificial Intelligence Architecture Google

The State Of Web Workers In 2021

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on.

Games

Games Architecture Code C++

Where programming languages are headed in 2020

O'Reilly

JANUARY 13, 2020

Binder, she notes, “was widely used last year for teaching workshops and tutorials at many Python conferences.” Although many Android developers are still in the process of making the move to Kotlin, those who have already transitioned know the benefits it offers. Does your function have side effects?

Programming

Programming Java Google C++

Four tips to maximise your time at DevOps Enterprise Summit 2019, London

Tasktop

JUNE 18, 2019

The three-day event is jam-packed full of keynotes, breakouts, workshops (and, not to mention, parties!) Tip #2 – Embrace the opportunity to network. Networking is almost always priceless. With the dress code in mind (Business Casual for DOES London), wear the most comfortable pair of shoes you own.

DevOps

DevOps Network Software Software

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Here is how we tackled the challenge. image preload options. <head>

Cache

Cache Strategy Best Practices Design

Tools And Practices To Speed Up The Vue.js Development Process

Smashing Magazine

JULY 8, 2021

Development Process. Development Process. Using the proposed file structure is not a bad way of structuring your project per se, but as your project grows, you will need a better structure as your code becomes clustered and harder to navigate and access files. Jump to the workshop ?. Uma Victor. 2021-07-08T11:00:00+00:00.

Speed

Speed Processing Development Code

How enterprises can successfully scale Agile development

Tasktop

JUNE 20, 2019

And why, in lieu of a single tool or process, organizations need to identify and eliminate long cycles and wait times within development itself, and beyond. Developers are also highly impacted by activities that happen downstream from code-commit, like testing, deployment, customer support, and operations.

Development

Development DevOps Google Innovation

How To Fix Cumulative Layout Shift (CLS) Issues

Smashing Magazine

JUNE 2, 2021

Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. So if you click on a button, and do some complex processing that takes over 500 ms and then render some new content, then your CLS score is going to suffer.

Media

Media Metrics Website Google

What Adrian Did Next?—?Part 2?—?Sun Microsystems

Adrian Cockcroft

JUNE 21, 2022

The early days at Sun Cambridge were special, I absorbed a lot about networking and the technical side of the role from my fellow systems engineer Martin Baines, and we were driving all over the region in cool company cars (I had a Citroen BX 16V) selling a really hot product.

Tuning

Tuning Benchmarking Engineering C++

World’s Top Web Performance Leaders To Watch

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Maximiliano Firtman. Maximiliano Firtman.

Performance

Performance Education Google Website

5 Steps to Accelerate your Cloud Migration with Dynatrace

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. There is no code or configuration change necessary to capture data and detect existing services. Step 2: Understand your Dependencies: No Host or Process left alone!

Cloud

Cloud Traffic Database Network

Symphonia at Velocity 2018, and more Serverless Insights

The Symphonia

JUNE 19, 2018

This summer also marks the 4-yearly event that is La Copa Mundial (we only get Telemundo in my apartment, not Fox Sports Network) but since the good old US of A are absent from the men’s World Cup this year, football fever is distinctly frigid. Unlike the temperature outside. John and I (Mike) have had a fun three months.

Serverless

Serverless AWS DevOps Open Source

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

AUGUST 2, 2021

Before bringing up the refactoring proposal to the management and stakeholders, it can be useful to back up the suggestion with some hard data about the codebase health — not only to convince the management department, but also have a measurable goal for the refactoring process. Preparation And Planning.

Strategy

Strategy Testing Best Practices Code

Refactoring CSS: Optimizing Size And Performance (Part 3)

Smashing Magazine

AUGUST 30, 2021

Regardless of how much the CSS codebase has been improved during the refactoring process and how much more maintainable and extendable it is, the final stylesheet needs to be optimized for the best possible performance and least possible file size. First, the unoptimized code is parsed and transpiled following the rules set in the config.

Media

Media Performance Cache Strategy

How To Build An Ethical User Research Practice At Any Organization

Smashing Magazine

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. For example, try and recall the last time your team’s processes were audited for compliance against the company’s ethical standards. It all starts with a Code of Ethics. “I Devin Harold. Credit: Devin Harold.

Code

Code Design Education Government

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

NOVEMBER 4, 2021

Let’s get right into the code. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives. Also, here’s the repo containing the code demonstrating subscription on the the client-side.

Cache

Cache Servers Transportation Code

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

JULY 12, 2021

However, this simplicity leaves the door open for many potential issues and technical debt — bloated code, specificity hell, duplicated code blocks with very little to no difference, leftover unused selectors, unnecessary hacks, and workarounds, to name a few. Leftover, unused chunks of code from deleted features.

Best Practices

Best Practices Website Architecture Media

MXNet - Deep Learning Framework of Choice at AWS

All Things Distributed

NOVEMBER 22, 2016

At Amazon, machine learning has been key to many of our business processes, from recommendations to fraud detection, from inventory levels to book classification to abusive review detection. AWS will contribute code and improved documentation as well as invest in the ecosystem around MXNet. AWS and Support for Deep Learning Frameworks.

AWS

AWS Open Source Scalability Programming

How To Build A Real-Time Multi-User Game From Scratch

Smashing Magazine

OCTOBER 22, 2021

In this article, I’ll describe the process behind the creation of Autowuzzler , which tools and frameworks I chose, and share a few implementation details and lessons I learned. Jump to online workshops ?. The process of assigning players to their desired game room is called “match-making”. Large preview ). More after jump!

Games

Games Servers Database Virtualization

Useful React Hooks That You Can Use In Your Projects

Smashing Magazine

NOVEMBER 12, 2021

We’ll go through several code examples of each hook and also explore how you’d create a custom hook. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. More after jump!

Code

Code Availability Efficiency Performance

The Challenges and Traps of Architecting Sociotechnical Systems

Strategic Tech

JUNE 23, 2018

Whenever a team starts on a piece of work they should own all of the code and infrastructure that needs to change in order to deliver the work. I’ve seen a number of systems where the thinking was “our monoliths are so big we’re going to put all new code in a new codebase”. There are still challenges with this approach?

Systems

Systems Social Media Design Media

Technology Performance Pulse

Improving JavaScript Bundle Performance With Code-Splitting

Modelling Bounded Contexts with the Bounded Context Design Canvas: A Workshop Recipe

Trending Sources

Plan, execute, and modernize a cloud migration strategy with Dynatrace

Exploring The Potential Of Web Workers For Multithreading On The Web

How To Build Resilient JavaScript UIs

Five Data-Loading Patterns To Improve Frontend Performance

How We Improved SmashingMag Performance

Percentiles don’t work: Analyzing the distribution of response times for web services

Kubernetes and containers for enterprise developers

A Brief Guide of xPU for AI Accelerators

The State Of Web Workers In 2021

Where programming languages are headed in 2020

Four tips to maximise your time at DevOps Enterprise Summit 2019, London

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Tools And Practices To Speed Up The Vue.js Development Process

How enterprises can successfully scale Agile development

How To Fix Cumulative Layout Shift (CLS) Issues

What Adrian Did Next?—?Part 2?—?Sun Microsystems

World’s Top Web Performance Leaders To Watch

5 Steps to Accelerate your Cloud Migration with Dynatrace

Symphonia at Velocity 2018, and more Serverless Insights

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Refactoring CSS: Optimizing Size And Performance (Part 3)

How To Build An Ethical User Research Practice At Any Organization

GraphQL On The Front-End (React And Apollo)

Refactoring CSS: Introduction (Part 1)

MXNet - Deep Learning Framework of Choice at AWS

How To Build A Real-Time Multi-User Game From Scratch

Useful React Hooks That You Can Use In Your Projects

The Challenges and Traps of Architecting Sociotechnical Systems

Stay Connected