webperformance

Looking for a better way to optimize and improve your project’s web performance? 🚀 We’ve got you covered:

Today Chucho and Ricard are joined by Ines Akrap, Senior Web Performance Engineer, for insights into Core Web Vitals in 2023.

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

Additional resources:
🔗 https://github.com/Netcentric/progux

Are you a web developer or designer passionate about creating visually stunning, high-performance websites? 🤩

We review the optimal ways how to upload images in 2023.

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

Additional resources:
- https://web.dev/learn/images
- https://squoosh.app

We talk about what we look for on a website when it comes to web performance. What are the basic things we first check? What tools do we use?

FE developers even if not web performance experts need to be able to identify issues and how to solve them.

At Cognizant Netcentric we've written some articles about web performance, have a look:
https://www.netcentric.biz/insights/2019/01/web-font-performance
https://www.netcentric.biz/insights/2021/08/css-loading-strategies-1
https://www.netcentric.biz/insights/2021/09/css-loading-strategies-2

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

(Originally aired on YouTube on September 5, 2018)

Rick speaks with Paul Calvano, a Senior Web Performance Architect at Akamai Technologies, about how he uses the HTTP Archive and Chrome UX Report datasets to understand and improve customers' site performance and security.

Cryptocurrency mining → https://goo.gle/2Yg5xbq

Measuring Firefox performance → https://goo.gle/2Sh8k0u

CrUX and mPulse → https://goo.gle/2SjKBwB

mPulse → https://goo.gle/3f2nIHt

HTTP Archive @ Fluent Conf → https://goo.gle/2yX3XAz

Paul Lewis (@aerotwist) talks with us about how we can better optimize web page speeds as well as how to avoid glaring light on videos caused by bald headed smoothness...or something to that degree. With the rise of web traffic on mobile devices, developers have had to rethink web performance over the past decade. Bandwidth & Latency have become much larger challenges than ever thought possible. The old ways to optimize performance on web pages just don’t work. The high level RAIL (Responsive, Animated, Idle, Load) & the lower level PRPL (Push, Render, Precache, Lazy Load) patterns are but many strategies Google is using to enable developers to deliver better User Experiences in an ever evolving internet,     

Resources

• RAIL - https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail?hl=en
• PRPL - https://www.polymer-project.org/1.0/toolbox/server
• Polymer Shop -  https://www.polymer-project.org/1.0/toolbox/case-study
• Speed Gun - http://speedgun.io/
• Site Speed -  https://www.sitespeed.io/
• Page Speed Tools - https://developers.google.com/speed/pagespeed/
• Page Speed Insights -https://developers.google.com/speed/pagespeed/insights/
• Mobile Friendly Test - https://www.google.com/webmasters/tools/mobile-friendly/
• Lighthouse - https://github.com/GoogleChrome/lighthouse
• Web Page Test -  https://www.webpagetest.org/
• AMP - https://www.ampproject.org/
• CSS Triggers - https://csstriggers.com/
• New Relic article on HTTP/2 - https://blog.newrelic.com/2016/02/09/http2-best-practices-web-performance/
• New Relic -https://newrelic.com/
• Ilya Grigorik’s book on High Performance Browser Networking - https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#safe=off&q=High+Performance+Browser+Networking&stick=H4sIAAAAAAAAAOPgE-LSz9U3iDfOqoo3VYKys5PzcrSkspOt9JPy87P1E0tLMvKLrEDsYoX8vJxKAHpHdSg2AAAA
• Free Udacity Courses
• • Paul Lewis on Browser Rendering Optimization - https://www.udacity.com/course/browser-rendering-optimization--ud860
  • Ilya Grigorik on Web Site Performance Optimization - https://www.udacity.com/course/website-performance-optimization--ud884