[B! javascript][.net] sionsouのブックマーク

sionsou id:sionsou

javascriptと.netに関するsionsouのブックマーク (2)

[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こうこんにちは、@yoheiMuneです。ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。目次ブラウザのレンダリングの仕組みこの章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
sionsou 2014/07/16
うおーこれはためになる！ JSちやほやしてたけど、DOM要素変更する際は気をつけたい。

dom

performance

.net

html

フロントエンド

css

html5

javascript

browser

ブラウザ
リンク
[パフォーマンス] 画像をLocalStorageへキャッシュして、Webページの表示を少し速くしてみる - YoheiM .NET
[パフォーマンス] 画像をLocalStorageへキャッシュして、Webページの表示を少し速くしてみるこんにちは、@yoheiMuneです。以前のブログで、「CSSとJSをLocalStorageにキャッシュして、2回目以降の表示を速くしてみる」を紹介させて頂きました。今回はサイトで頻繁に利用する画像をLocalStorageへ保存することで、表示を高速化する方法をブログに書きたいと思います。画像をLocalStorageへ保存すると表示が速くなる？画像やCSSやJSなどのファイルは、Expireヘッダなどを使ってブラウザへキャッシュすることが可能です。ただ多くのスマホの場合、画面を開くたびにキャッシュ確認のためサーバーへ問い合わせを行ってしまい、そのリクエスト待ちで表示が遅れるのがもったいないのです。ただしLocalStorageの上限が5MB程度のブラウザが多いので、た
sionsou 2014/06/24
画像

function

.net

css

js

AC

javascript

HTML5

パフォーマンス
リンク
1