nemobaのブックマーク / 2014年3月14日

nemoba id:nemoba

2014年3月14日のブックマーク (4件)

Tips - 静的リソースのURIに?をつけるべからず : 404 Blog Not Found
2014年03月14日20:00 カテゴリTipsCode Tips - 静的リソースのURIに?をつけるべからず Webを支える技術 HTTP、URI、HTML、そしてREST 山本陽平であればなおのことこの実装はNG。ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer BlogはてなブログではJavaScriptを配信する際には、上記のURLのように、?よりあとの部分にabc078624b2a746c618156847827166bのようなバージョンIDを付与しています。JavaScriptが変更
nemoba 2014/03/14
ChromeでもAuditsでチェックすると「Leverage proxy caching」と出る奴。黄色。「Leverage browser caching」は、真っ赤。重要度は、べからずではないかな。CDNだとURL Rewriteしづらいとかも。ちなみに計測サイトはblog.livedoor.jp/dankogai/
リンク
『ssig33.com - JavaScript を最下段で読み込むのがあまり有効ではない理由』へのコメント
ブックマークしましたここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
nemoba 2014/03/14
ああでもUIスレッドブロックして解除が小刻みに重なると、ガガっとなるかなあ
リンク
ssig33.com - JavaScript を最下段で読み込むのがあまり有効ではない理由
この辺主観も混ってくるところではあるんですが。 JavaScript を上の方で読み込んだ場合 JavaScript の読み込みが終わるまでレンダリングされない JavaScript を下の方で読み込んだ場合 JavaScript の読み込み前にレンダリングは終わるが、 JavaScript が読み込まれるまでウオッなんかスクロールガクガクする！！スクロールできねえ！！！みたいになりがちスクロールしなくてもコンテンツが表示されるようなサイトでは下で読み込むアプローチは有効でしょう。しかしながらユーザーがレイアウトを変えられるようなサイトだったり長文コンテンツが沢山出るような可能性が高いサイト（具体的にははてなブログ）などで「スクロールしないとコンテンツが出てこない可能性が十分に高い」場合はかえってユーザビリティを阻害する可能性があります。ユーザーは経験的に数秒待てばコンテンツが表示され
nemoba 2014/03/14
読込でCPU処理食う？処理を食うのは、読み込みんだJSの処理じゃね。同期的なJSの処理はそもそもUIスレッドブロックするから、スクロールガガは非同期系。それだと、どこ置いても同じじゃないかな？(要検証)
リンク
はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。ブラウザキャッシュの活用同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
nemoba 2014/03/14
JSはまったく遅くなく遅いのはページロード後(onload)に読み込まれるはてなスター。非同期で呼んでるので画面の描画には影響がない。が、Chormeのページロードは通信が終わった時間を加算してく。元々の記事はただの誤解
リンク
- 2014年3月16日
- 2014年3月14日
- 2014年3月13日