CSS Wizardry

The Fastest Google Fonts

CSS Wizardry

* The Wiz: [link] 200518_2J_70c5f6c1c92a1cd436e525ac2b895f51 200518_AY_290d20f93c0e4b469e0bbe60a63f678e 200518_8F_49cb76e22485f51fad729e085a8bd08e 200518_4W_7d70995268b4aa4f495304063d449ae3&thumbSize=150&ival=100&end=all * harry.is: [link] --> For the most part, web fonts nowadays are faster than ever.

Google 285

Measuring Network Performance in Mobile Safari

CSS Wizardry

So far this year, all but one of my clients have been concerned about Google’s upcoming Web Vitals update. The client who’s bucking the trend is great, not least because it’s given me something a little different to focus on—they’re more interested in how their site fares on iOS.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Real-World Effectiveness of Brotli

CSS Wizardry

One of the more fundamental rules of building fast websites is to optimise your assets, and where text content such as HTML, CSS, and JS are concerned, we’re talking about compression.

Site-Speed Topography

CSS Wizardry

A couple of years ago, my first few days on a new web performance project were always slow going. So many false starts, tedious workflows, and a complete lack of efficiency really made it difficult for me to find momentum.

Speed 162

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

CSS Wizardry

I’m working on a client project at the moment and, as they’re an ecommerce site, there are a lot of facets of performance I’m keen to look into for them: load times are a good start, start render is key for customers who want to see information quickly (hint: that’s all of them), and client-specific metrics like how quickly did the key product image load? can all provide valuable insights. However, one metric I feel that front-end developers overlook all too quickly is Time to First Byte (TTFB).

Performance Budgets, Pragmatically

CSS Wizardry

One of the key tools that performance engineers have at their disposal is the Performance Budget: it helps us—or, more importantly, our clients—ensure that any performance-focused work is monitored and maintained after we’ve gone.

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. In this short and hopefully very straightforward post, I want to outline the disadvantages of hosting your static assets ‘off-site’, and the overwhelming benefits of hosting them on your own origin. What Am I Talking About?

Cache 219

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. There was no appetite from them to do so, so I decided to make it all available for free anyway—a faster web benefits everyone. All of the people I have dealt with seem like really, really nice folk.

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. It’s been an incredibly fun and rewarding engagement, and we’ve made some real business- and customer-facing improvements. One of the key reasons I’ve found the project so fun is that it’s given me a real chance to get very forensic.

Tips for Technical Interviews

CSS Wizardry

Yesterday, I spoke at ITKonket in Kragujevac, Serbia. During the Q&A after my talk, one great and non-technical question I got was for general advice on interviewing at tech companies. I decided to write down (and expand on) my answer in the hope that it might help someone else, too. Disclaimer. I don’t claim to be an authority on interviewing. I don’t think this article is definitive or gospel.

Code 167

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. Until we can design a more long-term solution (and that’s assuming we can at all) that can asynchronously load the file, I wanted to work out a way to minimise its impact. This is a regular that is, necessarily, defined in the.

Cache 135

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. The short answers are, of course ‘all the time’ and ‘everyone’, but this mutual disownership is a common reason why performance often gets overlooked.

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. Generally speaking, increased bandwidth is only particularly useful when you’re transferring or downloading large files. If you’re streaming video, the difference between a 2Mb 1 connection and a 20Mb connection will surely be appreciated.

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,

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.

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 216

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.

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. That said, perhaps this article might provide some use to people looking to get a better handle on their digital setup: I know I would have certainly appreciated a post like this when I was setting out. Background. I listen to a lot of music.

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 111

Performance Testing at MongoDB

Alex Podelko

MongoDB has the most advanced continuous performance testing I know about. It quite could be that some other companies have something interesting too – but they are not sharing that. Another interesting project in that area is keptn , but that is about it.

mysqldump Best Practices: Part 2 – Migrations Guide

Scalegrid

In the second and final part of our mysqldump best practices we will talk about how to handle the migration and import for stored program objects and views from your MySQL database.

Auditing PostgreSQL Using pgAudit

Scalegrid

Auditing in information technology (IT) is a process of examining an organization’s IT infrastructure to ensure compliance with the requirements imposed by recognized standards or established policies.

Happy 15th Birthday Amazon S3 -- the service that started it all

All Things Distributed

15 years is a long time in the world of technology. Back when S3 launched on March 14, 2006 (also known as “Pi Day” to some), iPhones didn’t exist, neither did tweets or likes, Facebook was still only used by a few colleges and universities, and you couldn’t hail a ride or order lunch with an app.

Remote Workstations for the Discerning Artists

The Netflix TechBlog

By Michelle Brenner Netflix is poised to become the world’s most prolific producer of visual effects and original animated content. To meet that demand, we need to attract the world’s best artistic talent.

MongoDB Performance Resources

Alex Podelko

As I started to work for MongoDB, I started to get questions about MongoDB performance. We do have a lot of great resources that can help with MongoDB performance. First of all, it is MongoDB and Atlas documentation: Performance , Monitoring , and Query Optimization.

Business Insights extends support for optimizing Core Web Vitals

Dynatrace

Dynatrace news. In February 2021, Dynatrace announced full support for Google’s Core Web Vitals metrics , which will help site owners as they start optimizing Core Web Vitals performance for SEO. This is good news if you’ve been tasked with leading a Core Web Vitals SEO project.

Google 151

ConsoleMe: A Central Control Plane for AWS Permissions and Access

The Netflix TechBlog

ConsoleMe: A Central Control Plane for AWS Permissions and Access By Curtis Castrapel , Patrick Sanders , and Hee Won Kim At AWS re:Invent 2020, we open sourced two new tools for managing multi-account AWS permissions and access.

AWS 239

Dynatrace again named a Leader in 2021 Gartner Magic Quadrant for APM, received highest scores in 4 of 5 use cases in 2021 Gartner Critical Capabilities for APM

Dynatrace

Dynatrace news. I am delighted to share, Dynatrace has been named a Leader for the 11 th consecutive time in the 2021 Gartner Magic Quadrant for Application Performance Monitoring (APM) report.

What is AWS Lambda?

Dynatrace

Dynatrace news. The 2014 launch of AWS Lambda marked a milestone in how organizations use cloud services to deliver their applications more efficiently, by running functions at the edge of the cloud without the cost and operational overhead of on-premises servers. What is AWS Lambda?

Lambda 200

Reducing Your Database Hosting Costs: DigitalOcean vs. AWS vs. Azure

Scalegrid

If you’re hosting your databases in the cloud, choosing the right cloud service provider is a significant decision to make for your long-term hosting costs. This is especially apparent in today’s world where organizations are doing whatever they can to optimize and reduce their costs.

Azure 272

mysqldump Best Practices: Part 1 – MySQL Prerequisites

Scalegrid

Mysqldump is a client utility that is used to perform logical backups of the MySQL database. This popular migration tool is useful for various use cases of MySQL such as: Backup and restore of databases. Migrating data from one server to another.

Celebrating 10 years in Japan with the new AWS Asia Pacific (Osaka) Region

All Things Distributed

I am pleased to share that the AWS Asia Pacific (Osaka) Region has transitioned from a Local Region into a standard region with three Availability Zones (AZs), a broader (and growing) service portfolio, free tier option, and new pricing options.

AWS 167

Core Web Vitals: Practical metrics for optimal user experiences

Dynatrace

Dynatrace news. User experience now defines website success. Ben Rushlo, Dynatrace Vice President of DEM Services, puts it this way: “As performance degrades, user experience degrades, engagement degrades, and business outcomes degrade.” ” The solution?

23 Node.js Best Practices For Automation Testing

DZone

If you are in the world of software development, you must be aware of Node.js. From Amazon to LinkedIn, a plethora of major websites use Node.js. Powered by JavaScript, Node.js can run on a server, and a majority of devs use it for enterprise applications.

Life of a Netflix Partner Engineer?—?The case of extra 40 ms

The Netflix TechBlog

Life of a Netflix Partner Engineer?—?The The case of the extra 40 ms By: John Blair , Netflix Partner Engineering The Netflix application runs on hundreds of smart TVs, streaming sticks and pay TV set top boxes.

How to Compare Core Dumps for Simple Time Travel Debugging

DZone

How can the difference between two Linux core dumps be identified and why would this even come up? This is going to be lengthy, but will hopefully give you your answer to both of those questions. The Case for Comparing Core Dumps.

C++ 141

Lower total cost of ownership with improved OneAgent and ActiveGate update process

Dynatrace

Dynatrace news. If you’re a Dynatrace administrator who’s responsible for installing and updating OneAgent or ActiveGate instances or you’re simply interested in learning how to get new functionality from Dynatrace as soon as possible, this blog post is for you.

DynaWine: Transform faster with automation and AI

Dynatrace

Dynatrace news. Recently, after an unusual year for most, Dynatrace was joined by Grant Hedley, from Laithwaite’s, and a range of customers and prospects from the financial services and media industries for a return to normality – Drinking wine.

Media 169

What is Greenplum Database? Intro to the Big Data Database

Scalegrid

Greenplum Database is a massively parallel processing (MPP) SQL database that is built and based on PostgreSQL.

How to solve the challenges of multicloud AWS, Azure and GCP observability

Dynatrace

Dynatrace news. Consumer demand for digital services has soared in the past year, steeply accelerating a trend that was already well underway.

Azure 195

4 Software QA Metrics To Enhance Dev Quality and Speed

DZone

Introduction. Today, the demand for software is higher than ever. Lines of code govern almost everything we do in our day-to-day activities. The way we buy, the way we sell, even the way we communicate. In 2019, according to Evans Data Corporation, there were 23.9 million developers worldwide.

Speed 163

Control Flow: try-catch or if-else?

DZone

Introduction. Lately, while working on a new project, I had a chance to think about the proper way to handle control flow. As all developers might know well, the most common approaches used are try-catch and if-else. So far, I haven't thought deeply about the difference between these two.

A practical guide to monitoring Python Applications with Dynatrace

Dynatrace

Dynatrace news. Monitoring and observability are important topics for any developer, architect, or Site Reliability Engineer (SRE), and this holds true independent of the language or runtime of choice.