Top Tweets for #WebPerfTip
#WebPerfTip
If you need a GitHub Action to automatically compresses JPEGs, PNGs and WebPs in pull requests, IMHO this is the best option
#WebPerf #ImagePerf #PerfTools #Image
#WebPerfTip Avoid embedding raster images directly in SVGs
ℹ️ In this case, the image is a vector graphic
#WebPerf #Perfomance #WPO #ImagePerf
#WebPerfTip RUM's web performance tools help us identify performance issues; please use IDs on the most important elements (elements that can potentially affect the UX) to assist us in debugging web performance
#WebPerf #Performance #WebPerfTools
#WebPerfTip If you need "rel=dns-prefetch" to enable support for older browsers to resolve domain names early, use separate link tags to safely implement the fallback technique.
⚠️ Implementing "dns-prefetch" fallback in the same <link> tag causes a bug in Safari where "preconnect" gets cancelled.
#WebPerf #Performance
📣 #WebPerfTip
Please be sure to avoid fade-in effects when loading the page. It seems a good UX resource to maintain good visual stability, but the Core Web Vitals LCP metric reports a terrible experience
👀 Look at the Rendering delay
#WebPerf #Performance #CoreWebVitals #LCP
Reducing the video resource size from 7.48 MB to 239 KB with a Responsive Video approach is crucial for enhanced Web Performance for mobile devices.
Example using @cloudinary and standard HTML
📝 https://t.co/0c2Ut5G6ic
#WebPerf #Video #WebPerfTip #CoreWebVitals #LCP
📣 #WebPerfTip
Avoid unnecessarily large images
Serving images that are too large leads to slower requests and wasted bandwidth
"If an image is served as 1000x1000px but is rendered in a 500x500px box, it's 4 times larger than necessary" - @DebugBear
#WebPerf #ImagePerf
📣 #WebPerfTip
Avoid error requests; the browser consumes resources and time trying to download them.
"Initial connection: The browser is establishing a connection, including TCP handshakes/retries and negotiating an SSL."
#WebPerf #Performance
#WebPerfTip CrUX Dashboard Chrome shortcut
https://t.co/oJxC7t7Ekt by @rick_viscomi
#WebPerf #PerfTools #coreWebVitals
📣 #WebPerfTip
The Web Performance isn't only to add preload or laziness to the resources
WebPerf Tool: @DebugBear
#WebPerf #Performance #WebPerfTools
#webperftip : JavaScript
⚡️ #WebPerfTip
Detect the largest images on a website:
1️⃣ Open Chrome DevTools
2️⃣ Select Network Tab
3️⃣ Open filters and select "Img"
4️⃣ Write "largest-than:1M" in the filter input
5️⃣ Reload the page
6️⃣ Optimize the images listed
#WebPerf #ImagePerf #Image
⚡️ #WebPerfTip
Please, if you need a "271 × 181 px" image, load a "271 × 181 px" image, with density to support devices' retina display, etc... but not a "3840 × 2561 px" image size of 1.0 MB 🙈
#WebPerf #ImagePerf
📝 Web Performance Tip
"You don't need JavaScript to load a favicon"
#WebPerf #Performance #WebPerfTip
#WebPerfTip
Use a tool with Web Performance alerts, like @DebugBear, to fix the Web Performance issues
⚡️ #WebPerf #Performance #WPO #PerfTools
Great to see Adobe Typekit have finally added font display controls. Setting to 'swap' (default for new projects) should improve performance and remove the 'Ensure text remains visible' flag in Lighthouse
https://t.co/3qnJBCWb2U
#WebPerf #WebPerfTip
Last Seen Hashtags on Sotwe
Trends for you
Most Popular Users
Elon Musk 
@elonmusk
240.3M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
109.5M followers
Narendra Modi
@narendramodi
107M followers
Rihanna
@rihanna
97.4M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.7M followers
KATY PERRY
@katyperry
87.1M followers
Taylor Swift
@taylorswift13
81M followers
Lady Gaga
@ladygaga
72.5M followers
Kim Kardashian
@kimkardashian
69.5M followers
Virat Kohli
@imvkohli
69.1M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.6M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
61.7M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60.2M followers