Reduce JavaScript payloads with tree shaking | Articles | web.dev
Today's web applications can get pretty big, especially the JavaScript part of them. As of mid-2018, HTTP Archive puts the median transfer size of JavaScript on mobile devices at approximately 350 KB. And this is just transfer size! JavaScript is often compressed when sent over the network, meaning that the actual amount of JavaScript is quite a bit more after the browser decompresses it. That's i
『Webフロントエンド ハイパフォーマンス チューニング』を読んだ - massa142's blog
Webフロントエンド ハイパフォーマンス チューニング 作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本（ソフトカバー）この商品を含むブログを見る 本書では高速化という課題に対し、きちんと対処できる知識と実力を身に付けます。基礎となるブラウザのレンダリングから、個別の問題に対する対応例、今後を見据えた設計の基礎などその場しのぎではない本質的な高速化を学びます。 この書籍のなかでも指摘されているけど、自分は巷で話題のベストプラクティスとかを調べて満足しちゃうタイプなので体系的に学べる本書はとても勉強になった。特にチューニングの話に入る前に、ネットワークとブラウザのレンダリングの仕組みについて解説されているのがめちゃくちゃ良い。 後半のところで書かれているテクニック（特にCSS関連のもの）は、否定していた『小さな最適化』のように感じられたが、全体
React Performance Fixes on Airbnb Listing Pages
Airbnb has some incredible listings in Cuba…and also a corner of the office inspired by Habana Vieja We have been hard at work migrating the airbnb.com core booking flow into a single-page server-rendered app using React Router and Hypernova. At the beginning of the year, we rolled this out for the landing page and search results with good success. Our next step is to expand the single-page app to
shallow-equal for Object/React props
オブジェクトとReactのProps向けのShallow(浅い) equalライブラリを書きました。 Shallow Equalは対象のオブジェクトのプロパティをそれぞれ1段だけ比較することを言います。 ものすごく単純に書くならば次のようなことをするライブラリです。 const object = {}, targetObject = {}; const isEqualed = !Object.keys(object).some(key => { return object[key] !== targetObject[key]; }); const { shallowEqual } = require("shallow-equal-object"); shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // => true shallowEqual({
User-centric performance metrics | Articles | web.dev
We've all heard how important performance is. But when we talk about performance, and about making websites "fast", what specifically do we mean? The truth is that performance is relative: A site might be fast for one user (on a fast network with a powerful device) but slow for another user (on a slow network with a low-end device). Two sites may finish loading in the exact same amount of time, ye
Building Fast and Performant Apps.
Learnings and Experiences we had making Housing Go
Painless immutability - Math.random()
TL;DR With the popularity of Immutable.js and Seamless-immutable going through the roof, who needs yet another immutability library? Maybe you, if you don’t want to lock read access to your data through a non-native API, need reasonable write performance and an easy-to-use API. That’s exactly the balance Timm tries to strike. We’ve read the posts, watched the videos, understood the concepts. Im
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
scheduler
GitHub - ruiaraujo/graphql-jit: GraphQL execution using a JIT compiler
react-virtualized
GitHub - mapbox/flamebearer: Blazing fast flame graph tool for V8 and Node 🔥
GitHub - WICG/kv-storage: [On hold] A proposal for an async key/value storage API for the web![GitHub - WICG/kv-storage: [On hold] A proposal for an async key/value storage API for the web](https://cdn-ak-scissors.b.st-hatena.com/image/square/068393ced548cc3d93d8ca01d09887eed2a62d38/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F71fe893a6db7386a8ed79f56690997f4bd3218b28693b5e7e2e3e64f87f5cf59%2FWICG%2Fkv-storage)
Webアプリケーションで 60fpsを(極力)目指す
GitHub - nolanlawson/marky: High-resolution JavaScript timer based on performance.mark/measure (491 bytes min+gz)