- 69
- 69 744
NY Web Performance Meetup
United States
Приєднався 3 січ 2014
New York Web Performance Meetup
How Dotdash Meredith team approaches INP
Google's new Interaction to Next Paint (INP) Core Web Vital presents new challenges to businesses, with as much as ~18% of the web having "needs improvement" or "poor" INP and ~53% of pages fail Core Web Vitals overall. Dotdash Meredith, America's largest publisher, will share how we have been transforming how we observe and optimize our sites in order to create better customer experiences on our pages. In this roundtable talk Speed Team manager Russell Brown, Principal Engineer Joseph Freeman, Software Engineer Tyron Goldschmidt and Hat Li from Quality Assurance engineering speak on how to better improve your monitoring, engineering, testing and planning for INP.
Slides:
github.com/nywebperf/speaker-slides/blob/main/2024-06-05-ddm-team/How%20DDM%20approaches%20INP.pdf
NY Web Performance Meetup:
www.meetup.com/Web-Performance-NY/
Slides:
github.com/nywebperf/speaker-slides/blob/main/2024-06-05-ddm-team/How%20DDM%20approaches%20INP.pdf
NY Web Performance Meetup:
www.meetup.com/Web-Performance-NY/
Переглядів: 106
Відео
Speed Design
Переглядів 7719 годин тому
Proper speed design is a collaboration between product managers, UI designers and developers as all the aspects of the page composition must be balanced to achieve fast experience. Sergey Chernyshev discusses how to start bringing speed into the design process early on and looks at the most common set of design patterns that can help you drive design decisions. Sergey Chernyshev (@SergeyChe@web...
Flexible Architectures for Web Performance
Переглядів 155Місяць тому
Today in the web performance space we have a lot of technologies that were invented to speed up various parts of the applications. Many of them are successful when they can be just put in place without changing anything in the applications or at least with minimal changes, like network protocols or image formats. However some more advanced features like progressive web apps, edge cache for HTML...
Font Performance
Переглядів 264Місяць тому
Only 10 years ago, custom web fonts were a niche feature, but today they are used by 83% of websites. While it’s easy to add and use web fonts, there are many ways that they can negatively impact web performance and user experience. During this talk Paul will provide an overview of custom web fonts and some web performance techniques you can use to optimize them. We’ll look at examples from the...
Preload v Early Hints v Fetch Priority
Переглядів 1,1 тис.11 місяців тому
At Dotdash Meredith (DDM), America's largest online and print publisher, web performance is not only a priority for the engineering organization, but one of the company's top three goals. Joseph Freeman (Principle Engineer on Speed team) and Tyron Goldschmidt (SE2 on Speed Team) compare page load performance with preload, early hints and fetch priority. Slides: github.com/nywebperf/speaker-slid...
Optimizing Ads
Переглядів 329Рік тому
At Dotdash Meredith (DDM), America's largest online and print publisher, web performance is not only a priority for the engineering organization, but one of the company's top three goals. William Klausmeyer (Senior Manager, Revenue Platform Engineering) and Nelson Brodyk (Senior Director, Ad Product Development) look at how DDM uses culture of performance to optimize their ad stack. Slides: git...
Improving performance for 3 million web sites
Переглядів 738Рік тому
Improving the performance of one web site can be hard enough, but at Shopify our scope extends to over 3 millions separate sites.The Merchant Performance team is new to Shopify and in this session we’ll share what we’ve learned over the last 12 months, some of the challenges we face and some of the projects we are working on. This includes: * The challenges of optimizing performance for a flexi...
Digging into Interaction to Next Paint
Переглядів 978Рік тому
You've probably heard about Interaction to Next Paint, the new Web Vitals metric proposed to replace FID. Now come see how to understand and optimize it! We'll do an overview of what INP is. Then we'll look into which interactions to debug, how to use tools to dig into them, show off some advanced techniques, and talk through examples. Annie is a software engineer on Chrome's Web Platform team ...
Dotdash Meredith's culture of performance monitoring and optimization
Переглядів 975Рік тому
At Dotdash Meredith (DDM), America's largest online and print publisher, web performance is not only a priority for the engineering organization, but one of the company's top three goals. In this meetup we'll have two talks at the DDM offices at 225 Liberty. The first talk covers how observability, DevOps, QA, SEO and engineering monitor performance across our brands, and the second talk is a d...
Priority Hints - What Your Browser Doesn’t Know (Yet)
Переглядів 330Рік тому
How does Etsy keep up with advances in the field and test new features in pursuit of faster shopping results?In this talk, Senior Web Performance Engineer David Ross walks us through testing Priority Hints via origin trial and how it led to a 4% gain in Largest Contentful Paint. David Ross (@cdaveross) is a Senior Web Performance Engineer at Etsy. Based out of Seattle & in web-perf for 4 years,...
Performance Mistakes-an HTTP Archive deep dive
Переглядів 441Рік тому
Web performance is a complicated topic, but over the years it’s become easier to articulate thanks to incredible advancements in performance features, their adoption in the browser ecosystem and tools that test and give insight into which techniques might speed up your site. However, all too often a feature is implemented incorrectly, resulting in a lost opportunity for performance improvement....
Discovering the next big performance opportunities
Переглядів 254Рік тому
Discovering the next big performance opportunities
Lies, damn lies, and performance studies
Переглядів 116Рік тому
Lies, damn lies, and performance studies
WebPageTest Opportunities and Experiments
Переглядів 489Рік тому
WebPageTest Opportunities and Experiments
Performance Testing using Playwright
Переглядів 17 тис.2 роки тому
Performance Testing using Playwright
Sub second page load on mobile using intelligent prefetching
Переглядів 1562 роки тому
Sub second page load on mobile using intelligent prefetching
Analyze and Improve web performance using devtools & webpagetest
Переглядів 6853 роки тому
Analyze and Improve web performance using devtools & webpagetest
Think Fast, First: Empowering Performance Culture
Переглядів 1854 роки тому
Think Fast, First: Empowering Performance Culture
Leveraging the Power of Service Design to Boost Web Performance camproj
Переглядів 505 років тому
Leveraging the Power of Service Design to Boost Web Performance camproj
Capturing speed of User Experience using UserTiming API
Переглядів 4255 років тому
Capturing speed of User Experience using UserTiming API
Even Better Performance for your Website using JAMstack tools and Techniques
Переглядів 3055 років тому
Even Better Performance for your Website using JAMstack tools and Techniques
Awesome talk!
Custom Fonts should _NOT_ be used for icons. Custom fonts are blocked on secure environments, for example in lockdown mode on iPhones.
Thank you very much for a great presentation!
Great talk! I appreciate the real world walkthrough.
This is amazing. By any change can i get the value of the FPS that you captured in the screenshot so i can use assertion on it for my test?
I didn't realize Playwright could do this! That was a great presentation. You rock!
The fetchpriority value "medium" as mentioned in one of the slides does not seem part of the WHATWG spec. Nice talk altogether!
Do you have a link to the Long Animation Frame snippet?
Another question is how to generate the HAR file after the test?
Admin, Can you share the GitHub repo?
Thank you for sharing John!! Fantastic talk!!!
lol the intro was great.
This is just great! Thanks
very imformative meetup, thanks so much!!!!!
Thank you for all the insights!
What about Cypress?
great content. Looking froward for broader adoption of those Early Hints.
Great talk Pul, thank you for sharing
RICE scoring. Nice.
Only 15 minutes in and this is super helpful!!!! Thank you for sharing this information!
Fantastic talk. This opened my eyes to the browser internal API.
Great and insightful !!!
Thanks for bringing it to us. Every web developer should aware of these things. Thanks again :)
What is the usage of knowing the selectors in console for web performance?
Makes it easy to write tests or inspect elements during analysis.
Great talk, can you please share the snippets?
Thank you so much for the talk and the replay. I learned an awful lot! Just have to figure out implementation. :-)
Try to profile your application with liveprof.org/
it was great!
This is absolutely great. Nice sense of humor too haha. Thanks!
thanks. its so helpful.
Wow, all these awesome people hanging out together about Web Perf! Thanks for the video.
You're very welcome! Hope Turin group is going well too!
Thanks, Sergey. Another great presentation. I couldn't attend, so it's nice to be able tor see the presentation here. Can you direct me to information on creating and formatting the custom test file for web page test? Thanks.
it would have been great if the slides were in the video
+PatrickJS yeah, I know, but we could not record it properly and attaching them to the video was beyond reasonable amount of work.
Nice presentation!
Access to slides is denied?
+Jan Killian should be public...
Video from our April session with Ronald Bradford is now live on our UA-cam channel.
1:18 10/10
Where Can I still find the slides?
Video from Grant's talk is ready.