article thumbnail

The Fastest Google Fonts

CSS Wizardry

With more standardised FOUT/FOIT behaviour from browser vendors, to the newer font-display specification, performance—and therefore the user—seems to have been finally been put front-and-centre. That said, the convenience of a service like Google Fonts cannot be overstated. What else could I do to make Google Fonts fast ?

Google 364
article thumbnail

How To Boost Media Performance On A Budget

Smashing Magazine

How To Boost Media Performance On A Budget. How To Boost Media Performance On A Budget. Unquestionably, media enlivens websites, adding appeal, excitement, and intrigue, let alone enticements to stay on a page and frequently revisit it. Of the many factors that affect page-load speed, media is a significant one.

Media 117
Insiders

Sign Up for our Newsletter

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

Trending Sources

article thumbnail

Fostering a Web Performance Culture

Jos

Web Performance is not only about understanding what makes a site fast. Performance is a feature and needs to be prioritized as such. Performance is a topic that has interested me for a long time. Moving over to web, the performance problems are different. This is not a post explaining why web performance is important.

article thumbnail

CSS and Network Performance

CSS Wizardry

Let me address that by combining my two favourite topics: CSS and performance. Split Your Media Types. So if achieving Critical CSS is proving quite tricky—and it probably is—another option we have is to split our main CSS file out into its individual Media Queries. It’s really, really bad for Start Render performance.

Network 278
article thumbnail

A Complete Guide to Performance Budgets

Speed Curve

If you've invested countless hours in speeding up your pages, but you're not using performance budgets to prevent regressions, you could be at risk of wasting all your efforts. Background: How performance budgets work 1. What is a performance budget? What should a performance budget look like? Let's get started!

article thumbnail

Google PageSpeed Insights - Scoring 100/100 with WordPress

KeyCDN

Running speed tests with tools like Google PageSpeed Insights , WebPageTest , or KeyCDN’s Website Speed Test are always a good way to help gauge your website’s performance. With that being said, see how we easily achieved a 100/100 score with WordPress and Google PageSpeed Insights. Why Care About Page Speed?

Google 103
article thumbnail

An Opinionated Guide to Performance Budgets

Speed Curve

Performance budgets are one of those ideas that everyone gets behind conceptually, but then are challenged to put into practice – and for very good reason. If you're just getting started with performance budgets – or if you've been using them for a while and want to validate your work – this post is for you.