Making Shopify’s Flagship App 20% Faster in 6 Weeks Using a Novel Caching Solution - Shopify
We built a custom write-through cache for the Shop app's home feed that reduced database load by 15% and overall app latency by about 20%.
Getting Your head Straight: A New CSS Performance Diagnostics Snippet — Smashing Magazine
We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: [ct.css](https://csswizardry.com/ct/).
Proposal for CSS @when
CSS is on a tear lately. Again, I've heard of a brand new thing I've never seen before, and again it's via Miriam: CSS Conditionals.
An Event Apart Fall Summit 2021! (Use Coupon AEACSST21)
The web's premier conference is online this fall, October 11–13, 2021: An Event Apart Fall Summit. If you already know how good of a conference this is (i.e.
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
CSS ::before and ::after pseudo-elements allow you to insert "content" before and after any non-replaced element (e.g. they work on a <div> but not
Apache Dubbo: All roads lead to RCE
During an audit of Apache Dubbo v2.7.8 source code, I found multiple vulnerabilities enabling attackers to compromise and run arbitrary system commands on both Dubbo consumers and providers. In this blog post I detailed how I leveraged CodeQL as an audit oracle to help me find these issues.
How To Build Your Own Mouseless Development Environment — Smashing Magazine
Building a development environment with the shell as a keystone offers multiple benefits. You can use tools that fit nicely with each other, you can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard. This can save a lot of cognitive energy as well as deliver a pleasant user experience.
How Web Development Tools Are Helping Users Keep Pace With Rapid Change — Smashing Magazine
The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time. Several years ago there seemed to be a gulf between drag-and-drop tools and full-blown web development. Today, it’s heartening to see the likes of Wix adding more code-heavy options to their repertoire.
How to customize your HTTP DDoS protection settings
We’re excited to announce the availability of the HTTP DDoS Managed Ruleset. This new feature allows Cloudflare customers to independently tailor their HTTP DDoS protection settings.
Exploring the CSS Paint API: Polygon Border
Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we
Resources aren't requested by CSS, but by the DOM
This is a good tweet from Harry:
Embracing Asymmetrical Design
I'll never forget one of Karen McGrane's great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text
imba
It's not every day you see a new processor for building websites that reinvents the syntax for HTML and CSS and JavaScript. That's what imba is doing.
Teaching by filling in knowledge gaps
Teaching by filling in knowledge gaps
Apple's private relay service does not sit still
Are Imposter Domains Re-Publishing Your Website? — Smashing Magazine
In the right circumstances, your web analytics or real user measurement data can offer visibility into the world of imposter domains, used by web scrapers to re-publish your site content on their servers. Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page con
At Next.js Conf 2021, let’s make the Web. Faster.
Join us for Next.js Conf on October 26, 2021.
Project Myriagon: Cloudflare Passes 10,000 Connected Networks
This is the culmination of a special project we’ve been working on for the last few months dubbed Project Myriagon, a reference to the 10,000-sided polygon of the same name.
Cloudflare Pages is Lightning Fast
With Cloudflare’s extensive network, consisting of 250+ cities, your Pages site is deployed directly to the edge in seconds.
Profiling Your Workers with Wrangler
To help measure performance of our customers’ Workers, we’re beginning to integrate with the Chrome DevTools protocol.
Announcing Project Turpentine: an easy way to get off Varnish
Project Turpentine is the easiest way to replicate a varnish configuration on Cloudflare. Just export your full VCL from another provider and use Turpentine to move to a TypeScript-based runtime for varnish on Cloudflare Workers.
Benchmarking Edge Network Performance: Akamai, Cloudflare, Amazon CloudFront, Fastly, and Google
We recently ran a measurement experiment where we used Real User Measurement (RUM) data from the standard browser API to test the performance of Cloudflare and others in real-world conditions across the globe.
Designing Beautiful Shadows in CSS
My favorite kind of blog post is when someone takes a subject that I’ve spent all of five minutes considering and then says—no!—this is an enormous topic
Monetize Open-Source Software With Gatsby Functions And Stripe — Smashing Magazine
Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, Paul Scanlon brings you an approach that may well be the answer you were looking for.
Early Hints: How Cloudflare Can Improve Website Load Times by 30%
Today, Cloudflare is announcing support for Early Hints. Early Hints takes advantage of “server think time” to asynchronously send instructions to the browser to begin loading resources while the origin server is compiling the full response, which can improve page load time by 30%.
The Zero Trust platform built for speed
Cloudflare for Teams secures your company’s users, devices, and data — without slowing you down. Your team should not need to sacrifice performance in order to be secure.
Cloudflare Backbone: A Fast Lane on the Busy Internet Highway
It’s important that our network continues to help bring improved performance and resiliency to the Internet. To accomplish this, we built our own backbone.
Unboxing the Last Mile: Introducing Last Mile Insights
“The last 20% of the work requires 80% of the effort.” The Pareto Principle applies in many domains — nowhere more so on the Internet, however, than on the Last Mile.
Magic makes your network faster
Today, as part of Speed Week, we’ll break down the other side of the Magic: how using Cloudflare can automatically make your entire network faster.
Minding the "gap"
Read an updated article with an approach that uses modern CSS features.
Shadow Roots and Inheritance
There is a helluva gotcha with styling a <details> element, as documented here by Kitty Giraudel. It's obscure enough that you might never run into it,
Audit log streaming is now in public beta
If you’re a GitHub Enterprise Cloud customer, you can now set up a stream of audit log and Git events to Splunk or an Azure Event Hub.
Debugging by starting a REPL at a breakpoint is fun
Debugging by starting a REPL at a breakpoint is fun
Web Quality Assurance: From User Requirements To Web Risk Management — Smashing Magazine
Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way.
Reasons To Build A CRM-Powered Website For Your Business — Smashing Magazine
Neglecting to cater your business website to your customers is not only detrimental to your sales but can also hurt your team’s productivity and operations. Integrating a CRM with your business website has numerous benefits. You equip various departments within your company with tools to organize and automate work and improve efficiency. In this article, Zara Cooper explains what these benefits ar
Cloudflare Images Now Available to Everyone
Today, we are launching Cloudflare Images for all customers. Images provides a single product to store, resize and serve images. We built Cloudflare Images, so customers of all sizes can build a scalable and affordable image pipeline with a fraction of the effort.
Discovering what’s slowing down your website with Web Analytics
Cloudflare Web Analytics makes essential web analytics, such as the top-performing pages on your website and top referrers, available to everyone for free, and it’s becoming more powerful than ever.
Building Cloudflare Images in Rust and Cloudflare Workers
Using Rust and Cloudflare Workers helps us quickly iterate and deliver product improvements over the coming weeks and months.
How Cloudflare Images can make your life easier
Are you tired of buckets and non ending egress fees? Cloudflare Images can help you to create and maintain your entire image pipeline.
Optimizing images on the web
A detailed breakdown of how best to optimize images for the web, a new tool to test a webpage's image performance, and explanation of how Cloudflare Images can help to improve your website's image experience.
Sponsored Post: Wynter, Pinecone, Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -
Who's Hiring? * Wynter is looking for system administrators, engineers, and developers to join its research panel. Participate in research surveys, get paid ($90-$180/hr) for your feedback and comments. Super low key commitment, 10-15 mins per survey. Learn more and sign up. * DevOps Engineer: At Kinsta, we set out to create the best managed hosting platform in the world. If you are an experienced
Practical API Design at Netflix, Part 2: Protobuf FieldMask for Mutation Operations
At Netflix, we heavily use gRPC for the purpose of backend to backend communication. This post explains how to use Protobuf FieldMask to design update and remove APIs.
Reducing The Need For Pseudo-Elements — Smashing Magazine
Front-end development is exciting and fast-moving. With newer CSS properties, we can brush the dust off our old techniques and give them another look. For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.
From AMP to Signed Exchanges, Or How Innovation Happens at Cloudflare
This is the story of how we decided to work with Google to build Signed Exchanges support at Cloudflare. But, more generally, it's also a story of how Cloudflare thinks about building disruptive new products.
Improving Origin Performance for Everyone with Orpheus and Tiered Cache
Building a better Internet means helping build more reliable and efficient services that everyone can use.
Argo 2.0: Smart Routing Learns New Tricks
Starting today, all Free, Pro, and Business plan Argo customers will see improved performance with no additional configuration or charge.
Improve site load times and SEO with one-click support for Signed Exchanges on Google Search
Starting today, Cloudflare customers will be able to generate Signed Exchanges (SXG) for Google Search with just one click.
How we built Instant Logs
In this blog post, we’ll show you how we built a new system that can give you access to your Cloudflare logs in real time, with just a single click.
Data at Cloudflare just got a lot faster: Announcing Live-updating Analytics and Instant Logs
Today, we’re excited to introduce Live-updating Analytics and Instant Logs. For Pro, Business, and Enterprise customers, our analytics dashboards now update in real time. In addition to this, Enterprise customers can now view their HTTP request logs instantly in the Cloudflare dashboard.
Jamstack Conf 2021
What? Jamstack Conf! It's the best! Learn what's happening and what's next for this hot ecosystem.
The ReadME Project: A look back at the community stories that shape us
In August of 2020, we started highlighting stories that showcase how developers, maintainers, and organizations are moving humanity forward through The ReadME Project.
The Power Of Pen And Paper Sketching — Smashing Magazine
When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.
Cloudflare Workers: the Fast Serverless Platform
Today, Workers is 30% faster than it was three years ago at P90. And it is 210% faster than Lambda@Edge, and 298% faster than Lambda.
Vary for Images: Serve the Correct Images to the Correct Browsers
We’re excited to announce support for Vary, an HTTP header that ensures different content types can be served to user-agents with differing capabilities.
Cloudflare Passes 250 Cities, Triples External Network Capacity, 8x-es Backbone
Today, I have three speedy infrastructure updates: we’ve passed 250 on-network cities, more than tripled our external network capacity, and increased our long-haul internal backbone network by over 800% since the start of 2020.
Social Image Generator + Jetpack
I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found
What’s new from GitHub Changelog? August 2021 Recap
What did we ship in August? Codespaces, Discussions, and lots of other updates, from the general availability of the dark high contrast theme to an auto-generated table of contents for wikis.
Superpack: Pushing the limits of compression in Facebook’s mobile apps
Managing app size at Facebook is a unique challenge: Every day, developers check in large volumes of code, and each line of code translates into additional bits in the apps that people ultimately download onto their phones. Left unchecked, this added code would make the app bigger and bigger until eventually the time it takes […]
Orchestrating Complexity With Web Animations API — Smashing Magazine
There are way too many options in Web Animations API to pick them up that easily. There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which
