• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Dion Almaer

Software, Development, Products

  • @dalmaer
  • LinkedIn
  • Medium
  • RSS
  • Show Search
Hide Search

Health

Taste and Nutrition on the Web

January 24, 2021

We need to talk about taste on the Web. There has been a lot of talk about nutrition, and making sure that you have all of the tools you need to understand the nutritional content of your website, which we call Web Vitals.

Web Vitals numbers are certainly vital, but they don’t tell the full tale, just as a nutrition labels don’t tell the full story of the meal that a customer will consume.

These two extremes on the spectrum do not result in an appealing Web at all:

  • The Web is fast (nutritious), but bland.
  • The Web is tasty, but makes everyone sick.

I am excited about a fun, vibrant web that manages to offer a plethora of tastes, but takes users health seriously, too. I think that we have seen a Web that is fun and creative. Some of us even miss corners of the Web that were possible due to the ingredients of Flash and its editor tools. We don’t want a Web that is as bland as the constraints of some social networks (MySpace certainly had some crazy fun though! đŸ€Ș)

A tortured analogy of my health journey

I have had quite a journey with my health. I thought I had cracked it, but have continued to learn a lot more, especially with access to smart tools that give me access to data. For example, I use a continuous glucose monitor that tells me roughly how much glucose is in my system. This is like running Lighthouse CI for human vitals, and frees me to run experiments on my body.

I have been able to test the effects of almond flour (doesn’t spike me, whereas regular flour does), or replacing sugar with allulose (also doesn’t spike me), or how exercise (even a brisk 10-20 minute walk) right after eating brings down the post meal glucose.

I can use many other tools to take other vital measurements, such as tracking if I am in ketosis or not via a breath monitor, tracking my heart rate variability (HRV) when sleeping with an Oura, and with integrations that bring together all of the data via Levels.

Continuous measurement is key

I made some lifestyle choices, and the first one was to measure. If you aren’t tracking the health of your body or your website, you are destined for drift…. and trust me it can start slow and then you wake up having a large hill to climb again. I recently had to jump back and have lost 60 pounds with 10 more to go to reach my goal BMI (NOTE: BMI and weight aren’t great measurements, and I look at my blood work as the gold standard, but they are helpful proxies to progress).

Enjoy and live life!

I grew up seeing the Jane Fonda aerobics era, and seeing many people in my circle basically starving themselves and eating rice cakes that tasted like cardboard. This isn’t sustainable, so it doesn’t work, and it’s a really tough way to live. Crash diets don’t work in the long run, so you have to make a choice on what you want your long term sustainable lifestyle to be.

I want to enjoy food. I want to enjoy the taste of food. If I am hungry all the time this is the sign that there is a bug in the system. This all lead me down the path of acknowledging that I fatten easily, and carbs don’t work with my body. They flip a switch that has me go into fat storage mode, and also put me in hungry mode all the time. I can’t have one chip….. I scoff the entire bag. Moderation doesn’t work for me. I had to own it.

Gary Taubes helped educate here many years ago with his books on Good Calories, Bad Calories, and he has a new one that hit home once again: The Case For Keto.

I am going to enjoy food, but use a well-lit path that helps me do that, and keeping out of a restrictive world of how much I can eat. I want to eat to satiety. This puts other constraints on me…. I can’t eat certain carb-heavy foods that I love. But then I remember that I CAN enjoy certain berries with heavy whipping cream. Not too shabby!

Once in mostly-ketosis, I am never hungry. This has enabled me to test out tactics such as time restrictive fasting (TRF). Keeping to 16:8 is simple, and I have also enjoyed simply one meal a day. I also kicked things into gear by taking on some prolonged fasting (3 to 4 day fasts) and was amazed with how, other than boredom, it wasn’t hard to do…. but it would be impossible for me to have done this in carb mode.

I mentioned almond flour earlier. Since I am tracking everything, it allows me the freedom to experiment and find the balance of: something enjoyable and tasty that contains the right nutritional profile. The Almond flour crepes and scones that I have had this weekend aren’t THE most yummy I have ever had, I will admit that, but they WERE enjoyable. That’s the bar for me…. get me 80% there. If the result isn’t enjoyable then why eat it? It’s off the list and I am on to the next experiment.

Back to the Tasty, Nutritious Web

Let’s bring this back to the Web 😅. I know that it sometimes feels like we are always talking about nutrition, and shoving the label in front of your faces. I apologize if it comes across like this at times.

What I ask of you is to consider the balance of taste and nutrition. You are the chefs of your experience, and you should feel the creativity of making amazing meals that acknowledge users needs the hidden costs.

It’s a mind shift. Instead of “Eek, I can only use Xk of JavaScript, and I should keep the experience simple!”, think “I have some constraints, but I want to use all the tools and ingredients I have to deliver something tasty!”. Sure, maybe don’t shove a few MB of JavaScript and have it run on the main thread, but how about thinking about other loading strategies?

  • Do work in a worker thread that isn’t as expensive for the UI (allulose bypasses the liver!)
  • Delay loading some of that JavaScript (preload, prefetch, tree shaking, etc)
  • Start fast (maybe server side render the initial payload), Stay Fast (using service workers and loading)

Constraints are always part of the creative process.

Now, what about the role of the Web Platform? We want to make our PLATFORM tasty and nutritious for you the developer! What does that look like?

  • Give you new ingredients that are performant, and you can wield in new ways (e.g. new declarative primitives such as constraint layout, various worklets)
  • Have some of the ingredients be low level (primitives) so you can put them together in new and interesting ways, but ALSO offer higher level ingredients (components) so it doesn’t feel like we are handing you a cow and saying “make a meal from that starting point… THANKS!”

This is where I am very interested in engaging as the broad and diverse web community that we are. We have a general purpose platform, but we have room in zooming in and delivering purpose-built solutions. You don’t need the same ingredients and tools to build a blog as you do building a rich productivity platform…. or a commerce experience…. or a game.

We have a broad tent on the Web… or maybe a broad kitchen. I am excited to see the tasty meals you build for users, and learn how you made them.

Have you seen or built something tasty recently? If so, please let me know… we want to highlight it!

Almond Flour Crepes… don’t look too bad, right?

Our Web Obesity Epidemic

June 8, 2016 Leave a Comment

We have a digital obesity epidemic that is mirroring the real-world obesity issue facing many of our civilizations around the world.

These things creep up, and a subtle misalignment in the balance of the force lets one side run away. In the case of our diets there are arguments over the cause: sugar? carbs in general? The science seems pretty clear that the “fat” boogey man was just that. It had a poor name and Ancel Keys happened to do too good of a job selling it as the enemy.

On the Web our page weights keep growing. With more pixels on our screens we use larger assets. With richer applications we throw down more JavaScript. Business threw in more JS SDKs to show more ads.

We looked at South Korea and their fiber lines, and kept eating away thinking that the network and desktop machines were such that our pants were stretchy and we would be AOK.

But then mobile happened and we found ourselves trying to squeeze into our wedding dress or tux from 10 years ago. Oops. It doesn’t work.

Now we find ourselves as a population looking to get back to a stable healthy midpoint. Now, we aren’t all in the same camp, and it is important to empathize with the fact that every person is on their own stage of the journey to their ideal weight, optimized for their health.

For those who are obese and are ready to make a change, they are looking for the right path. So many of us look for a quick fix when it comes to weight and a pill to save you.


AMP is a prescription drug and vitamin all in one. It does give you a quick path for certain use cases. You will have real constraints, but it can be a great choice to get going. Start taking the pill and you will have content that is bonafide fast. Chances are that you will want to add a richer experience for engagement, and that is where you will want to go beyond AMP. Fortunately, Alex Rusell laid out the connection on how to put AMP and PWA together.

If AMP is the pill, PWA is the path to a healthy web lifestyle.

Whether you take the pill or not, today is the day to start a healthy lifestyle, making sure that your entire experience is fast, safe, resilient, and engaging.

When someone is on this journey it is important to encourage and support them. This is another reason why we set a bar with PWA and Lighthouse, but we cheer on every step in the right direction. We cheer Flipkart for coming back to the Web, making a great experience that has fantastic business metrics, and they keep going by growing the reach. Was it ideal that the first version didn’t support iOS? Sure. But they came through and supported UC, then Safari, and we will soon see support added for Firefox and Edge.

If someone stops on the journey, that is the time that we need to step in and keep pushing them. If they finish up with a pwa.foo.com side that only works on mobile, we push them. But if they are still moving and progressing, we shouldn’t pre-judge.

That being said, if we see someone taking the wrong path, such as going all in on a low-fat diet that we know is a hoax, we should step in. We should do everything we can to educate people and help them make the right choices.

The best way to fight this is to start early. If we can get our youth on the right path from day one, they won’t have to go through the legacy pain to get back on track. To this end we need to setup the green field projects so they are fully responsive, on http2, and follow the best practices that we have to offer. There is still a lot of work to do here.

When a developer starts a new project, which diet do they choose? Which one is The Right One?

There will always be choices, which makes it more important to use data. We need to set the bar and hold choices accountable. If your framework choice ends up with something that passes lighthouses tests, GREAT! These diets and frameworks are a means to an end, not the end itself.

The measures that you choose are then very powerful and important. Is BMI the perfect metric? No. But it may be a nice general measurement for the masses, and for the individual you should go deeper. Once you get to a decent BMI you can then go deeper and get more measurements that tie to yourself. These will be very different depending on your goals. Are you looking to be good at a certain sport or lift heavy weights? Or are you a long distance runner? Are you looking to be a high engagement entertainment site, or a transactional market that wants to help users get in and out as fast as possible? Measure what is right for you.

We are in interesting times. I think we all acknowledge that we have a serious problem. Fortunately, we have the capabilities in the platform to be healthy, the masses just aren’t there yet.

As someone who has been on the literal health journey, and is still fighting that fight, I know that it isn’t easy
. but it is life and death. Let’s do this.

Primary Sidebar

Twitter

My Tweets

Recent Posts

  • The holy grail of a Web SDK
  • The rise of the extensible app platforms
  • Active Recall now out of beta and open for all learners!
  • Agency developers are underrated
  • Web Developers are Shopify Developers

Follow

  • LinkedIn
  • Medium
  • RSS
  • Twitter

Tags

3d Touch 2016 Active Recall Adaptive Design Agile Amazon Echo Android Android Development Apple Application Apps Artificial Intelligence Autocorrect blog Bots Brain Calendar Career Advice Cloud Computing Coding Cognitive Bias Commerce Communication Companies Conference Consciousness Cooking Cricket Cross Platform Deadline Delivery Design Desktop Developer Advocacy Developer Experience Developer Platform Developer Productivity Developer Relations Developers Developer Tools Development Distributed Teams Ecosystem Education Energy Engineering Engineering Mangement Entrepreneurship Exercise Family Fitness Founders Future Gender Equality Google Google Developer Google IO Habits Health HR JavaScript Jobs Jquery Kids Stories Kotlin Language Leadership Learning Lottery Machine Learning Management Messaging Metrics Micro Learning Microservices Microsoft Mobile Mobile App Development Mobile Apps Mobile Web Moving On NPM Open Source Organization Organization Design Pair Programming Paren Parenting Path Performance Platform Platform Thinking Politics Product Design Product Development Productivity Product Management Product Metrics Programming Progress Progressive Enhancement Progressive Web App Project Management Psychology Push Notifications pwa QA Rails React Reactive Remix Remote Working Resilience Ruby on Rails Screentime Self Improvement Service Worker Sharing Economy Shipping Shopify Short Story Silicon Valley Slack Software Software Development Spaced Repetition Speaking Startup Steve Jobs Study Teaching Team Building Tech Tech Ecosystems Technical Writing Technology Tools Transportation TV Series Twitter Typescript Uber UI Unknown User Experience User Testing UX vitals Voice Walmart Web Web Components Web Development Web Extensions Web Frameworks Web Performance Web Platform WWDC Yarn

Subscribe via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Archives

  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • November 2021
  • August 2021
  • July 2021
  • February 2021
  • January 2021
  • May 2020
  • April 2020
  • October 2019
  • August 2019
  • July 2019
  • June 2019
  • April 2019
  • March 2019
  • January 2019
  • October 2018
  • August 2018
  • July 2018
  • May 2018
  • February 2018
  • December 2017
  • November 2017
  • September 2017
  • August 2017
  • July 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012

The right thing to do, is the right thing to do.

Dion Almaer

Copyright © 2022 · Log in

 

Loading Comments...