サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
買ってよかったもの
﹃Ilya Grigorik﹄
●
人気
●
新着
●
すべて
4users
www.igvita.com
You've applied all the best practices, set up audits and tests to detect performance regressions, released the new application to the world, and... lo and behold, the telemetry is showing that despite your best efforts, there are still many users—including those on "fast devices" and 4G networks—that are falling off the fast path: janky animations and scrolling, slow loading pages and API calls, a
●
エンタメ
●2016/05/23 13:18
●performance
●movie
11users
www.igvita.com
You've optimized every aspect of your page—it's fast, and you can prove it. However, for better or worse, you also need to include a resource that you do not control (e.g. owned by a different subteam or a third-party), and by doing so you lose most, if not all, guarantees about the runtime performance of your page - e.g. an included script resource can execute any code it wants, at any point in y
●
テクノロジー
●2016/03/02 06:31
●cgroups
●performance
●browser
●HTML
●network
6users
www.igvita.com
As anyone and everyone in the web performance community will tell you, the size of the average page is continuously getting bigger: more JavaScript, more image and video bytes, growing use of web fonts, and so on. In fact, as of December 2015, the HTTP Archive shows that the average desktop site weighs in at 2227KB, and mobile is up to 1253KB. Except, what is an "average page", exactly? Intuitivel
●
テクノロジー
●2016/01/13 12:34
●network
●web
5users
www.igvita.com
Great applications do not lose user's progress and app state. They automatically save the necessary data without interrupting the user and transparently restore themselves as and when necessary - e.g. after coming back from a background state or an unexpected shutdown. Unfortunately, many web applications get this wrong because they fail to account for the mobile lifecycle: they're listening for t
●
テクノロジー
●2015/11/21 07:27
●event
●mobile
●JavaScript
●まとめ
11users
www.igvita.com
The "simple" act of initiating an HTTP request can incur many roundtrips before the actual request bytes are routed to the server: the browser may have to resolve the DNS name, perform the TCP handshake, and negotiate the TLS tunnel if a secure socket is required. All accounted for, that's anywhere from one to three — and more in unoptimized cases — roundtrips of latency to set up the socket befor
●
テクノロジー
●2015/08/18 08:06
●preconnect
7users
www.igvita.com
Some people, when confronted with a problem, think: “I'll use UA/device detection!” Now they have two problems... But, despite all of its pitfalls, UA/device detection is a fact of life, a growing business, and an enabling business requirement for many. The problem is that UA/device detection often frequently misclassifies capable clients (e.g. IE11 was forced to change their UA); leads to compati
●
テクノロジー
●2014/12/16 03:38
●serviceworker
5users
www.igvita.com
By Ilya Grigorik on September 16, 2014 A "webfont" is a set of resources, not just a single download. A single resource that includes all stylistic variants, which we may not need, plus all the characters, which may go unused, would simply be too large — tens of megabytes for a font with good unicode and stylistic coverage! As a result, the CSS @font-face rule allows us define a font family that i
●
テクノロジー
●2014/09/17 02:39
●WebFont
●Performance
●css
29users
www.igvita.com
By Ilya Grigorik on May 20, 2014 Synchronous scripts are bad because they force the browser to block DOM construction, fetch the script, and execute it before the browser can continue processing the rest of the page. This, of course, should not be news, and is the reason why we have been evangelizing the use of asynchronous scripts. Here is the canonical example: <!-- BAD: blocking external script
●
暮らし
●2014/05/21 04:40
●JavaScript
●async
●performance
●browser
●HTML
●network
●development
●*あとで
40users
www.igvita.com
By Ilya Grigorik on May 05, 2014 Cryptocurrencies, and Bitcoin in particular, have been getting a lot of attention from just about every angle: regulation, governance, taxation, technology, product innovation, and the list goes on. The very concept of a "peer-to-peer (decentralized) electronic cash system" turns many of our previously held assumptions about money and finance on their head. That sa
●
テクノロジー
●2014/05/06 11:47
●blockchain
●bitcoin
●Internet
16users
www.igvita.com
By Ilya Grigorik on January 31, 2014 Web font adoption continues to accelerate across the web: according to HTTP Archive, ~37% of top 300K sites are using web fonts as of early 2014, which translates to a 2x+ increase over the past twelve months. Of course, this should not be all that surprising to most of us. Typography has always been an important part of good design, branding, and readability a
●
テクノロジー
●2014/02/01 09:28
●performance
●webfonts
●WebFont
●font
●development
●*あとで
34users
www.igvita.com
By Ilya Grigorik on December 16, 2013 Network latency is one of our primary performance bottlenecks on the web. In the worst case, new navigation requires a DNS lookup, TCP handshake, two roundtrips to negotiate the TLS tunnel, and finally a minimum of another roundtrip for the actual HTTP request and response — that's five network roundtrips to get the first few bytes of the HTML document! Modern
●
暮らし
●2013/12/17 06:09
●nginx
●SSL
●performance
●tls
●network
●development
●*あとで
13users
www.igvita.com
By Ilya Grigorik on November 27, 2013 Good news, browser support for the latest draft of “Compression Extensions” for WebSocket protocol — a much needed and overdue feature — will be landing in early 2014: Chrome M32+ (available in Canary already), and Firefox and Webkit implementations should follow. Specifically, it enables the client and server to negotiate a compression algorithm and its param
●
テクノロジー
●2013/11/28 17:51
●websocket
●web
3users
www.igvita.com
By Ilya Grigorik on October 24, 2013 TLS record size can have significant impact on the page load time performance of your application. In fact, in the worst case, which unfortunately is also the most common case on the web today, it can delay processing of received data by up to several roundtrips! On mobile networks, this can translate to hundreds of milliseconds of unnecessary latency. The good
●
テクノロジー
●2013/10/25 09:16
●performance
●network
●security
3users
www.igvita.com
By Ilya Grigorik on August 29, 2013 Note: Updated Oct 30, 2013 to reflect new Client Hints draft. High-density displays pack multiple physical pixels per CSS pixel, and the ratio between the two is known as the device pixel ratio (DPR). To deliver the best visual quality, a HiDPI image that matches the DPR value of the device should be served to the client. The question is, how? The answer to date
●
テクノロジー
●2013/08/30 04:20
●development
●*あとで
4users
www.igvita.com
By Ilya Grigorik on October 20, 2011 Ever obsess about trying to find the "best and fastest" internet provider? Having recently gone through the marketing vortex of comparing a dozen different plans, I was then reminded of a simple fact: the primary metric (bandwidth) used by the industry is actually highly misleading. It turns out, for most web-browsing use cases, an internet connection over seve
●
テクノロジー
●2013/08/19 22:20
●development
●*あとで
10users
www.igvita.com
By Ilya Grigorik on June 20, 2013 HTTP Archive is a treasure trove of web performance data. Launched in late 2010, the project crawls over 300,000 most popular sites twice a month and records how the web is built: number and types of resources, size of each resource, whether the resources are compressed or marked as cacheable, times to render the page, time to first paint, and so on - you get the
●
テクノロジー
●2013/06/21 10:09
●performance
●BigQuery
●development
●google
14users
www.igvita.com
By Ilya Grigorik on June 12, 2013 HTTP 2.0 enables the server to send multiple responses (in parallel) for a single client request - aka, server push. Except, why would we ever want to do such a thing? Well, an average page requires dozens of additional assets, such as JavaScript, CSS, and images, and references to all of these assets are embedded in the very HTML that the server is producing! Hen
●
テクノロジー
●2013/06/13 05:21
●http2.0
●spdy
●http
●server
●*あとで
26users
www.igvita.com
●
テクノロジー
●2013/05/29 10:35
●performance
●HTML
●WebApplication
●web
●slide
●css
●study
●network
4users
www.igvita.com
By Ilya Grigorik on May 01, 2013 Deploying new image formats on the web is a challenge, but not an unsolvable one, and one that would pay high dividends in terms of performance. In fact, there are many ways to tackle the problem: client-side logic, server negotiation, and hybrid strategies. There is a time and place for each one - they are not exclusive. Having said that, I'm partial to server neg
●
テクノロジー
●2013/05/02 11:25
●webp
3users
www.igvita.com
High Performance Browser Networking What every developer must know about networking in the browser to build faster, more responsive applications. TCP, UDP and SSL optimization HTTP 1.1 & HTTP 2.0 performance tips Wireless and mobile network performance WebSocket, WebRTC, DataChannel, and more Part I: TCP, UDP & TLS Performance early release An in-depth look at performance characteristics of TCP, U
●
暮らし
●2013/04/02 10:19
3users
www.igvita.com
By Ilya Grigorik on March 07, 2013 At the risk of sounding repetitive... An average page is now over 1300 kB in size and over 60% of that is in images. Hence, if you have limited time, then inspecting and optimizing your image assets will likely yield the highest rate of return. Case in point, the new data compression proxy for Chrome applies dozens of different content optimizations, but image op
●
テクノロジー
●2013/03/08 08:48
52users
www.igvita.com
The following is a draft chapter for the upcoming "The Performance of Open Source Applications" (POSA), a sequel to The Architecture of Open Source Applications. POSA is a collection of essays about performance optimization, designing for performance, managing performance as part of a development process, and more. The book will be published in Spring 2013 under a Creative Commons license with roy
●
テクノロジー
●2013/01/31 06:30
●chrome
●performance
●browser
●google
●network
●mobile
●*あとで
●book
5users
www.igvita.com
Clearly, three hours of web performance content is not enough. I gave an updated version of the below workshop at Fluent 2013, the videos for which are now online on YouTube - check it out! Delivering a fast and optimized user experience in the browser requires careful thinking across many layers of the stack - TCP and up. In a rather ambitious undertaking, when I got the chance to run a three hou
●
テクノロジー
●2013/01/16 08:22
●performance
●web
5users
www.igvita.com
By Ilya Grigorik on December 18, 2012 An average page is now over 1200kB in size and 60% of that is in images. With all the focus on performance and speed across the web performance industry, you would think that innovating on better image formats would be a top agenda item. Not so. Instead, we are living in a self-imposed world of scarcity of formats, effectively limiting ourselves to gif’s, png’
●
テクノロジー
●2012/12/19 04:15
●image
●Web制作
●google
10users
www.igvita.com
●
テクノロジー
●2012/11/29 10:10
●SPDY
●webrtc
●*まとめ
●development
●あとで読む
9users
www.igvita.com
●
テクノロジー
●2012/11/20 23:38
●performance
●*まとめ
●css
●*あとで
●javascript
●google
10users
www.igvita.com
By Ilya Grigorik on October 31, 2012 SPDY is an experimental protocol developed at Google, designed to reduce the latency of web pages. Specifically, its goal is to address the limitations of HTTP 1.1 and to remove existing bottlenecks: head of line blocking, inefficient use of underlying TCP connections, and header bloat amongst others. However, while all of this sounds great in writing, deployin
●
テクノロジー
●2012/11/01 12:02
●haproxy
●spdy
8users
www.igvita.com
By Ilya Grigorik on October 10, 2012 One of the best investments any development team can make is towards better tooling and automation of common workflows. Turns out, many web performance best practices are prime candidates for this type of automation: preprocessing, minification, concatenating and spriting assets, optimizing images, and so on. One way to achieve this is through a build step prio
●
テクノロジー
●2012/10/11 04:03
●apache
●performance
●google
●web
45users
www.igvita.com
A whirlwind tour of DevTools tips and tricks Part I: DevTools tips, tricks and awesome features (video) Part II: Extending DevTools, Debug Protocol, Extensions, ... (video) Follow along @ bit.ly/devtools-tips Elements & Console Drag & Drop to reorder elements $0 to inspect selected element in console Break on node removal - delete me cmd-? to become a keyboard ninja Customize your settings! Disab
●
テクノロジー
●2012/10/05 07:32
●chrome
●debug
●tool
●development
●tools
●google
次のページ
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか？
﹃Ilya Grigorik﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx