web performance

In a thought-provoking podcast with Kent, Barry McGee from Shopify shares insights on the integration of AI in web development and the evolving landscape of remote work. Having transitioned to remote working in 2016, Barry brings a wealth of experience from significant tech companies and discusses the future of web performance, AI's role in enhancing user experiences like the context-aware search in Shopify's Shop App, and the strategies for maintaining application performance at scale, including the importance of caching. As web development continues to evolve, Barry's perspectives offer a glimpse into the symbiotic relationship between AI advancements and efficient remote work practices.

Watch this episode.

Meet Barry at Epic Web Conf.

Guest: Barry McGee

• Twitter: @barrymcgee
• GitHub: @barrymcgee
• Website: barrymcgee.co.uk

Host: Kent C. Dodds

• Website: kentcdodds.com
• Twitter: @kentcdodds
• GitHub: @kentcdodds
• YouTube: Kent C. Dodds
• Epic Web: epicweb.dev

When starting a website do you always think about the JavaScript framework first? Can we reduce the amount of JavaScript? Server Side Rendering is still the best approach?

Learn more:

- https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement
- https://qwik.builder.io

Follow us:
- Chucho Castañeda https://twitter.com/honupo
- Ricard Torres https://ricard.social/@ricard

Rockey Nebhwani talks with Oleg Sapishchuk and Peter Schmalfeldt about SFCC & Web Performance.

▬ Show Links ▬▬▬▬▬▬▬▬

› Favorite Tool - www.treo.sh (Example Dashboard - https://treo.sh/sitespeed/direct.asda.com)  - Subscribe using 'Email updates' link to get updated monthly Crux stats (2nd Tuesday of the month)

› Google Data Studio - HTTP Archive - Core Web Vitals Technology Report - https://datastudio.google.com/s/gAvNzFdtUSM

› Web Performance Slack ( Request Invite ): https://webperformance.herokuapp.com

▬ Content ▬▬▬▬▬▬▬▬▬▬

00:00 - Intro
00:58 - Guest Introduction
02:19 - Motivation to Start Community?
04:39 - How can people access your Community?
07:48 - How to build a Web Performance Culture?
10:36 - Best way to Track Performance Issues?
14:08 - Ways to Budget Web Performance?
16:54 - Internal vs External Web Performance Tooling?
19:07 - Free Web Performance Tools?
20:07 - How to Prioritize Web Performance Tickets?
27:18 - Specific SFCC Performance Tooling?
30:08 - What is Web Almanac and HTTP Archive?
33:25 - How to use Performance History?
34:43 - Can you compare eCommerce Platforms?
36:56 - How can Salesforce Help Customers?
43:05 - How can the Community Help?
47:21 - Message to The Community

▬ Guest ▬▬▬▬▬▬▬▬▬▬▬

Rockey Nebhwani

› Twitter
› LinkedIn

▬ Hosts ▬▬▬▬▬▬▬▬▬▬▬

Oleg Sapishchuk

› Twitter
› LinkedIn
› Github
› Website

Peter Schmalfeldt

› Website
› Work

▬ About ▬▬▬▬▬▬▬▬▬▬▬

Welcome to the Unofficial Salesforce Commerce Cloud Podcast. We created this Podcast to give everyone access to each other to share ideas and help one another. It also offers members a place to discuss, listen and watch Salesforce B2C Commerce Cloud in a free and open environment.

› YouTube
› Playlist
› LinkedIn
› Twitter

Rarely do we get to start with a fresh slate when it comes to performance, more often, we have to figure out how to make a performance transformation after the fact. In this episode, Sharell Bryant talks about Teachers Pay Teachers journey to a performance-focused organization.

Luckily there were people in the company who had kind of had similar experiences in terms of being able and having the freedom to like run an A/B test where maybe it's not a product change, it's just a performance optimization change and being able to see like test out whether that improved various metrics. I was able to do that and felt empowered to do that. Especially when we are looking for different opportunities for how to improve the experience. If I can say, "Hey, I can make a quick performance change and let's just see if it affects these other metrics and you know, it won't involve design, it won't involve product and it'll take this much resourcing and then we'll measure it", I think was a great way to kind of advocate at first and loop it into another objective.

A full transcript is available at: https://chasingwaterfalls.io/episodes/episode-six-with-sharell-bryant/

Links

• Sharell Bryant on Twitter
• Compassionate action over empathy
• Alonzo Felix on Twitter
• Alonzo Felix's Anti-Racism Guide
• Teachers Pay Teachers
• Catchpoint
• Datadog
• SpeedCurve
• Sharell Bryant's 'Is the Site Fast Yet' talk

• Ward's Twitter
• https://www.partycorgi.com/
• Party Corgi Discord Invite

You can do all the work to make your own code as fast as possible, but a few ill-performing third-party scripts can still bring your site to a crawl. In this episode, Karolina Szczur talks all about third-parties: how big of an issue they really how, how to identify which ones are the most problematic, and what you can do about it.

So it's not necessarily a binary choice—in some cases, sure. But there are strategies that you can use to mitigate that performance that you just have to be aware of them and you have to start with having that conversation. The responsibility is actually on us, not necessarily on the vendor that's providing the service.

A full transcript is available at: https://chasingwaterfalls.io/episodes/episode-four-with-karolina-szczur/

Links:

• Karolina Szczur on Twitter
• Karolina Szczur's site
• Patrick Hulce on Twitter
• Calibre
• The State of the Web
• Addy Osmani on Twitter
• Third Party Web
• Lighthouse
• Firefox Focus
• How We Improved the Performance of Our Live Chat by 30%
• Netlify
• Heroku
• Google found a 400ms delay resulted in less engagement
• Reducing the Intercom Messenger Bundle Size by 65%
• Harry Roberts' tweet showing a performance waterfall with and without third-parties
• Ben Schwarz on Twitter
• Performance Email Newsletter
• Calibre on Twitter

A lot of work falls under the umbrella of "web performance" and it's hard to know where to focus, both for quick wins and for long-term maintainability. In this episode, Katie Hempenius talks about everything from JavaScript and image weight, to third-party challenges, budgets and the importance of organizational support.

Now maybe your first party site is actually pretty decent and is holding the line but you keep getting push back from marketing to just keep adding more third party content and that is just really slowing the site down and that's one of those things...that issue is bigger than engineering. You need to have the company kind of come to an agreement on what your strategy is going to be around third party.

A full transcript is available at: https://chasingwaterfalls.io/episodes/episode-three-with-katie-hempenius/

Links:

• Katie Hempenius on Twitter
• Improving Page Performance in Modern Web Apps with Katie Hempenius
• Addy Osmani on Twitter
• Speed at Scale: Web Performance Tips and Tricks from the Trenches
• HTTP Archive
• Tweet about page size increase
• Lighthouse
• WebPageTest
• PageSpeed Insights
• Bundlesize
• LightWallet
• 77% of sites use at least one vulnerable JavaScript library

Many people want their organization to prioritize performance, but where do you start? In this episode, Reefath Rajali, a mobile developer advocate at PayPal, talks about PayPal's performance journey, starting with a simple, lightweight prototype built during a hackathon.

So, that is how this journey actually started and as you said, it was not an easy journey. We had a lot of challenges. Because it is a larger organization and to transform a hackathon idea into action, there are a lot of team players and companies about. We have our product, we have our analyst, we have our designers, and we have our engineering group. So, it’s like four or five teams we have to come together, agree, and every single stream has a different leader.

A full transcript is available at: https://chasingwaterfalls.io/episodes/episode-two-with-reefath-rajali/

Links:

• Reefath Rajali on Twitter
• Polymer
• React
• Babel
• Celebrating our achievements by Lara Hogan
• Lighthouse
• Catchpoint
• #perfmatters Conference
• PayPal Engineering Blog

How do you not only establish a culture of performance, but nurture it and scale it across a large organization? That's the question we try to answer in this week's discussion with Malek Hakim, a performance engineer at Priceline. We talk about what Priceline has been doing to cement a culture of performance across the organization, touching on everything from tooling and metrics, to education and experimentation.

We started small at first. We were actually working on trying to find small tasks that we can do that we can test and try to show the impact. And yeah. You iterate and you do different tests, and some of them show up to be beneficial and sometimes surprising. And I guess that gets the ball rolling.—Malek Hakim

A full transcript is available at: https://chasingwaterfalls.io/episodes/episode-one-with-malek-hakim/

Links:

• Malek Hakim on Twitter
• New York Web Performance Meetup
• London Web Performance Meetup
• Sergey Chernyshev on Twitter
• Boomerang
• Lighthouse

Chantastic talks with Nikolai about Prepack — a tool for making JavaScript code run faster. They discuss the goals and challenges before Prepack, why it makes global JavaScript faster, and how it could dramatically improve time to interactive performance in large React apps.

Featuring

• Nikolai Tillmann — Twitter, Github
• Michael Chan — Twitter, Github, Website

Notes & Links

• Prepack
• Prepack repl

Chantastic talks with Alex Reardon about his project react-beautiful-dnd. They discuss the physics of drag and drop, accessibility in any language, tricks and tactics for performance tuning UI, and engineering health in open source.

Checkout Alex’s free egghead.io course Beautiful and Accessible Drag and Drop with react-beautiful-dnd!

Featuring

• Alex Reardon — Twitter, Github, Medium
• Michael Chan — Twitter, Github, Website

Notes & Links

• Atlaskit
• Tweet announcing react-beautiful-dnd 8.0
• Dragging React performance forward
• Natural keyboard movement between lists
• Rethinking drag and drop
• Jira Core
• Prettier
• Jest
• jsdom
• skatejs
• downshift
• KeystoneJS
• React Select
• Render props

Our guest this week is Matt Shull. Matt works at Aristotle Interactive where he manages projects and helps shape performance best practices. He also teaches others about web design/development through Thinkful in his spare time.

In this episode, we talk about Matt's experience with making sites fast for big clients, the tools they use at Aristotle Interactive to monitor performance metrics for their clients, the WebP image format, and a few performance pitfalls and how you can avoid them.

Show Links:

• Matt Shull
• Aristotle Interactive
• Resource Timing in Practice
• Mark Zeman on Twitter
• Perfmap
• SOASTA
• Andy Davies on Twitter
• What Does My Site Cost
• Jake Archibald: Service Workers are Coming
• Jake Archibald: Supercharging Page Load
• Lara Hogan: Designing for Performance
• WebPageTest.Org
• Tableau
• WebP Images & Performance - David Walsh
• Path to Performance Slack Group