HTTP/2で 速くなるとき ならないときたいへん遅ればせながら、YAPC::Okinawa 2018 ONNNASONで使用したスライドを、こちらにて公開する次第です。 ベンチマークの難しさとチューニングの奥深さ、楽しさを共有できた結果がベストトーク賞につながったのかなと考えています。ありがとうございました＆今後ともよろしくお願いいたします。 HTTP/2で 速くなるとき ならないとき from Kazuho Oku
Progressive Web Apps with React.js: Part 2 — Page Load Performance
Ensure Page load performance is fastMobile web speeds matter. On average, faster experiences lead to 70% longer sessions and 2 x more mobile ad revenue. Investments in web perf saw the React-based, Flipkart Lite triple time-on-site, GQ get an 80% increase in traffic, Trainline make an additional 11M in yearly revenue and Instagram increase impressions by 33%. There are a few key user moments in lo
Node.js Debugging Best Practices
Share: Node.js debugging best practices Debugging Performance Issues Performance problems are best resolved with a methodical approach. Except in cases of clear regressions and other simple situations, resolving poor performance starts as a system-wide debugging affair. It’s important to be able to narrow scope quickly and definitively. So while strictly not a specific Node.js practice, the Utiliz
Webアプリケーション負荷試験実践入門
2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。Read less
なぜ、あの会社のモバイルサイトは、すばらしいと言われるのか？〜表示スピードという性能 - WirelessWire News（ワイヤレスワイヤーニュース）
なぜ、あの会社のモバイルサイトは、すばらしいと言われるのか？〜表示スピードという性能 2014.09.16 モバイルサイトで重要なのは、ブランディング？ ようやくスマホ用に最適なサイトが必要だということが認知されるようになってきました。なにしろBtoCでは、モバイルアクセスのほうがPCアクセスを上回ってしまったのですから、なおさらです。 ところで、モバイルサイトを構築する場合に、求められるべき性能とはいったいなんでしょうか？ ほとんどのWeb担当者がまず考えてしまうのが「スマホ用のデザイン」です。とにかく見た目をスマホに最適化させたいというゴールです。PCサイトでも腐心したように、モバイルサイトでもブランディングは重要です。デザインにはこだわりたいところです。 デザインが重要だという落とし穴 ところが、こうして作られてしまうのが、画像をふんだんにつかった重量級のデザインです。画像だけではあ
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
![[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/705cdef7654f2f96a242f9a2834ce643b78de75c/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F336.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブパフォーマンスの基礎とこれから
3 Tips for Writing Performant Scala | Sumo Logic