WebPerf

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.

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.

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. The gap between the paint metrics and First CPU Idle is caused by subsequent scripts being executed and JavaScript frameworks building the DOM dynamically.

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.

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, 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 ?

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 ».

Other tags to explore

3D 404 500px 62.5% API Algolia AlwaysData Android Apple Blogmarks CSS Canon Chrome Clever Age Cloudinary CrashPlan Daft Punk Diigo DotClear Drobo FeedBurner Firefox Firefox OS Flickr Free GIF Gandi Gastero Prod Google Greasemonkey HD HTML HTTPS Hong Kong IndieWeb Internet Internet Explorer JAMstack JPG Magazine Jan Kounen JavaScript Jekyll KISS Les Nuls Linux Mac Mastodon Medium Microsoft Montessori Mozilla NetBook New York Opquast PEAR PHP POSSE PWA Paris Web Phototrend PicLens Pinboard RATP RWD RewriteRule SAV SEO SNCF SPIP SVG Safari Service Worker Sony Sud Web TGIF TV TinEye Twitter URL UX Venise W3C Web Web 2.0 Web Services Web UX WebPerf Webmention WiFi Windows Yahoo a11y accessibility advertisement agenda animal animation astuce backup bag blog book bookmarks browser bug cinema comic comments commerce computer concert conference couleur creation design dessin animé diving download droit développement e-commerce ebook em empathy esviji extension fail feed fichier financement participatif flexbox font formulaire fun game gear geolocation humour hébergement iOS iPad iPhone iPod Touch iTunes icon image informatique innovation jQuery layout life littérature livre loisirs macOS macro mail marketing me media misc mobile moi movie music night offline opensource password phone photo phpHeaven phpMyChat plugin portrait privacy progressive enhancement push quality qualité quote religion rem search security semantic series social network society software spam sport standards statistics tag talk test time-lapse travel video video game viewport vocabulary wiki