Googleがサイトの表示速度も評価対象に加えると言う発表をしたため（現時点では米国版のみ）、対応策として Head Cleaner を導入してみました。現時点ではほとんど影響はないとのことですが、やって置いて損はないし、表示が速くなるのはいいことです。
配布サイトに書いてある説明に従って導入したところ、AddClips のスクリプトが AddClipsId の設定をしていないとエラーを出すようになって、しかもページの表示が途中で止まってしまうようになってしまいました。ソースを確認してみると、ヘッダ部分の途中に出力されている JavaScript コードが加工され、記事部分まで文字列に含まれるようになっていました。
正常な状態
- <script type="text/javascript">
- //<![CDATA[
- function basename (path) { return path.replace( /.*\//, "" ); }
- var winimg=null;
- function ps_imagemanager_popup(imgurl,title,w,h) {
- lpos=(screen.width)?(screen.width-w)/2:100;
- tpos=(screen.height)?(screen.height-h)/2:100;
- settings='width='+w+',height='+h+',top='+tpos+',left='+lpos+',scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=yes';
- winimg=window.open('about:blank','imagemanagerpopup',settings);
- var doc = '';
- doc += '<html><head>';
- doc += '<title>' + title + ' - ' + basename(imgurl) + '(' + w + 'x' + h +')</title>';
- doc += '<style type="text/css"><!-- body { margin:0px; padding:0px; } --></style>';
- doc += '</head>';
- doc += '<body onload="self.focus();">';
- doc += '<img style="cursor:pointer;" src="' + imgurl + '" title="' + title + '" onclick="self.close();"/>';
- doc += '</body></html>';
- winimg.document.writeln(doc);
- winimg.document.close();
- }
- //]]>
- </script>
- </head>
異常な状態
- <script type="text/javascript">
- //<![CDATA[
- function basename (path) { return path.replace( /.*\//, "" ); }
- var winimg=null;
- function ps_imagemanager_popup(imgurl,title,w,h) {
- lpos=(screen.width)?(screen.width-w)/2:100;
- tpos=(screen.height)?(screen.height-h)/2:100; settings="width="+w+',height='+h+',top='+tpos+',left='+lpos+',scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=yes';
- winimg=window.open('about:blank','imagemanagerpopup',settings);
- var doc = '';
- doc += '
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
- <head>';
- doc += '
- <title>' + title + ' - ' + basename(imgurl) + '(' + w + 'x' + h +')</title>
- <link rel="canonical" href="http://blog.yoshitomo.org/" />
- <style type="text/css" media="all">/*<![CDATA[ */
- /***** inline CSS *****/
- <!-- body { margin:0px; padding:0px; } -->
- /* ]]>*/</style>
- </head>
この部分を出力しているのは、WordPress の画像アップ機能がまだいまいちだったころの定番であった ImageManager 2.5.3 です。サムネイルをクリックしたときにポップアップウィンドウを開くためのものだと思いますが、私の場合は同じウィンドウで開くようにしているので停止させることにしました。
ちなみに、Head Cleaner の効果はなかなかのようです。設定も特にまだ変えてませんが、速度の向上が体感できました。
