Contents tagged “WebPerf”

There are 59 contents with this tag:

screenshot of Proxying Cloudinary Requests with Netlify

Tim Kadlec avatar Tim Kadlec wrote

Proxying Cloudinary Requests with Netlify

So we get reduced data cost, with no extra connection from the browser, and what appears to be pretty negligible cost at the CDN (the difference in response time for the final proxied images versus loading them without Cloudinary in place is barely noticeable in my tests)—and it all took just a few minutes to put into place.

screenshot of Towards a Lightweight Jamstack

Nicolas Goutay avatar Nicolas Goutay wrote

Towards a Lightweight Jamstack

Not having to use a JavaScript framework also meant that HTML, not JSX or Vue components, is now front and center in the code you write. This helped me avoid the usual traps when writing React: the infamous div soup, inaccessible components, or non-semantic tags.

screenshot of Effective Skeleton Screens

Tim Kadlec avatar Tim Kadlec wrote

Effective Skeleton Screens

When the skeleton screen doesn’t match the outcome, we’ve created confusion and frustration that will overcome any benefit you might have gotten from trying to handle that delay in a better way.

How I build my SVG sprites

I'm using an SVG sprite on this site to make sure I don't repeat SVG code for icons that are used multiple times, and I inline it so the rendering doesn't depend on another resource loading. Here's how I build this sprite from individual SVG icons.

This new monitoring tool based on #Eleventy, built by @zachleat, is awesome! 😍

New project: Speedlify 🐇

A self-hosted dashboard to continuously measure and publish web site performance statistics using Lighthouse and Axe.

It took me just a few minutes to built my dashboard for multiple sites:

screenshot of The Cost of Javascript Frameworks

Tim Kadlec avatar Tim Kadlec wrote

The Cost of Javascript Frameworks

In an ideal world, I believe a framework should go beyond developer experience value and provide concrete value for the people using our sites. Performance is just one part of that—accessibility and security both come to mind as well—but it’s an essential part.

screenshot of The Fastest Google Fonts

Harry Roberts avatar Harry Roberts wrote

The Fastest Google Fonts

If you're using Google Fonts service instead of self-hosting the fonts (even if they come from Google Fonts), Harry shows here the optimal performance and UX you can get with it, with lot of details, but a really simple solution.

screenshot of Eleventy’s New Performance Leaderboard

Zach Leatherman avatar Zach Leatherman wrote

Eleventy’s New Performance Leaderboard

Eleventy doesn’t do any special optimizations out of the box to make your sites fast. It doesn’t protect you from making a slow site. But importantly it also doesn’t add anything extra either. This sort of developer empowerment over the final product has seemed to attract an amazing group of performance oriented developers using the project and I am so grateful to every one of you.

screenshot of Optimising SVGs for the Web

Michelle Barker avatar Michelle Barker wrote

Optimising SVGs for the Web

Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work with. […] In this article I’ll share my process for optimising SVG assets, which may help you if you’re a designer or developer unfamiliar with working with SVG on the web.

screenshot of Trackers on Your Domain, Revenue Risk

Boris Schapira avatar Boris Schapira wrote

Trackers on Your Domain, Revenue Risk

In this article, Boris shows how new practices around third party trackers hidden as first party assets, to "escape" GDPR and trackers blockers, can lead to security and performance issues, leading to potential business loss.

screenshot of Caching best practices & max-age gotchas

Jake Archibald avatar Jake Archibald wrote

Caching best practices & max-age gotchas

Used correctly, caching is a massive performance enhancement and bandwidth saver. Favour immutable content for any URL that can easily change, otherwise play it safe with server revalidation. Only mix max-age and mutable content if you're feeling brave, and you're sure your content has no dependancies or dependents that could get out of sync.

screenshot of Save-Data Usage

Tim Kadlec avatar Tim Kadlec wrote

Save-Data Usage

Because while the web keeps getting heavier and we keep moving further away from page weight as a primary performance metric, the data I’ve seen so far indicates folks who want low-data experiences are far more common than we may think.

screenshot of When should you be using Web Workers?

Surma avatar Surma wrote

When should you be using Web Workers?

Surma explains very well how “low-end phones will mostly likely be used by the massive number of people coming online in the next couple of years“, and why we need to take that into account when we design our frontend Web architectures.

screenshot of Jank-Free Image Loads

Eric Portis avatar Eric Portis wrote

Jank-Free Image Loads

great news: there are two on-the-horizion web platform features that are trying to make no-jank, fixed-aspect-ratio, fluid-width images a natural part of the web platform.

screenshot of Font style matcher

Monica Dinculescu avatar Monica Dinculescu wrote

Font style matcher

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths. This tool helps you do exactly that.

screenshot of The average web page is 3MB. How much should we care?

Tammy Everts avatar Tammy Everts wrote

The average web page is 3MB. How much should we care?

You can have large, robust pages that still feel fast. But you should care about page bloat in terms of how it affects mobile users, especially mobile-only users who are dealing with bandwidth constraints or data limits.

screenshot of Metrics from 1M Sites

Steve Souders avatar Steve Souders wrote

Metrics from 1M Sites

What catches my eye are the gaps between TTFB and the paint metrics, and between the paint metrics and First CPU Idle. These gaps are caused by JavaScript dominating the browser main thread. This happens after TTFB when all the blocking scripts are executed – these have to finish before any rendering can happen.

screenshot of Should I Use JavaScript to Load My Web Fonts?

Zach Leatherman avatar Zach Leatherman wrote

Should I Use JavaScript to Load My Web Fonts?

the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers.

screenshot of Software disenchantment

Nikita Prokopov wrote

Software disenchantment

As a general trend, we’re not getting faster software with more features. We’re getting faster hardware that runs slower software with the same features.

Optimiser la performance des images responsives

J'ai eu l'honneur de présenter une petite conférence lors du meetup WebPerf de mars 2018, sur un sujet qui me passionne, puisqu'il combine deux de mes marottes en Web front : la performance et les images en Responsive Web Design. Je vous invite à découvrir mes slides et la vidéo.

How much data should my Service Worker put upfront in the offline cache?

I love when Web site/apps work even when I'm offline. I've made my SVG game esviji work offline thanks to appcache just after attending Jake Archibald conference about why Application Cache is a Douchebag during the 2012 edition of the Paris Web conference. Fortunately, we have now Service Workers (in some browsers), which gives us more control over this kind of cache for offline browsing. But as Uncle Ben says, “With Great Power Comes Great Responsibility”.

Le gros impact des raccourcisseurs d'URL sur la performance

Les raccourcisseurs d'URL sont devenus incontournables sur le Web depuis quelques années, mais initialement pensés comme outils de facilitation de partage[1], ils ont beaucoup évolué et sont surtout devenus des outils de tracking. Du coup, les sites en abusent de plus en plus, alors que les plateformes où ces liens sont publiés, Twitter par exemple, rajoutent leur propre couche. L'impact sur la performance pour l'utilisateur final est désastreux.

Retrouvons nous à Web UX et Sud Web les 26 et 27 mai

Vous le savez sans doute si vous me lisez régulièrement, sur ce blog ou via mes tweets, je suis dingue de Web, et toujours intéressé par ses moyens de mise en œuvre, usages et acteurs, et donc très intéressé par tout événement permettant de mixer tout cela. Cette année, en plus de l'incontournable rendez-vous annuel Paris Web en octobre, vous pourrez me croiser fin mai à Nîmes pour Web UX et Sud Web.

Surveillez vos erreurs 404, elles peuvent être très instructives

A l’heure où tout le monde ne jure que par l’optimisation du référencement — on dit Search Engine Optimization, ou SEO, pour faire branché — afin d’augmenter son trafic, et ainsi ses clients potentiels et/ou son revenu publicitaire, qui se soucie de vérifier ce qui se passe pour les internautes qui arrivent bien sur le site, mais sur une page qui n’existe pas, indiquée comme il se doit par une erreur HTTP 404[1] ?

Bouuuuh-stez votre site web !!!

La technologie INA (Intelligent Network Acceleration) de BoostWorks utilisé dans le produit BoostWeb Optimizer « est une procédure sophistiquée de mémorisation et de compression qui optimise les performances du réseau tout en préservant l'intégrité et la qualité des données ».

See all tags.