Skip to main content

ログ取得ツール

高速化の話:CSSは前、JSは後ろ?

このブログの読み込みが異常に遅いので気になっていた。YSlowで調べたら、ものすごい点数が低く、Fランク。WordPressが遅いという以前にサイト構造が非常に重いということのようだ。これはキャッシュでどうこうなる問題ではない。

とりあえず、YSlowに指摘されたもののうち、簡単に対処できるところから。mod_deflateを有効にしたりFileETagを切ったり、という単純作業。.htaccessは次のような感じの文字列が追加された。少しは点数が上がる。FileETagは負荷分散してないシングルサーバ構成だから悪影響はないはずなんだけど、一応切る。

<IfModule expires_module>
  ExpiresActive On
  ExpiresDefault "access plus 2 dayw"
  ExpiresByType image/jpeg "access plus 7 days"
  ExpiresByType image/gif "access plus 7 days"
  ExpiresByType image/png "access plus 7 days"
  ExpiresByType text/css "access plus 7 days"
  ExpiresByType application/javascript "access plus 7 days"
  ExpiresByType application/x-javascript "access plus 7 days"
</IfModule>

<IfModule deflate_module>
  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/x-javascript
</IfModule>
FileETag None

しかし難題が。YSlowは「CSSは前、スクリプトは後ろ」であるべし、と言うのだけど、WordPressはCSSもJavaScriptもの中で定義するようになっているのよね。読み込むJavaScriptファイルはwp_headのactionで書き出す。YSlowによれば、CSSが前にあれば描画までの時間が短くなるが、JavaScriptは描画には必要なく、描画後に必要になることが多いにも関わらず、たまに描画に必要になるためにパースを待ってから描画しているブラウザが多いらしい。

ファン感2008

ファン感に行ってきました。暑かった。ついに原田拓のサインをゲット。周平にももらって、お美和子様と写真を撮って(しっかりベティを後ろに映り込ませることに成功)、ギョーザ食って終了。着いたときには2階席が満席になってたのでステージは見ず。半分強が荷物席でしたが…席を確保してから下でサイン列に並ぶという行動はまあ、しょうがないですよね。

ギョーザ&レシピ

川崎1-1名古屋 (夏)

いやー、暑かったですね。それなのに等々力では試合がありました。秋春制になったらこういう試合はなくなるのかもしれません。市制記念試合ということでイベントや市の招待の影響があり人口密度も高い。等々力は2万人を超えると「こりゃ無茶だな」と思ってしまいます。立ち見も多数。席詰め隊は活躍してましたかね。

試合のほうは夏にふさわしい消耗戦でした。得点は縦1本でマギヌンが周平を振り切って0-1、ゴール前のボール回しで最終的にはヴィトールのミドルで1-1という経過。新旧11番が互いに決めたという形。

マギヌンに周平が振り切られたシーンでは、確かにマギヌンもスピードはあるけど、ジュニーニョ並みのスピードを誇る周平があっさり振り切られるとは…と思ったのですが、周平はこのシーンで足を痛めて無念の交代。まだ復帰は早かったのかなぁ。残念でした。

ヴィトールのゴールは、ちょっと前にクロスがそのままゴールに入ったかに思えたシーンがありました。実際はゴールライン上でクリアされたようですが、私の席の角度からは完全に入ったように見えたので…でも、そのあと決めてくれて良かった。他にもGKが弾いてポストとかいうシーンもあったので、相手GKが楢崎でなければもうちょっと得点が入っていてもおかしくはなかったろう。名古屋はこれがあるからなぁ。山岸のシュートは…飛び出しのタイミングも狙うスペースも来たパスも完璧、なのに「惜しい」にすら届かない。期待だけさせといて、ひどい話だ。

ノッポンのわいわい夏まつり!

巷で大人気のゆるキャラ、ノッポン兄弟。ノッポン音頭のリズムに乗って、東京タワーの1階でノッポンのイベントが開かれています。夏休み中はずっとやってるようですね。東京タワーの目玉イベント。ノッポン音頭はiTunesとかで買えるのかと思って検索してみましたが、まだ買えないようでした。

ノッポンボールプールは1歳児でも遊べて、非常に楽しめた。しまいにはノッポンプリクラを撮って記念に。ノッポン兄弟は会場をうろうろしているので写真を撮ったり握手したりできます。行けばすぐに兄と弟の区別がつけられるようになります。

♪ノッポンおんどでノッポンポン~

浦和1-3川崎 (ヴィトールジュニオールのデビュー戦)

埼スタ2008-07-21

1ゴール1アシストと上々のデビュー戦でした。最初は気性が荒いのかなぁと思わせる素振りもありつつ、安定感に欠ける浦和DFをスピードでかき回す。パスが上手いフッ○みたいな印象。左CKも蹴っていた。同点にした宏樹のダイビングヘッドへのアシストは見事だった。ああいうところが見えてる選手なんですな。逆転ゴールの後に要らぬところでボールをボールボーイにパスしてイエローカードを受けるという、日本のジャッジに不慣れな一面も。

試合の流れとしてはやはり立ち上がりの出来は良くなく、耐える展開。浦和は3人のFWを先発させてきたが、なかなか良い組み合わせに見えたなぁ。しかし守備に走っていたのは川崎の攻撃陣のほう。特にヴィトールはやる気満々で味方に指示を送りながら未熟な浦和DFを追い回してペースを握ろうとする。しかし、この展開に耐えられなくなった井川が(見に来ていた代表監督にいいところを見せたいと思ったかどうかは知らないが)、高原のポストに対して前に入れ替わってのパスカットに失敗、大チャンスを与えてしまう。このプレーは井川が最も得意とするプレーですが、この場面ではパススピードを見誤ってしまい、不用意なプレーになりました。このチャンスを高原が難なく決めて1-0。こういう人に易々と得点を献上するのが川崎の得意技です。

川崎2-1清水 (MoM都倉)

大阪方面ではどうも負けたらしいとTVの画面を横目に眺めていた。そして大阪でのイエロー累積によってテセが出場停止というタイミングもあって、千両役者がスーパーサブに名を連ねた。今日は平日夜の都倉ショウです。骨折から復活を遂げたあの男が等々力に帰ってきた! 都倉見たさに定時ダッシュで等々力に詰めかけた川崎サポ、その数1万4千人。

前半は相手に攻めさせておいて、足が止まってきた後半に勝負を仕掛けるという真夏にフォーカスした老練な試合運びが最近続いていますが、それを踏襲した立ち上がり。あの矢島(私はなぜか矢島のスーパーボールを持ってます)が押し込んで予定通りに先制される。

あとは左サイドに流れたジュニーニョを起点に、谷口の2点で逆転。どっちもGKが弾いた先にどっしり待ち構えているという絶妙なポジショニング。しかも2点目は終了間際でした。4バックにして両サイドを厚くして、そのあと都倉が入っていい動きを見せたことで流れを一気に引き寄せた感じ。田坂や黒津も良かったです。都倉といえば、以前に等々力で谷口のシュートを見事に避けることによって劇的な得点を演出したことも記憶に新しい。まー「都倉が入って逆転できないわけがない」という感じなわけですよ。試合後はリハビリ中に贈られた旗を持って、非常にうれしそうでした。

川崎2-1マリノス (薄氷)

tvkで初の生中継が決行された等々力での一戦。お互いに負けが続いていたので連敗を断ち切ったのはとても良かった。久々の勝利の味。

序盤にジュニのシュートのこぼれだまを我那覇が押し込んで先制1-0、横山が不運にも取られたFKを山瀬が直接入れて同点1-1、終了間際にコーナーキックの折り返しをジュニが押し込んで2-1という試合。失点場面は壁でFK蹴るところが隠されて見えなかったのかな。軽く蹴って入った感じ。川島は一歩も動けず。

序盤はマリノスが意志の合わないロングボールで自らペースを崩す一方で川崎がサイドチェンジとショートパス、スペースがあればドリブルで攻め込んでマリノスDFを混乱させていた。だが次第に形勢が逆転、川崎がハイボールを前線や中盤で競り合わせ、マリノスがショートパスを回して一気にペースを握ってしまう。前線はジュニと我那覇、その手前は憲剛と谷口。それで相手には中澤松田に河合あたりがいるわけだから、ハイボールで争うのは元から不利なんで、ひたすらつないでいけばあんな展開にさせなくても済んだんじゃないかな。テセが入ってからは頼りになるターゲットができたのでそこに収めればいいという話になってきたものの。…なんていうのが単純な感想。

新潟2-1川崎 (歴史は続く)

FA宣言号より数分早い新幹線で、新潟へ。駅直結のホテルにチェックインし、シャトルバスで呪われたスタジアム・ビッグスワンに向かう。

ビッグスワン2008

我那覇3戦連発。相手DFのレッドを誘う飛び出しとボディコントロール。しかしPK失敗。我那覇劇場だったんですね。現地では「これは谷口劇場かなぁ」と思ってましたけど。タイミングの良い飛び出しで再三オフサイドを取られ、個人技で強引にこじ開けた決定機でフカしてしまうという…。あとはチャントができた井川かな。不運な方でしたけどね。

しかし、この日は姿を見ることはできませんでしたが、ついに周平のチャントまでできました。暴れん坊将軍。なかなか良いと思います。

あとは、日本海を見て帰ってきました。

Breakpad: Firefox3のcrash report

Firefox3からcrash時のレポートのやり方がちょっと変わった。以前はTalkbackだったのだけど、今回のものはBreakpadというGoogle Code系のものらしい。Linux, Mac, Solaris, Windowsに対応。C++用ですね。これは便利かもしれません。

それで、自宅のFx3があまりにも何度も落ちるので、報告することにした。起動直後のabout:mozilla画面で右クリックした瞬間に落ちたときはさすがにナシだと思いましたね。会社の環境ではそれほど派手に落ちることはないんですけど。そういうわけで、現在は自宅のメイン環境はFirefox2に戻して使ってます。

報告を見るには、about:crashesというURLを指定する。すると報告したクラッシュのリストがリンクになって表示されるので、リンクをたどると報告したバックトレースを表示したり、少し詳しいことも判明する。クラッシュ場所の最近2週間のランキングも表示できるので、けっこうおもしろいかもしれない。GoogleDesktop関連が上位につけているので、Firefox3ユーザがGoogleDesktopを新たに入れたいと思っても、今のところ思いとどまったほうが無難かも。

私が報告したクラッシュは以下の通りだった(カッコ内は2008/6/22現在の順位)。同じ原因だろうと思っていたのだけど、意外と多彩な場面で落ちていた。