コードの圧縮や外部ファイル化とページの読み込み速度について
なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
Download Page Speed
Supported platforms Mac OSX (x86 and PPC) Linux (32-bit and 64-bit) Windows (XP and up) Prerequisites Page Speed requires both of the following to be installed: Mozilla Firefox 3.0.4 or higher (official, non-beta versions) — download from Mozilla Firebug Firefox Add-on 1.3.3 or higher (official, non-beta versions) — download from Mozilla
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック TechTalkManiacs
などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれています。 方法として挙げられているのは、最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。ただし、それだけだと回線速度が遅く不安定なモバイル環境では問題が生じるためHTML5のキャッシュ機能を利用するといいとのこと。 遅延ローディングのためのさまざまな手法の得失や、例えばユーザーデータを読み込むときには動的ロードしない、というようにユーザーの操作を妨害しないよう留意することなどについても述べられていてそれだけでもノウハウとして十分に有意義なのですが、決め手として最後に出てくる方法がすごいです。 その方法と
【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! (3) YSlowの評価内容 | エンタープライズ | マイコミジャーナル
YSlowの評価結果はA(最良)からFまでの6段階評価で、評価できなかった項目についてはn/aで表示される。それぞれの項目をクリックするとヘルプページにジャンプするので、このままでもそれなりに扱える。YSlowのメニューからHelp→YSlow Helpを選択するとヘルプサイトに飛ぶので、本格的に使う場合には同ページを一度全部読んでおきたい。ここでは各項目がそれぞれ何を意味しているかを簡単にまとめておく。 1 Make fewer HTTP requests HTTPリクエストの数をもっと減らせるのではないか 2 Uses CDN CDNを使っているかどうか 予算との兼ね合いだが、CDNが使えるならそちらのほうが高速になる 3 Add an Expires header Expiresを使っているかどうか Expires期限をだいぶ先に設定して長いことキャッシュが効くようにする 4 Gzi
ウノウラボ Unoh Labs: mod_expires と mod_rewrite を使ってウェブサーバへのアクセスを減らす方法
最近、雨の日が続いて自転車通勤ができていない naoya です。 今日は、先週ぐらいからフォト蔵に導入した Apache で mod_expires と mod_rewrite を使ったウェブサーバへのアクセスを減らす方法を紹介します。 通常のウェブサーバは、更新されていないリリースに対してアクセスすると、ステータスコード 304 とIf-Modified-Since ヘッダをつけて応答データを返しますが、CSS や JavaScript など比較的更新頻度の少ないファイルに対して、毎回応答を返すのはウェブサーバから見ると無駄なアクセスです。 Apache の mod_expires と mod_rewrite を使うと、この無駄なアクセスをブラウザキャッシュを有効活用にすることにより、静的なファイルに対するアクセスを減らすことができます。 まず、仕組みから説明すると、とても単純で mod
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
XPのスタートアップの順番を整理して超速起動にする | 教えて君.net
XPは起動時に、「スタートアップ」と呼ばれる常駐ツールなどのプログラムを自動的に実行する。スタートアップは大量にあると負荷がかかってパソコンの起動が遅くなる。また数が少なくても起動作業が同時に行われるため処理が追いつかず、起動が遅くなってしまうことが多い。 スムーズに起動するためにスタートアップを整理しよう。まずは「スタートアップチェッカー」を利用し不要なスタートアップを無効にする。メーカー製のパソコンなどでは無意味な広告表示ツールなどがスタートアップに登録されていることがあるので削除するといい。 続いて「遅刻指導」を使い、プログラムを起動する順番などを設定する。CPU使用率によって、次のプログラム起動するまでの待ち時間を設定できるのが便利だ。遅刻指導で操作できないレジストリに登録されたシステムツールは「StartupDelayer」を使えば設定できる。 ■ スタートアップの起動順序を指定
firefox 3が遅くなった→ SQLite reindexで解決＆高速化 - しおそると
Firefox 3を使っていて、起動が異様に遅くなっていて困っていました。 今回、どうやら解決した模様なので備忘録までに記載します。 Firefox 3にバージョンアップしてから、メインで利用しているPCで Firefox の起動が遅くて仕方がない、ipv6検索を無効にするとか試してみたけどもかわず、という状態でした。 だいたい同じAdd-onを 他のPCにも入れて利用していますが、そちらははそう遅くはないので、プロファイル系かあ、までは切り分けしてそのまま利用しておりました。 プロファイル再作成、面倒ですしね。 で、ふと思い立って Firefox 3 で利用している、SQLite データ群をかたっぱしから Reindex したら、 昔のスピードが再現しました。はやい！ 改善：２つ １）起動が速くなった（起動に1-2分かかる→すぐ起動。劇的に改善。） ２）サイト表示もはやい。 cookie
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
アルツハイマー病の原因となる「脳の廃棄物除去システムの老化」を改善する治療法が開発される
アルツハイマー病などのさまざまな認知症疾患の原因の1つとして、脳内に「タウタンパク質」と呼ばれる物質が蓄積することが挙げられています。このタウタンパク質はグリアリンパ系といういわば「脳の廃棄物除去システム」によって除去されるのですが、老化が進むとこのグリアリンパ系が機能しなくなり、認知障害を引き起こすことがわかっています。ロチェスター大学医療センターの研究チームが、老化で機能しなくなったグリアリンパ系を改善する治療法を発表しました。 Restoration of cervical lymphatic vessel function in aging rescues cerebrospinal fluid drainage | Nature Aging https://www.nature.com/articles/s43587-024-00691-3 Cleaning up the agi
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
Windows XPの起動を高速化する５つの術【知っ得！虎の巻】(ITライフハック) - livedoor ニュース
パソコンのスイッチを入れてからWindows XPが起動するまで、イライラしながら画面を見つめた経験はないだろうか。はやく操作を始めたいのに、なかなかOSが起動しない。こんな状態を少しでも改善するために、今回はWindows XP起動高速化術を紹介しよう。 ■知っ得 No.0073 Windows XPの起動を速くするワザ５ パソコンを長い間使っていると、知らない間にパソコン起動時にいろいろなソフトが同時に起動していたり、サービスが実行されていたりしていないだろうか。自分にとって必要ないものを削除していくだけでもWindows XPの起動は速くなる。改めて起動の状態を確認し、設定を変更しよう。 １．XPロゴを表示しない パソコンの電源を入れるとしばらくして表示されるWindows XPのロゴ。普段何気なく目にしていると思うが、実はこれも表示させないように設定することができる。わずかではあ
PerlによるCSVファイルの高速集計 2：CodeZine
open(OUT, '>result.csv'); open(IN1, 'enquate.csv'); # アンケートデータを1行ずつ処理する while(my $line1 = <IN1>){ # 1行を4つに分ける chomp($line1); my ($id, $ans1, $ans2, $ans3) = split(/,/, $line1, 4); # この行にマッチする顧客データを検索する my $name = ''; my $address = ''; open(IN2, 'address.csv'); while(my $line2 = <IN2>){ chomp($line2); my ($tmp_id, $tmp_name, $tmp_address) = split(/,/, $line2, 3); if($tmp_id eq $id){
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP
| ＾＾ |秒刊SUNDAY | Windows XP を軽くする裏技