e18e
Welcome to e18e! ​e18e (Ecosystem Performance) is an initiative to connect the folks and projects working to improve the performance of JS packages. We'd also like to provide visibility to the efforts of countless open source developers working to cleanup, levelup, and speedup our dependencies. We invite you to get involved in the different projects linked from these pages, and to connect with oth
How We Reduced CKEditor’s Bundle Size by 40% | CKEditor
In this article, we’ll show how we cut CKEditor 5’s bundle size by 40% through tree-shaking and bundle size optimization techniques and share tricks you can use to slim down your own JavaScript libraries. We’ll also walk through the tools and processes we used to achieve this, measure improvements, and catch regressions. As any software library author will tell you, building and maintaining is har
プãƒãƒ•ã‚¡ã‚¤ãƒ©ã‚’利用ã—㦠Node.js サーãƒãƒ¼ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹æ™‚é–“ã‚’ 200 秒 → 20 秒ã«çŸç¸®ã—ãŸè©±
ã©ã‚“ãªå•é¡Œã‚’解決ã—ãŸã®ã‹ ã“ã‚“ã«ã¡ã¯ã€ãƒ€ã‚¤ãƒ‹ãƒ¼ã® ogino ã§ã™ã€‚ ダイニーã§ã¯ã€é£²é£Ÿåº—å‘ã‘ã®ã‚¯ãƒ©ã‚¦ãƒ‰ POS レジを開発ã—ã¦ã„ã¾ã™ã€‚ãã®æ©Ÿèƒ½ã®ä¸€ã¤ã¨ã—ã¦ã€ä¸€ãƒ¶æœˆåˆ†ã®å£²ä¸Šãªã©ã®æƒ…å ±ã‚’å°åˆ·ã§ãã‚‹ã€Œæœˆç· ä¼ç¥¨ã€ãŒã‚ã‚Šã¾ã™ã€‚ æœˆç· ä¼ç¥¨ã®ã‚µãƒ³ãƒ—ル æœˆç· ä¼ç¥¨ã«è¨˜è¼‰ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã€Node.js ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§é›†è¨ˆã‚’ã—ã¦ã„ã¾ã™ã€‚ã“ã® API ã¯ãƒ€ã‚¤ãƒ‹ãƒ¼ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰å…¨ä½“ã®ä¸ã§æœ€ã‚‚é‡ãã€æœ€è¿‘ã§ã¯ä¸€éƒ¨åº—舗ã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã« 200 秒以上ã‹ã‹ã‚Šã‚¿ã‚¤ãƒ アウトエラーãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸã€‚ ãã®çµæžœã€æœˆç· ä¼ç¥¨ã‚’発行ã™ã‚‹ã“ã¨ãŒã§ããªã„ãŸã‚顧客ã®æ¥å‹™ã«æ”¯éšœã‚’ããŸã—ã€è¤‡æ•°ã®å•ã„åˆã‚ã›ãŒæ¥ã¦ã„る状態ã§ã—ãŸã€‚ プãƒãƒ•ã‚¡ã‚¤ãƒ©ã‚„ãƒã‚°ã‚’手掛ã‹ã‚Šã«èª¿æŸ»ã—ãŸã¨ã“ã‚ã€ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã‚’ 2 è¡Œã®ã‚³ãƒ¼ãƒ‰ã ã‘ã«ç‰¹å®šã—ã€ã»ã¼ã‚³ã‚¹ãƒˆã‚’ã‹ã‘ãšã«ãƒ¬ã‚¹ãƒãƒ³ã‚¹æ™‚é–“ã‚’ 20 秒ã»ã©ã«æ”¹å–„ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 改善リリースå‰å¾Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹æ™‚é–“ã®å¤‰åŒ– ボトルãƒãƒƒã‚¯
Chromium ã§ã¯ Prefetch ã‚„ Prerender ã‚’ç·ç§°ã—㦠Speculative Loading ã¨å‘¼ã¶ã“ã¨ã«ãªã£ãŸè©±
Chromium ã§ã¯ Prefetch ã‚„ Prerender ã¨ã„ã£ãŸæŠ•æ©Ÿçš„ãªãƒªã‚½ãƒ¼ã‚¹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã‚’ç·ç§°ã—㦠Preloading ã¨å‘¼ã‚“ã§ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€Preloading ã¨ã„ã†å称ã¯æ—¢ã«åºƒã使ã‚ã‚Œã¦ãŠã‚Šã€ç‰¹ã«å…·ä½“的㪠API ã§ã‚ã‚‹ <link rel=preload> ã‚„ Service Worker ã® Navigation Preload ãªã©ã¨è¢«ã£ã¦ã—ã¾ã†ãŸã‚ã€è©•åˆ¤ãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ I've complained before that "preload" is a heavily overused term in frontend/#webperf, with many conflicting meanings and nuances. Now Google will make it even worse by using "preloading" fo
Garoonã®ãƒ‘フォーマンスを改善ã™ã‚‹Nozomiãƒãƒ¼ãƒ ã®ç´¹ä»‹ - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
Garoon開発ãƒãƒ¼ãƒ ã®ã±ãã¨ã¾ (@pakutoma) ã§ã™ã€‚ Garoon開発ãƒãƒ¼ãƒ を紹介ã™ã‚‹å…¨5回ã®è¨˜äº‹ã‚‚今回ãŒ4回目ã§ã™ï¼ å‰å›žï¼šGaroonã®Four Keysを改善ã™ã‚‹Hanamiãƒãƒ¼ãƒ ã®ç´¹ä»‹ 今回ã¯ã€Garoonã®ãƒ‘フォーマンスを改善ã™ã‚‹æ–°ãƒãƒ¼ãƒ ã€Nozomiãƒãƒ¼ãƒ を紹介ã—ã¾ã™ï¼ Garoonをストレスãªã使ã£ã¦ã‚‚らã†ãŸã‚ã®ãƒãƒ¼ãƒ Nozomiãƒãƒ¼ãƒ ã¯ã€Garoonã®ãƒ‘フォーマンス改善ã«å–り組むãƒãƒ¼ãƒ ã§ã™ã€‚ Garoonã‚’ãŸãã•ã‚“ã®äººã«ã‚¹ãƒˆãƒ¬ã‚¹ãªã使ã£ã¦ã‚‚らã†ã“ã¨ã‚’目標ã¨ã—ã¦ã„ã¾ã™ï¼ パフォーマンス改善ã«å–り組むNozomiãƒãƒ¼ãƒ Garoonã¯ã€æ•°ä¸‡äººè¦æ¨¡ã®å¤§ä¼æ¥ã§ã‚‚活用ã—ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ 数万人ã®ãŠå®¢ã•ã¾ãŒæ¯Žæœä¸€æ–‰ã«ãƒ¡ãƒ¼ãƒ«ãƒã‚§ãƒƒã‚¯ã‚’ã—ãŸã‚Šã€ä¸€æ—¥ã®ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’確èªã—ãŸã‚Šã™ã‚‹æ™‚間帯ãŒGaroonã®ãƒ”ークタイムã«ãªã‚Šã¾ã™ã€‚ ãã‚“ãªæ™‚ã«GaroonãŒã‚‚ã£ã¨ã‚µã‚¯ã‚µã‚¯å‹•ä½œã™ã‚‹ã‚ˆ
Improve Git monorepo performance with a file system monitor
EngineeringOpen SourceImprove Git monorepo performance with a file system monitorMonorepo performance can suffer due to the sheer number of files in your working directory. Git’s new builtin file system monitor makes it easy to speed up monorepo performance. If you have a monorepo, you’ve probably already felt the pain of slow Git commands, such as git status and git add. These commands are slow b
Compression Dictionary Transport (Shared Brotli) ã«ã‚ˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„圧縮ã®æœ€é©åŒ– | blog.jxck.io
Intro Chrome 㧠Compression Dictionary Transport ã® Experiment ãŒè¡Œã‚ã‚Œã¦ã„る。 Intent to Experiment: Compression dictionary transport with Shared Brotli https://groups.google.com/a/chromium.org/g/blink-dev/c/NgH-BeYO72E ã“ã®æ案ã®ä»•æ§˜ãŠã‚ˆã³æœ¬ã‚µã‚¤ãƒˆã¸ã®é©ç”¨ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ brotli ã® Dictionary 圧縮方å¼ã¯ã€åŸºæœ¬çš„ã«ã€ŒåŒã˜å€¤ãŒå‡ºã¦ããŸã‚‰ã€ãれらをã¾ã¨ã‚ã¦å°ã•ã表ç¾ã™ã‚‹ã€ã¨ã„ã†æ–¹å¼ãŒä¸å¿ƒã¨ãªã‚‹ã€‚ # ç¹°ã‚Šè¿”ã—を数値ã§è¡¨ç¾ã™ã‚‹å ´åˆ from: aaaabbbbb to: a4b5 ã“ã®æ–¹å¼ã¯ã€å¯¾è±¡ã¨ã—ãŸãƒ‡ãƒ¼ã‚¿ã®ä¸ã§ã€å¦‚何ã«åŠ¹çŽ‡ã‚ˆã「åŒã˜å€¤ã€ã‚’見ã¤ã‘ã‚‹ã‹ãŒè‚ã¨ãªã‚‹ã€‚例ãˆã°ä»¥ä¸‹ã®ä¾‹
FirefoxãŒã¤ã„ã«Chromeよりも高速ãªãƒ–ラウザã«
Treeherderã¯ã€Mozillaã®é–‹ç™ºã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ãƒ†ã‚¹ãƒˆçµæžœã‚„ã€ã‚¦ã‚§ãƒ–サービスや外部ツールã§å–り込んã ãƒ‡ãƒ¼ã‚¿ã‚’æŠ½å‡ºãƒ»åŠ å·¥ã™ã‚‹ETL機能ãªã©ã‚’有ã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã™ã€‚ã“ã®Treeherderã«ã€Google Chromeã¨Firefoxã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ†ã‚¹ãƒˆçµæžœã‚’ã¾ã¨ã‚ãŸãƒ‡ãƒ¼ã‚¿ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚‹ã¨ã€Firefoxã¯Chromeよりも高ã„スコアを出ã—ã¦ã„ã‚‹ã€ã¤ã¾ã‚Šã¯é«˜é€Ÿãªãƒ–ラウジングãŒå¯èƒ½ãªãƒ–ラウザã¨ã„ã†ã“ã¨ã®ã‚ˆã†ã§ã™ã€‚ Perfherder https://treeherder.mozilla.org/perfherder/graphs?timerange=31536000&series=mozilla-central,3735773,1,13&series=mozilla-central,3412459,1,13 Firefox has surpassed Chrome
Breaking Up with SVG-in-JS in 2023
Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs don’t belong into your JS bundle. It’s about time to bring back SVG-in-HTML. Let’s take
State of Node.js Performance 2023
The year is 2023 and we’ve released Node.js v20. It’s a significant accomplishment, and this article aims to use scientific numbers to assess the state of Node.js’ performance. All the benchmark results contain a reproducible example and hardware details. To reduce the noise for regular readers, the reproducible steps will be collapsed at the beginning of all sections. This article aims to provide
Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox
DEV Community Follow A space to discuss and keep up software development and manage your software career Future Follow News and discussion of science and technology such as AI, VR, cryptocurrency, quantum computing, and more. Open Forem Follow A general discussion space for the Forem community. If it doesn't have a home elsewhere, it belongs here
Speeding up the JavaScript ecosystem - one library at a time
Whilst the trend is seemingly to rewrite every JavaScript build tool in other languages such as Rust or Go, the current JavaScript-based tools could be a lot faster. The build pipeline in a typical frontend project is usually composed of many different tools working together. But the diversification of tools makes it a little harder to spot performance problems for tooling maintainers as they need
A Performance Maturity Matrix
Brian Louis Ramirez (@screenspan@mastodon.green) worked for many years in UX before falling in love with web perf. He blogs at https://screenspan.net/. Optimizing the performance of a digital product goes beyond technical tweaks. You have to make systematic changes to the organization behind it. So how to know what part of the system to work on first? When I worked as a web performance consultant
2022 Archives
How do you take a popular developer platform, free and maybe even open source, and build a strong business around it? Wait a minute, did she just say ‘developer’, ‘open source’ AND ‘business’ in the same sentence? I must warn you – this article is not about web performance insights or web development, but rather […] Largest Contentful Paint (LCP) is a performance metric representing the user exper
WealthNavi Engineering Blog
ウェルスナビã®é–‹ç™ºã«é–¢ã™ã‚‹è¨˜äº‹ã‚’定期的ã«ç™ºä¿¡ã—ã¦ã„ã¾ã™ã€‚ 「もã®ã¥ãã‚Šã™ã‚‹é‡‘èžæ©Ÿé–¢ã€ã¸ã®å–り組ã¿ã‚’知ã£ã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Emergence Engineering - Rich Text Editors in Action: Stress Test On Lexical and ProseMirror
AI Model & API Providers Analysis | Artificial Analysis
Million
read-cache: add index.skipHash config option · git/git@ee1f0c2
GitHub - SGrondin/bottleneck: Job scheduler and rate limiter, supports Clustering
{{#tags}}- {{label}}
{{/tags}}