-
How to rock your performance?
Largest Contentful Pain(t) (LCP) is a metric that measures loading time. It's one of three Core Web Vitals and affects SEO so it's important to have it under control!
Here's everything you need to know about it!
#javascript#webperf pic.twitter.com/cXktlgmzpu
Show this thread -
You can use this code to quickly find image optimization quick wins in your app! The below snippet will show a red border around images without width and height that cause layout shifts and around the ones that are not loaded lazily.
#webperf#javascript#csspic.twitter.com/oiKJRBx2y0
-
- Afficher une image sur le web VS - Bien afficher une image sur le web
#webperf pic.twitter.com/zJovCKI7CD
Show this thread -
We are excited to announce that @csswizardry will be our next guest on WebPageTest LIVE! Join us for an interactive deep dive into sites, hosted by our own@HenriHelvetica. RT!
#webperf
: March 24th
: 1PM EST
:
http://everytimezone.com/s/eda1f34e
: http://twitch.tv/webpagetest pic.twitter.com/OMJqixsY1b
-
Next Tuesday! (an hour earlier than usual)
@____lighthouse CI creator@patrickhulce is joining the stream to show off best practices for debugging our#WebPerf!
https://twitch.tv/SomeAnticsDev
Tue, March 22 at 1pm Central
Add to calendar: https://calndr.link/events/qkui2p71di …pic.twitter.com/8xHLnuYsZb
-
Put your hands up if you are not surprised by this
See how Key Medium can help avoid the pain at http://keymedium.com
---
#webperf#webdevelopment#webdesignpic.twitter.com/6y3NFqd0Uv
-
Today's
#WebPerf pro tip: don't lazy load LCP images! This one crept in on one of my client's sites, discovered because LCP started creeping up on a key template. pic.twitter.com/HU1o0kuOUo
-
How much JavaScript is your app adding the Shopify merchants' storefronts? We added a size limit test to Incentivize's
#JavaScript bundle. We're committed to under 15kB
#WebPerf is important. Stay fast. pic.twitter.com/1smanZ4nTk
-
Do you have performance checks in your CI/CD pipeline? If you do - what checks do you have?
#javascript#webperf -
Introducing support for responsiveness metric! It's the next step to measure interactivity on the web.
Check how well your website handles user inputs: https://treo.sh/sitespeed
Thread with details & examples ↓ #webperf#seopic.twitter.com/aIKQExWpmZ
Show this thread -
Week 1 done onboarding
@Shopify Thanks to everyone 4 making me feel so welcome and looking forward to getting started at making commerce fast for everyone! If anyone in my network is interested in doing some really meaningful work in#webperf reach out, I'm hiring!#perfmatterspic.twitter.com/NO1C1B74Wy -
Survivorship bias in
#WebPerf - why your data may be lying to you and why FCP is a key metric to optimise for. Slow users are more likely to abandon a visit, biasing your analytics towards fast experiences. https://simonhearne.com/2022/survorship-bias-in-webperf/ … -
#WebPerf tip: A common cause of too high CLS (Cumulative Layout Shift) is the silly mistake of not setting "width" and "height" for your images. Always set both for <img> tags and see how your CLS is improving!#javascript#csspic.twitter.com/pxgGBvcjZR
-
same exact video after ~40s of watch time. ~3x less CPU (19% vs 7%), ~4x less heap size (200mb vs 60) and DOM nodes (8k vs 2,5k). I can't wait to release the new video player!
#webperf pic.twitter.com/Nz4pUUkyfc
-
-
We love
too Gatsby! Now let's see who shines! #GatsbyConf awarded prizes from two jewellers, so we had them side by side comparing their SPEED INDEX aka their visual progression. This is what it looked like: mobile, 4G.#webperf#perfmatters (thread
)pic.twitter.com/YY4IKQGpxcShow this thread -
The Return of Server Side Routing
#javascript#webdev#webperf#programming https://buff.ly/3KOYZGz pic.twitter.com/zD1uXuLsjh
-
Keeping an eye on Core Web Vitals is well... vital. Did you know you can access your Web Vitals data in several ways using WebPageTest?? here's a QUIC CLIP on how you can. Sign up for a free account: http://webpagetest.org
#CoreWebVitals#webperf#perfmatterspic.twitter.com/DvZss3bvPl -
question for my
#webperf chums: is there a threshold below which it generally makes sense for a stylesheet to be a <style> instead of a <link>? obviously 'it depends' but in the 90% case, if a page needs 5kb.css, 50kb.css and 500kb.css, should you inline the first? the first two? -
A good
#webperf tip of fetching only critical resources can be to minimize the impact of media queries by modularizing specific styles for particular screen size in a separate file and only load when required like so: pic.twitter.com/1BNGZ2juNb
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.