GitHub - QwikDev/qwik: Instant-loading web apps, without effortYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker
DEV Community Follow A space to discuss and keep up software development and manage your software career Open Forem Follow A general discussion space for the Forem community. If it doesn't have a home elsewhere, it belongs here Future Follow News and discussion of science and technology such as AI, VR, cryptocurrency, quantum computing, and more.
Small Bundles, Fast Pages: What To Do With Too Much JavaScript
Small Bundles, Fast Pages: What To Do With Too Much JavaScript Minimising the amount of JavaScript in your pages is an essential step to ensure a speedy user experience. This post will explain why bundle size matters and recommend tools and processes you can follow to monitor, visualise, and most importantly, shrink your JS bundles. How does bundle size affect performance? Large amounts of JavaScr
ep.95 Front-End Tooling 実践！最新のツールチェインで長大なビルド時間の改善に挑む | UIT INSIDE
@potato4d が @spring_raining に、 LINE公式アカウントの管理画面開発で行っている webpack のチューニングについて話を聞いてみました。 チューニングの経緯 7月末ごろから久々にLINE公式アカウントの管理画面開発を行っている 開発環境を久しぶりに立ち上げたところ、尋常ではない重さになっていた dev serverの立ち上げに6〜8分ほど ちょうど急ぎではないタイミングだったので、ビルド速度改善を試みた build/dev serverの高速化のためにやったこと esbuild-loaderの導入 https://github.com/privatenumber/esbuild-loader 体感1分ほど短縮。大きな差とは言えなかった thread-loaderの導入 https://webpack.js.org/loaders/thread-loader
Don't attach tooltips to document.body
09 Mar, 2021 TL;DRInstead of attaching tooltips directly to document.body, attach them to a predefined div in document.body. BAD <body> <!-- temporary div, vanishes when tooltips vanishes --> <div>my tooltip</div> <body> <body> <!-- this div stays forever, just for attaching tooltips --> <div id="tooltips-container"> <!-- temporary div, vanishes when tooltips vanishes --> <div>my tooltip</div> </d
How to Eliminate Render-Blocking Resources: a Deep Dive
You might be here because Lighthouse told you to "eliminate render-blocking resources". Render-blocking resources are a common hurdle to rendering your page faster. They impact your Web Vitals which now impact your SEO. Slow render times also frustrate your users and can cause them to abandon your page. I worked with one client to reduce their render-blocking resources and improved their site load
New browser APIs to detect JavaScript performance problems in production
New browser APIs to detect JavaScript performance problems in production JavaScript | Performance / Jun 15, 2021 Today’s users expect the best experience possible, and that means top-notch performance. They expect smooth scrolling, immediate interaction responses, fast page load time, and flawless animations. That’s easier said than done. As web applications scale and grow in functionality, it bec
Introducing Astro: Ship Less JavaScript | Astro
How Astro Works Astro works a lot like a static site generator. If you have ever used Eleventy, Hugo, or Jekyll (or even a server-side web framework like Rails, Laravel, or Django) then you should feel right at home with Astro. In Astro, you compose your website using UI components from your favorite JavaScript web framework (React, Svelte, Vue, etc). Astro renders your entire site to static HTML
Real-world CSS vs. CSS-in-JS performance comparison
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co
JavaScript performance beyond bundle size
23 Feb JavaScript performance beyond bundle size Posted February 23, 2021 by Nolan Lawson in performance, Web. 8 Comments There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, because as humans we all tend to take the path of least resistance. I think we have the same problem in the
1. Techempower Rankings
25 October 2020 On Javascript Performance 1. Techempower Rankings by billwhizz Why is Javascript in the top 2 of techempower? This question was recently asked on github, prompted by the arrival of a new javascript platform near the summit of the intermediate techempower rankings. This platform, Just(js), is something I have been hacking on as a side-project for some time now. Here I will attempt t
JavaScript で遅延評価を導入して起動を高速化した話
この記事は、JavaScript で Flash Player の実現を頑張った（もしくは現在進行系で頑張っている）人たちの集う Flash Advent Calendar 2020 に参加しております。 Flash Player を JavaScript で実装していた際に、現場から「起動の高速化」という難しい要求をもらった際、「遅延評価」を導入したところ大変効果がありました。今回、その遅延評価について簡単なご紹介をしたいと思います。 Flash Player 起動までのステップ 当時 Flash Player を JavaScript で提供していた際、当時のスマートフォン端末においてロード完了から最初の画面が出るまで大体 150ms くらいかかっていました。普通の Web ページであれば 150ms はロード時間の中に吸収され許容範囲になる可能性が高いのですが、当時 Flash Pl
Conditional JavaScript
JavaScript: Conditional JavaScript, only download when it is appropriate to do so Last updated: December 15, 2020 Intro In this post, I'd like to share a few techniques which you can use for selectively downloading/executing resources such as JavaScript. As an example, if the users device does not have a lot a RAM, you could decide to skip the downloading (and in turn, the parse + execution costs)
JavaScript's Memory Management Explained | Felix Gerschau
javascriptJavaScript's Memory Management ExplainedEven though the JavaScript engine manages memory for us, it's good to know what happens under the hood. Read in Chinese or Korean Most of the time, you can probably get by fine not knowing anything about memory management as a JavaScript developer. Afterall, the JavaScript engine handles this for you. At one point or another, though, you'll encount
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unlock Performance Insights: Optimize JS with Benchmarking on HASTY
GitHub - QwikDev/partytown: Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
Benchmarking JavaScript memory usage
GitHub - willmendesneto/perf-marks: The isomorphic, simplest, and lightweight solution for User Timing API in Javascript - 🚀 only 208B 🚀. Tree-shaking and entry points built-in. Simple as that!
Redirecting to: /vanilla/import-on-interaction
GitHub - jlfwong/speedscope: 🔬 A fast, interactive web-based viewer for performance profiles.
