はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
NavigationRing
NavigationRingは、リングコマンドをWebページに取り付けるサービスです。 試しにこのWebページをタブルクリックしてみてください。グローバルリンクのNavigationRingが起動します。 NavigationRingはJavascriptで実装されており、一般的なWebページやBlogに少々変更を加えるだけで、 ここにあるようなリングコマンド機能を追加することができます。 グローバルリンクタイプのリング以外にも、機能を特化させたリングコマンドを何種類か提供しています。 blogパーツページのサンプルを見てみてください。 リングに使うアイコンイメージやカーソルの画像、タイトルのデザインは設定により変更することができます。 また、ダブルクリック以外の呼び出し（マウスオーバーやボタンクリックでの起動）にも対応予定です。 マニュアル強化月間 NavigationRingの使い方記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
