Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
少し前に社内のメンバーから表題の件について相談を受けたことがあります。その時は「さぁ…、なんか面倒臭そうだし、ちょっと分かりませんわー。」と超絶冷たい応対をしてしまったわけですが、さっきふと閃いたことを試したところアッサリ実現できたので、備忘録としてここに書き記しておくとします。 setTimeout を利用する 先にコードを見てみましょう。こんな感じになります。 var resizeTimer; var interval = Math.floor(1000 / 60 * 10); window.addEventListener('resize', function (event) { console.log('resizing'); if (resizeTimer !== false) { clearTimeout(resizeTimer); } resizeTimer = setTim
「HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ
◐ 4 - 14: Partial support◐ 15: Partial support✅ 16 - 139: Supported✅ 140: Supported✅ 141 - 143: Supported
Web SQL Database、Local Storage、Session Storage(いずれもWeb Storageで規定)のそれぞれのストレージ技術が各ブラウザのプライベートブラウジングモードで使えるかを試してみた。 プライベートブラウジング プライベートブラウジング機能はWebの閲覧記録を一切残さない機能であり、各種ブラウザで実装されている。 Internet Explorer: プライベートブラウジング(InPrivateモード)。8.0から実装。 Firefox: プライベートブラウジング。3.5から実装。 Opera: プライベートブラウジング。10.50から実装。 Safari: プライベートブラウジング。2.0から実装。 Google Chrome: シークレットモード(Incognito Mode)。1.0から実装。 同じプライベートブラウジングとは言っても、実際の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く