Jecelyn Yeen π
@jecfish
Principal Software Engineer. Ex-Googler. Ex-Chrome. π©βπ»π²πΎπ€Ώ
Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Letβs dive in! πΊ youtu.be/7A70hBrPL4I @tunetheweb @jecfish @malchata #DevToolsTips #webperf
Happy New Year! 2025 is the year of #WebDriverBiDi. You might not use it directly (but via testing frameworks), but it has a real impact on the testing ecosystem.
Follow along with @jecfish as she shows you how WebDriver BiDi supercharges cross-browser testing π§ͺ Learn how this browser automation can help with mock network requests and monitoring console events βΆοΈ goo.gle/4j9wiWi
Good news for those of you who prefer to keep classic #ChromeDevTools color scheme. We added a setting to let you customize that via Settings > Preferences > Match Chrome color scheme.
Want to know if your redesign actually improved user experience? See real-world performance data with Chrome UX Report! Compare your production (old) and new designs to measure the impact. @tunetheweb #webperf #ChromeDevTools
π₯± What to do when your teammate's asleep but the code's gotta be fixed? Watch to find out: youtube.com/shorts/asJGtTRβ¦ @matthiasrohmer @jecfish #DevToolsAI #CSS #webdev #debugging
Debugging LCP issues just got easier! Join @jecfish and @tunetheweb as they explore the revamped Performance panel landing page in Chrome DevTools, packed with features to optimize your website's performance. See it in action β goo.gle/40MR5bq #DevToolsTips
π Is your LCP dragging down your page speed? Learn how to use Chrome DevTools to find it! New video in 2 days with a full fixing guide. @tunetheweb #webperf #ChromeDevTools
Captain DevTools π©ββοΈπ¨ββοΈπ
Mayday! Mayday! We need a CSS hero to save our flight! π©οΈ (Spoiler: it involves a lot of frustrated yelling π) Watch and find out: youtube.com/shorts/E_3wmTjβ¦ #codinglife #CSS #DevToolsAI @matthiasrohmer @jecfish
π€¨ How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and β¦. #ChromeDevTools
New YouTube Short! π₯ @jecfish and @matthiasrohmer are up to something... πyoutube.com/shorts/LqBgsL6β¦ #DevToolsAI #ChromeDevTools #CSS #webdev
Well, it works (fast) on your machine, not mine @tunetheweb ! Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools. πΊ youtu.be/M5oe010pYbA?feβ¦
2 neat features to improve network debugging in the Performance panel. #ChromeDevTools π Hover to view critical network information upfront π΅ββοΈ Click Cmd + F to search Less context switching, better focus. @tunetheweb
Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools. Learn more from @argyleink: developer.chrome.com/blog/scroll-snβ¦
Is speed your thing too? π Join Captain Speedy @tunetheweb and @jecfish for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live. Watch the full video πΊ youtu.be/M5oe010pYbA #webperf #chromedevtools
Β‘Nos vemos en Madrid!
π’ Hola, Madrid devs! Join us on Nov 5th to explore DevTools, Built-in AI and Extensions! @GDGMadrid π Come learn and connect! RSVP: bit.ly/madrid-chrome-β¦ @tomayac @oliverdunk_ @matthiasrohmer @jecfish #AI #ChromeDevTools #webdev