JavaScript

What if?

If you’re going to build an image loader that hides the whole page until all images are ready, you must also ask yourself what if the images don’t arrive? […] While ever you build under the assumption that things will always work smoothly, you’re leaving yourself completely ill-equipped to handle the scenario that they don’t. Remember the fallacies; think about resilience.

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.

JavaScript universel et architecture isomorphe

On parle depuis quelque temps de « JavaScript isomorphe » pour décrire des architectures Web dans lesquelles on abandonne les principes historiques des Single Page Applications composées de coquilles HTML vides et moult JavaScript pour les remplir. Le JavaScript isomorphe a plutôt comme principe de produire des pages HTML pleinement fonctionnelles dès la sortie du serveur, mais chargeant elles aussi moult JavaScript pour prendre le relai —si possible— afin d’améliorer l’expérience utilisateur. Je propose que l’on parle d’« architecture isomorphe », une implémentation possible étant en « JavaScript universel ».

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