TIL Performance Tips ⚡️ @TILperf
Today I Learned: Web Performance Tips A Faster Web Joined May 2020-
Tweets52
-
Followers127
-
Following0
-
Likes328
Part 2/3 of my series "HTTP/3 from A to Z" is now online. In it, I discuss #HTTP3 and #QUIC's performance features in technical detail and nuance. Learn why the new protocols certainly improve things but often don't entirely solve problems @smashingmag: smashingmagazine.com/2021/08/http3-…
Google Fonts now offers 112 variable fonts. A great way to save additional requests and many KBs: fonts.google.com/?vfonly=true
Google Fonts now offers 112 variable fonts. A great way to save additional requests and many KBs: fonts.google.com/?vfonly=true
A great breakdown by @thegreengreek on render blocking resources and the critical rendering path. sia.codes/posts/render-b…
Prevent hidden images from loading altogether by using both loading=lazy and hidden attributes. Otherwise hidden images will load in the background at low priority. This works for all browsers that support native lazy loading: caniuse.com/loading-lazy-a…
I've been doing a bunch of web performance audits recently, here are the top 10 problems I've seen youtube.com/watch?v=Lh9q3h…
Google Fonts now offers 86 variable fonts. A great way to save additional requests and many KBs: fonts.google.com/?vfonly=true
Google Fonts now offers 86 variable fonts. A great way to save additional requests and many KBs: fonts.google.com/?vfonly=true
#webperf tip of the day. Make sure you have the correct `cache-control` headers on your `favicon.ico` so your CDN can cache it correctly. This missing header caused 370,000 GOV.UK origin requests on Monday in the huge spike (now fixed). #perfmatters
Add `img[loading=lazy] { outline: 10px solid red; }` to your CSS and traverse your site looking for false positives above the fold.
Add `img[loading=lazy] { outline: 10px solid red; }` to your CSS and traverse your site looking for false positives above the fold. https://t.co/YCBjesodnM
Conditionally load JavaScript depending on network connection, device RAM, device CPU, or even device battery level. Progressively enhance UX with JS. Great tip from @umaar: umaar.com/dev-tips/242-c…
The Performance 500: Websites of The Fortune 500 Ranked by Page Speed reachlightspeed.com/blog/the-perfo…
Use Quicklink.js to prefetch all links in user's current viewport during idle time. - Tiny < 1KB drop-in JS library - Works with static links + React Router routes - Option to throttle number of total/simultaneous requests getquick.link
Great tip from @csswizardry! When you don't have access to the <head> to preload background hero images, add a hidden <img> within the hero module to request the asset earlier.
Great tip from @csswizardry! When you don't have access to the <head> to preload background hero images, add a hidden <img> within the hero module to request the asset earlier.
Which host is the fastest in terms of TTFB (time to first byte)? Is My Host Fast Yet? by @rick_viscomi identifies TTFB latencies as experienced by real-world users: ismyhostfastyet.com
Instead of showing gray placeholder boxes for images while they load—try using BlurHash, a tiny blurred representation of the image. Unsplash.com uses this library. BlurHash by @woltapp: github.com/woltapp/blurha…
Customize Lighthouse audits with custom tests. E.g. Check for social meta tags, pages are listed in the sitemap, custom perf metrics, etc. Building custom Lighthouse audits by @DebugBear: debugbear.com/blog/custom-li…
Looking to compare Lighthouse & Chrome UX Report scores visually in a snap? Checkout PageSpeed Compare by @sanderheilbron: pagespeed.compare
Make a custom CrUX (Chrome UX Report) Dashboard shortcut in Chrome by @rick_viscomi: dev.to/rick_viscomi/m… #webperf
You want to run a test with WebPageTest but the waiting is long? Check webpagetest.org/getLocations.p… to choose a free or less used resource (browser/location). #webperf #tip
Joan León 🏞️⚡... @nucliweb
12K Followers 4K Following ⚡️ Web Performance Artisan | Co-Founder @perfreviews_ | @GoogleDevExpert in #WebTech | @cloudinary Ambassador
Rodrigo Campos(by Don... @DonTester_
59 Followers 147 Following | 12+ yrs of XP | Performance Tech Leader | @GatlingTool | Content Creator in Spanish https://t.co/GZtCLdJuR0 | https://t.co/yokJxp0LgL
Madjid Taha @madjidtaha_
630 Followers 1K Following Freelance Technologist, Former @keakrofficial @resn_has_no_i @gobelins_paris, ¯\_(ツ)_/¯
Mustafa Flexwala @imflexwala
36 Followers 161 Following WordPress / WooCommerce Developer | Laravel Developer Developing custom Themes, Plugins, and Websites. ⭐ Top Rated Fiverr Seller
RUMvision - Page spee... @suxbyrumvision
126 Followers 96 Following Real-time #UX data of your own visitors. Use our SUX and monitoring to improve technical UX on your website or shop. #webperf #realusermonitoring #corewebvitals
Carlos Villarreal @charliezstong
19 Followers 4K Following Off/ON They forget that invisibility is a superpoweͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤͤr
Jacob Berthelsen @jjbert18
129 Followers 683 Following In a love hate relationship with the internet. Frontend web dev that likes design and css things.
수라 @SuraJeon
1 Followers 11 Following
𝒊𝑪𝒐𝒖𝒏�... @iCounsellor
591 Followers 2K Following No book promotion, not pushing a 'Life' course, not prize winning & not parody (probably 😉). Elder 🏳🌈 🏳️⚧️: he/him #LGBwiththeT 📡: M7SUX
Umar Hansa @umaar
20K Followers 1K Following • I tweet developer tips and tricks • Made https://t.co/BNg6jxTWZV • Developer tips https://t.co/8Ofj0P4de9
Pierre Far @pierrefar
4K Followers 1K Following Management consultant & founder of things. Genetics PhD. Cares about privacy & AI. Generally snarky & sarcastic. Regularly fails captcha.
Crunchify @Crunchify
5K Followers 6K Following Attracting 16 millions+ monthly users, we are leading & trusted tech + blogging resource for all. We also help clients transform their great ideas into reality!
Kushagra Gour @css_ba... @CSSMonk
4K Followers 284 Following Builder, problem solver! My Frontend Bootcamp - https://t.co/BUVFJm5yjw (Applications open) // Building https://t.co/5ORwvw9g9K, https://t.co/5aPooGuIQ4, https://t.co/KrOmXaZyd4
賴思宇 @Q39SXpPSIThfppx
1 Followers 45 Following
gopal➐ @gopaladvaita
83 Followers 2K Following
DebugBear @DebugBear
2K Followers 265 Following Monitor page speed and Core Web Vitals in the lab and with real user data.
Fasterize @Fasterize
880 Followers 613 Following SaaS #WebPerf and #SEO solution. Improve your website #UX & #SEO, boost your business with optimizations applied on the fly.
R @roger_vos
70 Followers 201 Following
Arnout Hellemans @hellemans
8K Followers 7K Following Online Strategy Consultant with a focus on #SEO, #SEA, #CRO, furthermore into #gadgets, #Android mobile phones and (offline) cooking. Online since 1992...
Anna Migas @szynszyliszys_
242 Followers 508 Following Software Engineer at @Castle_IO. Front end Dev (now @Angular). @GoogleDevExpert. Speaker. Proud member of @webmuses. Continuation to @szynszyliszys account.
Paul Applegate @papplegate
180 Followers 2K Following Leprechauns steal gold, guard yours. @[email protected]
Mickaël Silvert @MickaelSilvert
143 Followers 590 Following Dad, Drupal/React Enthusiast, Open source dev & Cofounder @happycodingch
hiro @hirorock
189 Followers 428 Following 元美容師で、Webのマーケティングやエンジニアをやってます 一児の父👶 ずっとノンアルにはまってる（アルコールも好き）
Cees Timmerman @ctimmerman17
395 Followers 2K Following Software Engineer. Unable to read minds. Egalitarian skeptic agnostic neopagan Discordian Pastafarian IPU (BBHHH) fan. Make love, not war.
Nishant Mehta @deftseo
59 Followers 1K Following
⌁ Kreo @_kreo
727 Followers 4K Following ⌁: #UXEngineer ⬡: https://t.co/sL5wRyyt0F ▽: Look the black sky of your mind, even stars can't shine without darkness...
Jay @JayBox325
1K Followers 362 Following 33. Freelance web design & development. Support the Town. Very sweary.
langalex @langalex
1K Followers 687 Following Founder @co_up Coworking and @cobot_me. Building a sailboat at @picassolsailing. Crossfit.
Jon Arne S.💬 @jona... @jonarnes
3K Followers 789 Following eXited X. Find me at https://t.co/v2ySon1Iyz
Markus Kämmerer @HappyArts
695 Followers 652 Following Soul-Business #Mentor und #Coach (PCC), #Journalist (@DJVde), @oelverliebt, Experte für Business Kreditkarten Mastodon: @[email protected]
Leah Wagner @leahamwagner
301 Followers 1K Following Engineering Manager @TheJibe eCommerce. Finding new ways to fit all the eCom building blocks together.
You C. Garmendia A. �... @yougarmendia
216 Followers 955 Following INTJ, transhumanista, animalista, nerd, ateo, Star Wars fan, geek y (ojalá), algún día, una consciencia virtual. Instagram: @yougarmendia
Lokesh Yadav @designerlokesh
208 Followers 570 Following Technology Lead, Developer, Application Architect, Experience Engineering @PublicisSapient
rhaicode @rhaicode
84 Followers 488 Following software architect + developer leadership. the thunder is well kept
Raphaël Saunier @RaphaelSaunier
497 Followers 3K Following 👨💻 Software Engineer 👨👧👦 Father of Two 🤖 AI Dilettante 💫 Psychonaut 🫶 Xenophyle – 🧯 Former Firefighter & Swiss Army Logistics Officer 🎓 @UCLSoM IMB
Abhishek Dash @abhidash29
0 Followers 647 Following
jagged @jaggedsoft
36K Followers 8K Following #SKOP ฅ^•ﻌ•^ฅ #PEPECAT Creator of the Binance API, Technical Director of Vitality Ventures S.A. in Panama, (Prev) Darkpool Ventures
Gary Siladi @garysiladi
93 Followers 188 Following Co-founder of @LiftedDotDev ▨ Jamstack Enthusiast ▨ ✍🏻 Writing blogs
capt_uhu @CaptUhu
24 Followers 563 FollowingTrends for United States
You might like
