I'm Kay Spiegel, a Digital Strategist. Kay Spiegel

Quick Notes tagged with “performance”


Implementing Critical CSS on your website

| nystudio107.com | cssperformance

When I mention Critical CSS to many frontend developers, I’m often met with a countenance that’s a subtle mixture of confusion and skepticism. “Oh, you’re one of those guys,” they think. Fringe.

HTTP/2 – A Real-World Performance Test and Analysis

| css-tricks.com | performance

Perhaps you've heard of HTTP/2? It's not just an idea, it's a real technology and slowly but surely, hosting companies and CDN services have been releasing it to their servers. Much has been said about the benefits of using HTTP/2 instead of HTTP1.x, but the proof the the pudding is in the eating.

Most of the web really sucks if you have a slow connection

| danluu.com | performance

A couple years ago, I took a road trip from Wisconsin to Washington and mostly stayed in rural hotels on the way. I expected the internet in rural areas too sparse to have cable internet to be slow, but I was still surprised that a large fraction of the web was inaccessible. Some blogs with lightweight styling were readable, as were pages by academics who hadn’t updated the styling on their website since 1995.

Base64 Encoding & Performance, Part 1: What’s Up with Base64?

| csswizardry.com | performance

Prominent performance advice of a few years back simply stated that we should ‘reduce the number of requests we make’. Whilst this is, in general, perfectly sound advice, it’s not without its caveats. We can actually make pages load much more quickly by elegantly spreading our assets over a few more well considered requests, rather than fewer.

Understanding the Critical Rendering Path

| bitsofco.de | performance

When a browser receives the HTML response for a page from the server, there are a lot of steps to be taken before pixels are drawn on the screen. This sequence the browsers needs to run through for the initial paint of the page is called the "Critical Rendering Path".

Watching your (image) weight

| responsivedesign.is | web developmentperformance

There are a few basic rules that you can follow to ensure that the images you add to your site are suitable for consumption across all devices and connection speeds.

Modernizing our Progressive Enhancement Delivery

| filamentgroup.com | performanceux

For more than a decade here at Filament Group, we've been scrutinizing and updating our workflow for delivering broadly accessible, fault-tolerant websites. Much of that time was spent making small, subtle refinements, but there were several moments where we made larger and philosophical changes to the way we deliver sites as well.

A Pretty Website Isn’t Enough

| nystudio107.com | web developmentperformance

Your job is not done when you’ve created a beautiful, well-designed, up-to-spec website. It’s only just begun.

Adding and Leveraging a CDN on Your Website

| css-tricks.com | developmentperformance

If you’ve been working around web development for a while, you’ll know that the web has a need for speed. The truth is simple: speed matters and faster is considered better. One "easy win" for increasing performance is using a CDN. We’ve discussed this several times at CSS-Tricks. It's easy in that you aren't rewriting a codebase or hand-editing content, but it's an area of performance many of us might overlook because, well, hosting, servers and cPanels, oh my!

speedtracker.org

| speedtracker.org | performancedevelopment

WebPageTest is an incredibly useful resource for any web developer, but the information it provides becomes much more powerful when monitored regularly, rather than at isolated events. SpeedTracker runs on top of WebPageTest and makes periodic performance tests on your website and shows a visualisation of how the various performance metrics evolve over time.