パフォーマンス改善ハンドブック ウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンド パフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。 注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。 具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれていま
仕事やらなんやらでMySQLのクエリの良し悪しを判断する必要があるとき、EXPLAINの内容だけだとどのぐらい良くなったり悪くなったのか分からないので SET long_query_time = 0; してrows_examined (そのクエリでrows_sent行の結果を返すために何行に触ったのか)も一緒に提示するようにしている(少なくともMySQL 5.7時点ではrows_examinedはslow_query_logでしか確認できないはずperformance_schemaが有効ならevents_statements_historyやその仲間たちで確認できるとのこと*1 MySQL :: MySQL 5.6 リファレンスマニュアル :: 22.9.6 パフォーマンススキーマステートメントイベントテーブル)。 例: 上の例のBeforeは、もともとDBAが書いた温かみのあるSQLでO
VDI システムを恙なく構築するには、 コモディティ化している仮想化スキルよりも、Windows OS をきちんと設定することの方が重要とつねづね感じています。 「仮想化インフラと Windows のスキルセットは両立できないのが SI 現場の実態」ということなので、少しでも橋渡しができるよう、CIFS 周りのノウハウを５つほど書き綴りたいと思います。 1. SMB/CIFS 2.1 以降で通信する 以前も記事にしましたが、Windows 7 からの NAS アクセスは SMB 2.1 で通信するよう、心掛けましょう。 Windows Server 2003 サーバーにアクセスすると、SMB 1.0 になってしまうために ３倍以上 の性能差があるというデータもあるようです。 最近のファイルサーバーや NAS の性能 - (1) プロトコルと CPU の進化 http://d.hatena.
Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, styleshee
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
nLiteを使う前に使用中のXPのプロダクトキーを確認しておく。その後、SP3の配布ページを開き「ダウンロード」をクリックしてファイルを保存する。SP3のファイルは2種類あるが、CDイメージファイルではない方をダウンロードすること 自分のパソコンのハードウェア用のドライバを事前にダウンロードし、CD-Rなどに焼いて保存しておこう nLiteを起動するには.NET Framework Version 2.0が必要だ。インストールされていない場合はダウンロードしてインストールしておこう 「WindowsCD」という名前のフォルダを作成。ウインドウズXPのインストールCD-ROMから全ファイルをコピーしよう nLiteをダウンロードしてインストールする。最初に表示される言語選択画面では「English」を選ぼう。後で表示される「Language」で「Japanese」を選ぶと日本語表示に切り替わ
Windows NT 4.0/2000/XP/2003/Vista及びそれらの64ビット版で動作するオープンソースでフリーのデフラグソフト、それが「UltraDefrag」です。特徴としてはカーネルモードドライバとして動作するためメモリ消費量が少なく、さらにエンジン部分が100％PureCで書かれているため極めて小さく、非常に高速であると言うこと。Windows標準のデフラグAPIを利用しているため安全性も高く、対応フォーマットはFAT12/16/32、NTFS、Vista UDF。NTFSの場合はNTFS圧縮している状態でも利用可能。 採用しているデフラグのアルゴリズムはかなりシンプルで、断片化したファイルを空き領域に移動させるのみ。速度を犠牲にして良いのであれば、ハードディスクの先頭部分にある空き領域へぎゅっと詰めて移動させるというコンパクトモードも可能。また、ロックされて移動できない
2月7 チェーンメンテ再考 カテゴリ:自転車 唐突にチェーンのメンテについてまとめてみます。 なんていうか細かいところまで解説してるサイトって意外と無かったんで。 ていうか多分分かる人は一度チェーンをバラせば分かるからあえて情報として掲載する意味もないのかなとか… それでも載せる私であった。 まず最初に。 自転車のチェーンは「ローラーチェーン」と呼ばれるものだそうです。 詳しくはWikipediaとかで。 プレートの間にあるブッシュの上にローラーが乗っているという構造になってます。 まずは構造が分からないとどうにもならないので、図を。 一番上の図が外観図、中央が断面図、下が断面図のうち擦れる面を赤く色づけしたものです。 一般的なローラーチェーンと違って、自転車用チェーンはインナーリンクとブッシュが一体になってます。 ローラーの内側の面と接触している部分がブッシュにあたります。 ローラーがあ
Apache Webサーバ（以下Apache）には強力なログインフレームワークが付属しており、デフォルト設定下のApacheでは、エラーに関するすべての情報がエラーログ、アクセスに関するすべての情報がアクセスログに記録されるようになっている。こうしたデフォルトレベルのログ情報でもトラフィックパターンの解析やエラーに関する基本情報の収集には充分であろうが、トラブルシューティングとなると不充分なこともある。いずれにせよ、利用可能なすべてのログ機能を把握しておくことは、Apache上でホストするアプリケーションやWebサーバのトラブルシューティングに役立つはずだ。 FedoraにインストールしたApacheの場合、デフォルト設定下のアクセスログは/etc/httpd/logs/access_logに、エラーログは/etc/httpd/logs/error_logに保管される。このうちアクセスログ
Linuxのカーネルやそれを含むディストリビューションでは、ネットワークのパラメータに影響を与えるような設定の一部は、デフォルトでは非常に控えめに設定されていることが一般的である。このような設定をチューニングするには、/procファイルシステムを使用する方法やsysctlプログラムを用いる方法があるが、どちらかというと後者の方がよい場合が多い。なぜかというと、後者の場合は/etc/sysctl.confファイルの内容を読み取るため、リブートを行っても設定が保持されるからだ。 /etc/sysctl.confで行える設定のうち、ネットワークのパフォーマンスを向上させる可能性がある設定を以下に示そう。 net.ipv4.tcp_window_scaling = 1 net.ipv4.tcp_syncookies = 1 net.core.rmem_max = 16777216 net.core
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
鏡音リンが出てから、作品がどーっと公開されているのだけど、ミキサーの初歩の部分で失敗している残念なものが多いので、参考のために。 まぁあくまでも「基本のよくわからない初心者」のためのものなんで、ごく基本的なことだけ。これはリンに限らずミクでも通用するし、人間がカラオケをやる時にも使える。ただし、これは「ナチュラルなPA」の流儀なので、他の流儀でのつっこみは禁止。その辺については私はわからないので、他の人が書いてくれるといいかも。 まず、ミキサーに入る前に。。 あなたがVOCALOID2シリーズを何も持っていないなら、悪いことは言わないから「鏡音リン・レン」には手をつけない方がいい。調教が難しくて挫折するだけだ。それよりまずは「初音ミク」で「自信」をつけた方がいい。ミクはクセが少ないので仕事を選ばないのだが、リン・レンはかなりクセがあるので、どうも仕事を選ぶ(後述)。ちょっと遊んでみるにはミ
2007/10/31 米Googleは10月29日、近く無料Webメールサービス「Gmail」を刷新することを明らかにした。 Gmailチームは「コードの構造的な変更」に取り組んでおり、まずはFirefox 2とInternet Explorer（IE）7に導入し、その後ほかのブラウザにも対応する。 同チームは新たなコードの特徴として、動作が速くなる点を挙げている。メッセージをあらかじめ読み込んでおくため、メールを開くときにGoogleサーバにアクセスしなくてもよくなり、メールの表示が速くなるという。 ほかのGoogleアプリケーションとコンポーネントを共用できるようになり、GroupsおよびPage Creatorと同じリッチテキストエディタ、いくつかのGoogleアプリケーションで利用されているContact Managerを採用する。新しいキーボードショートカット、特定のメッセージや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く