CSS Wizardry

Time to First Byte: What It Is and Why It Matters

CSS Wizardry

Self-Host Your Static Assets

CSS Wizardry

One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should self-host all of your static assets, forgoing others’ CDNs/infrastructure.

Cache 284

Making Cloud.typography Fast(er)

CSS Wizardry

Disclaimers: I was not approached or hired by Hoefler&Co or Cloud.typography to look into any of the following issues. I disclosed all of the below to Cloud.typography and gave them ample opportunity to work together to solve the issues at the root of the problem.

CSS and Network Performance

CSS Wizardry

Despite having been called CSS Wizardry for over a decade now, there hasn’t been a great deal of CSS-related content on this site for a while. Let me address that by combining my two favourite topics: CSS and performance.

Lazy Pre-Browsing with Prefetch

CSS Wizardry

I’m working with a client at the moment who, unfortunately, has a blocking third party stylesheet that’s needed to successfully render one of their site’s key pages.

Cache 156

Cache-Control for Civilians

CSS Wizardry

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors. ?? How is your knowledge of caching and Cache-Control headers? — Harry Roberts (@csswizardry) 3 March, 2019.

Cache 215

Image Inconsistencies: How and When Browsers Download Images

CSS Wizardry

This year, I’ve been working closely with the wonderful Coingaming team out in beautiful Tallinn. We’ve been working pretty hard on making their suite of online products much faster , and I’ve been the technical consultant leading the project.

The Three Types of Performance Testing

CSS Wizardry

A lot of companies—even if they are aware that performance is key to their business—are often unsure of how, when, or where performance testing sits within their development lifecycle. To make things worse, they’re also usually unsure whose responsibility performance measuring and monitoring is.

Bandwidth or Latency: When to Optimise for Which

CSS Wizardry

When it comes to network performance, there are two main limiting factors that will slow you down: bandwidth and latency. Bandwidth is defined as…. the maximum rate of data transfer across a given path.

ITCSS × Skillshare

CSS Wizardry

Back in February 2018, Scott Sullivan, Partnerships Team Lead at Skillshare , sent me an email asking if I’d be interested in collaborating on an official ITCSS video course in conjunction with them. Sign up and learn ITCSS today! The email was extremely well timed.

Identifying, Auditing, and Discussing Third Parties

CSS Wizardry

A large part of my performance consultancy work is auditing and subsequently governing third-party scripts, dependencies, and their providers.

Google 151

What If?

CSS Wizardry

I was recently conducting some exploratory work for a potential client when I hit upon a pretty severe flaw in a design decision they’d made: They’d built a responsive image lazyloader in JavaScript which, by design, worked by: immediately applying display: none; to the ; waiting until the very last of the page’s images had arrived; once they’d arrived, removing the display: none; and gradually fading the page into visibility.

Getting to Know a Legacy Codebase

CSS Wizardry

The other day, Brad dropped me a message asking me about the topic of getting to know a brand new (specifically CSS) codebase. The kind of codebase that no one person truly understands any more; the kind of codebase that’s had a dozen different contributors over just as many years; the kind of codebase that’s never had a full-scale refactor or overhaul, but that’s grown organically over time and changed with new techniques, styles, and trends. (Un)fortunately,

My Digital Music Setup

CSS Wizardry

I want to begin this post with a disclaimer: I’m not an audiophile, and I don’t claim to be particularly knowledgable when it comes to music technology. If I sound like I don’t have a clue what I’m talking about, that’s probably because I don’t.

Explore Autonomous Cloud Management at an Autonomous Cloud Lab


Dynatrace news. The path to Autonomous Cloud Management (ACM) and NoOps is a transformational journey that reaches all parts of an organization. It fundamentally changes how teams and tools work together with a common goal: deliver software faster, more frequently and with a higher degree of quality.

Cloud 206

Giving data a heartbeat


Dynatrace news. I love data. I have spent virtually my entire career looking at data. Synthetic data, network data, system data, and the list goes on.

Recognising our Top Performing APAC Partners


Dynatrace news. Over the last few weeks, the Dynatrace team from across the Asia-Pacific region has been on the road as part of the exhilarating Dynatrace PerformGo! World Tour.

Game changing — From zero to Autonomous Cloud Management today


Dynatrace news. I’m going to revisit the Dynatrace digital transformation in this blog, because it is also an excellent story that began our journey to Autonomous Cloud Management (ACM).

Games 199

Compare KPIs across time and management zones on a single dashboard


Dynatrace news. Reporting deltas (i.e, comparing differences) between sets of timeframes or other logical units, is a valuable practice for evaluating business success.

Troubleshooting Knative Prometheus GC Issues with Dynatrace


Dynatrace news. In my current work, I spend a lot of time with keptn – an Open Source Control Plane for Continuous Deployment and Automated Operations. I deployed keptn on a GKE cluster and it’s been running there for the past couple of weeks.

Leverage the power of Davis AI with custom time-series events for your specific use cases (Preview)


Dynatrace news. Dynatrace Davis automatically analyzes abnormal situations within your IT infrastructure and reports all relevant impacts and root causes.

LATAM Partner Awards and Partner Summit 2019


Dynatrace news. The Dynatrace LATAM team were delighted to host the third successful Partner Summit in Medellín, Colombia for more than 80 partners from 7 different countries. At the Partner Awards dinner, we recognized and celebrated the contribution and success of all our LATAM partners.

Cloud 165

AWS EKS Monitoring as a Self-Service with Dynatrace


Dynatrace news. Kubernetes (k8s) provides basic monitoring through the Kubernetes API and you can find instructions like Top 9 Open Source Tools for Monitoring Kubernetes as a “do it yourself guide”. For EKS – Amazon’s Kubernetes Service – you can get a preview of CloudWatch Container Insights.

AWS 156

How to get the most value out of Session Replay: Use cases and examples


Dynatrace news. At Dynatrace, we’re constantly striving to come up with solutions that can help modernize your performance and user experience monitoring strategies.

How to get the answers you deserve using the three pillars of observability


Dynatrace news. In software, observability refers to telemetry produced by services. Observability is divided into three major verticals—metrics, logs, and distributed traces—the so-called three pillars of observability.

Build automated self-healing systems with xMatters and Dynatrace (Part 2 of 3)


Dynatrace news. Welcome back to the blog series in which we share how you can easily solve three common problem scenarios by using Dynatrace and xMatters Flow Designer.

Embark on a journey towards Autonomous Cloud Management with Dynatrace


Dynatrace news. It feels like just yesterday DevOps was all the rage, and everything had to be “Cloud” in order to be modern. These days, most organizations have embraced the benefits of DevOps and are running one or more of their applications on somebody else’s computer.

Cloud 205

How to Optimize Digital Experience and Operations with Dynatrace


Dynatrace news. I was fortunate enough to get invited to our PerformGo! APAC Series.

Cache 196

Managing High Availability in PostgreSQL – Part III: Patroni


In our previous blog posts, we discussed the capabilities and functioning of PostgreSQL Automatic Failover (PAF) by Cluster Labs and Replication Manager (repmgr) by 2ndQuadrant. In the final post of this series, we will review the last solution, Patroni by Zalando, and compare all three at the end so you can determine which high availability framework is best for your PostgreSQL hosting deployment. Managing High Availability in PostgreSQL – Part I: PostgreSQL Automatic Failover.

Which Is the Best PostgreSQL GUI? 2019 Comparison


PostgreSQL graphical user interface (GUI) tools help these open source database users to manage, manipulate, and visualize their data. In this post, we discuss the top 5 GUI tools for administering your PostgreSQL deployments.

Fully automatic code level monitoring and extended version support for AIX


Dynatrace news. In April of this year, we released a long-awaited GA version of the full-stack OneAgent for the IBM AIX operating system. This release enriched our family of full-stack OneAgents with an important contribution.

Code 179

Reimagining Experimentation Analysis at Netflix

The Netflix TechBlog

Toby Mao , Sri Sri Perangur , Colin McFarland Another day, another custom script to analyze an A/B test. Maybe you’ve done this before and have an old script lying around. If it’s new, it’s probably going to take some time to set up, right? Not at Netflix.

Dynatrace Managed feature update, version 1.176


Dynatrace news. New features and enhancements. Leverage the power of Davis AI with custom time-series events for your specific use cases (Preview). More flexible SAML configuration. Our default settings work well for most SSO servers that utilize the SAML protocol.

Unleash the power of the Dynatrace Markdown Dashboard Tile


Dynatrace news. Dynatrace Dashboards are constantly updated with new capabilities. If you want to get up to speed, check out my recent Performance Clinics: “ AI-Powered Dashboarding ” and “ Advanced Business Dashboarding and Analytics ”.

Automated full-stack monitoring and distributed tracing for Red Hat OpenShift 4.0


Dynatrace news. Red Hat just announced the availability of their OpenShift 4.0 container platform at the Red Hat Summit in Boston. We worked closely with our friends from Red Hat to provide a seamless experience of our software intelligence platform for the new OpenShift 4.0 release.

Monitor your OAuth 2.0 protected APIs with Dynatrace Synthetic


Dynatrace news. As microservices and automation continue to drive API usage, most organizations have either already introduced, or plan to introduce, an API testing process. With Dynatrace Synthetic you can easily create API tests with synthetic monitors.

Improved content validation for Synthetic browser and clickpath monitors


Dynatrace news. With the release of Dynatrace 1.175, we’ve improved the content validation capabilities of synthetic browser and clickpath monitors. The contains text content validation option now mimics the Find (Ctrl+F/Cmd+F) functionality of a web browser.

ACM Survey, Part 2: How your peers use production monitoring data to innovate faster


Dynatrace news. Welcome back to the blog series in which we summarize the findings of our Autonomous Cloud Management Survey. In part 1 we examined the Dev-to-Ops ratios that organizations have for their most critical application projects.

The Future of Performance Testing

Alex Podelko

Following up my post Are Times still Good for Load Testing? , I decided to answer multiple comments here separately. First, I’d like to elaborate on “It may be less need for simple load testing due to increased scale and sophistication of systems” I meant that the traditional way – testing the system before deploying in production using production-type workload – is not the only way anymore.

Dynatrace study: How your peers use cloud automation to innovate faster (Part 1)


Dynatrace news. Over the last year we’ve seen more and more Dynatrace customers move from DevOps to NoOps. These organizations have built automation into their DevOps environments to a degree that there is no longer a need for a traditional Ops team to manage software in-house.

Dynatrace proactively keeps you informed of service incidents and outage resolutions


Dynatrace news. Dynatrace announces all service-related incidents that occur within our infrastructure on our service status page. To be notified of such incidents automatically, you can subscribe to outage notifications via email. But how can you know when an incident has been resolved?

Five Fast JavaScript Data Grids — A Performance Review


An example of a Data Grid. It is hard to imagine a modern web app that does not involve a data grid component to display and filter the data.

Perform Summit Barcelona: The future roadmap


Dynatrace news. Can you believe it’s been two weeks since our annual Perform Summit Barcelona? If you were unable to attend the event, don’t worry, you can catch up on all the action below.