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 282

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.

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

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 285

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.

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.

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.

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.

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 166

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.

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 136

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.

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.

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.

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

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 141

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.

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 239

Handling Multiple Windows With Protractor For Selenium Testing

DZone

Every day is a challenge for newbie automation testers! Just when you learned how to perform automated browser testing on a single window, you now come across the challenge of handling multiple windows. Isn’t this a nightmare! Well, no need to worry, I've got you covered.

Monitoring of Kubernetes Infrastructure for day 2 operations

Dynatrace

Dynatrace news. Kubernetes has taken over the container management world and beyond , to become what some say the operating system or the new Linux of the cloud.

Expand application and infrastructure observability with operational insights into Kubernetes pods

Dynatrace

Dynatrace news. Dynatrace is the only Kubernetes monitoring solution that provides continuous automation and full-stack advanced observability without changing code, container images, or deployments.

Redis Transactions & Long-Running Lua Scripts

Scalegrid

Redis offers two mechanisms for handling transactions – MULTI/EXEC based transactions and Lua scripts evaluation. Redis Lua scripting is the recommended approach and is fairly popular in usage.

MicroProfile Metrics with Prometheus and Grafana [Video]

DZone

In this short video, Rudy de Busscher shows how to connect MicroProfile Metrics with Prometheus and Grafana to produce useful graphics and to help investigate your microservice architecture. The goal of MicroProfile Metrics is to expose monitoring data from the implementation in a unified way.

Protractor Tutorial: Handle Mouse Actions and Keyboard Events

DZone

At times, while performing automated browser testing, you often have to deal with elements, which reveal only after you hover on the menu or after you click on them. In such cases, you can opt for using the action class for keyboard and mouse actions in Selenium Protractor.

A Guide To Automation Testing Using Selenium ChromeDriver

DZone

According to netmarketshare , Google Chrome accounts for 67% of the browser market share. It is the choice of the majority of users and it’s popularity continues to rise. This is why, as an automation tester, it is important that you perform automated browser testing on Chrome browser.

9 Best Free Brainstorming Tools For Entrepreneurs

DZone

Brainstorming is essential to almost every other individual these days. Especially, when it comes to harnessing productivity in entrepreneurs these days, the importance of brainstorming can never be over-emphasized. Therefore, having great brainstorming tools at your disposal is vital.

A Short on How Zoom Works

High Scalability

Zoom scaled from 20 million to 300 million users virtually over night. What's incredible is from the outside they've shown little in the way of apparent growing pains, though on the inside it's a good bet a lot of craziness is going on.

21 Groups and Companies Testers Should Follow on Linkedin

DZone

Getting in the Know on LinkedIn in 2020. Are you a tester on Linkedin? We all know the benefits of having a well-maintained Linkedin profile: recruiters reach out to you, you can show off skills and achievements, display personal recommendations, network, etc.

OAuth API Testing With JMeter

DZone

For Installing and Overview of JMETER. Please check. link]. performance oauth jmeter load api testing api access tokens jmeter 5.1

Quality Sense Podcast: Oren Rubin — Web Test Automation Challenges

DZone

In today’s Quality Sense episode, Federico Toledo sits down for a chat with the founder and CEO of Testim , Oren Rubin , an Israeli entrepreneur who has over 20 years of experience in the software industry.

Improving The Accuracy of Quality Assurance With Defect Tracking

DZone

Quality assurance and software maintenance can be highly costly for the company; in many instances, companies are spending around 80% and even 90% (in some cases) of the software development budget on quality maintenance and keeping up with the standards.

Selenium Automation Script With JavaScript

DZone

Selenium is an open-source automation framework initially introduced in 2004. Using this framework, we can validate web applications across different browsers and platforms. Java, C#, Python are mostly used for developing test scripts.

How to Overcome 6 Selenium Automation Testing Challenges

DZone

Undoubtedly, Selenium has made web testing far simpler for many QA teams and enterprises worldwide, but it has a fair share of challenges.

Mobile 203

Heap Memory In Java Applications Performance Testing

DZone

Does every performance engineer need to know about how memory in Java works? To completely fine-tune the java performance bottlenecks for high performance my answer is YES.

Java 233

JMeter Netconf Plug-in and Network Service Automation

DZone

JMeter Netconf Plug-in and Network Service Automation. Network service automation-related requirements are usually realized by means of commercial or open-source network orchestrator or controller software system.

Measure Your Test Automation Maturity

DZone

I'm a Developer Advocate and one of the things I love most about my role is that I travel all of over the world — meeting and consulting with engineering teams, and discussing the challenges that they face. One thing that I've realized about building quality software is.the struggle is real!

Data Democratization and How to Get Started?

DZone

Today data is an important factor for business success. In every business, it has been observed that data is playing a game-changing moment to improve business performance. Data is important and necessary in this increasingly competitive world.

Stuff The Internet Says On Scalability For June 26th, 2020

High Scalability

Hey, it's HighScalability time! Line noise? Still uncertain? It's how you program a quantum computer. Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the smart and thoughtful world.

MSTest Tutorial: Environment Setup For Selenium Testing

Himanshu Sheth

MSTest is a popular open-source test framework that is shipped along with the Visual Studio IDE. It is also referred to as Visual Studio Unit Testing Framework; however, MSTest is more synonymous within the developer community.

All You Need to Know About Selenium Web Driver

Amandeep Kadd

Testing is a crucial need for today’s digital enterprises to compete with the present business market and user-requirement. Automation testing is one of the software testing methods that has made testing simpler and easier for the testing teams with test automation tools.

Understanding When to Use a Test Tool vs. a Test System

DZone

Testing is a mission-critical aspect of the software development lifecycle (SDLC). You'd be hard-pressed to find a software development professional who disagrees.

One Team at Uber is Moving from Microservices to Macroservices

High Scalability

There may be an undiscovered tribe deep in some jungle somewhere that hasn’t made up their mind on microservices, but I doubt it. People love microservices or love to hate microservices. There’s not much in between.