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




