php + apache のメモリ量をおさえる
php + apache のメモリ量をおさえる
何をすればホームページの表示速度が向上されるのか?検索順位にも関係する改善方法3つとチェックツールまとめ 公開日:2012年7月 9日 カテゴリ:Web制作に役立つネタ ホームページの表示速度がGoogle の検索順位に関係してきているようで、SEO関連はもちろん、Web制作サイドでも重要な事柄となっております。 ソーシャルボタンが原因だったり、コーディングの問題だったり、サーバー周りの設定だったりと、Webサイトを早く表示させるだけなのに 見直す点が多く、Web屋として多方面のスキルが必要になってしまう意外と難しい問題だと思っています。 てなわけで、実際に運営しているPAKUTASOを例として、改善する為に必要な方法などをご紹介します。 何をすれば表示速度は改善されるのだろう。 今回、PAKUTASOのサイトを例に、サイトの表示速度向上をしてみました。 PAKUTASO/ぱくたそ-WEB
TL;DR CMS を組み込んだサイトを構築する上で、ページを高速表示するために最初に取り入れておきたいことなどを簡潔に書いておきます。 2016/07/03:高速化についての新しい方法を追加しました。確実に速くなる、リニューアルで行ったサイト高速化への手順を全公開。 VPS 高速化のために VPS で試して比較的効果があったことを、次回また組み込む時のためにメモ。 1.VPS / SSD に リクエスト数や画像の容量にもよりますが、WordPress を組み込んで一番高速表示されたのがこれだったので。当たり外れがあるかもしれませんが、 さくらの VPSSSD(2G)に WP を置き、レンタルサーバと比較すると、とんでもなく高速表示。試用期間中は遅くて不安になりますが、契約後当日に高速になります。 さくら VPS | Sakura VPS 設定マニュアル さくら VPS の初期設定 | 離
前回のエントリーで、Dartの次は、TypeScriptを検証する。と書いたけど、なぜか自分のPCでは、VisualStudio for WebにTypeScriptのプラグインがインストールできなかったので、TypeScriptを使うことを諦めました。コマンドラインでコンパイルはできたけど、それでは型付け言語のメリットであるIDEによる補完や参照検索やリネームリファクタリングが効かないので。ちなみにプログラマのPCではあっさりインストールできたとのこと。がっくり。 というわけで、Dartを実戦投入することを決定してDartで開発をしています。 フロントエンド高速化のExpiresヘッダ さて、今日の本題。Webシステムのフロントエンド高速化のお話です。Webシステムの速度の大きなボトルネックとしてDB負荷がありますが、ブラウザ側のレンダリングを高速化する話としてフロントエンド高速化があり
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
先日のももクロハッカソンで出会った wantedly を作ってる仲さんが と言ってたので、面白そうなので wantedly を速くしてみました。 wantedly ちなみにデータが数百万オーダーもなさそうなのに、どのページもログインすると2-5秒ぐらいかかっていたので、確実に速くできそうだなぁという感覚はやる前からありました。 アプリケーションサイドのチューニング 初心者*1にありがちな問題として SQL に適切にインデックス張ってない キャッシュすべき場所をキャッシュしていない 無駄なデータを引きすぎてる ことがよくあります。ので順に実装を見ていきました。 SQLに適切なインデックスを張ってない 張ってありました!びっくり!\(^o^)/ キャッシュすべき場所をキャッシュしていない Facebook API を利用したアプリケーションなんですが、ユーザのデータの取得を毎回馬鹿正直に HT
昨日はてブの人気エントリーに載っていた下記記事の内容をやってみました。 -やたらと重い「FireFox」を、馬鹿みたいに高速化する方法まとめ。|Webディレクターズマニュアル ビックリするくらい速くなったのでお礼も兼ねて報告します。「速くなった」だけでは伝わらないと思い、ストップウォッチを使ってタイムを計ってみましたので、よろしければ参考にしてください。 *Before **(1) 動作環境 Firefox のバージョンは、3.6.22 です。OS は Mac OS 10.6.8(Snow Leopard)。どうして Firefox 4 以降にバージョンを上げないのかって?それはだって Greasemonkey がぁ... ハードのスペックは下記のとおり。 MacBook Air 13 インチ(Late 2010) プロセッサ名: Intel Core 2 Duo プロセッサ速度: 2.1
Firefoxに限った事ではありませんが、一般的なウェブブラウザはウェブページにアクセスするたびに、次回以降の表示速度を高速化するため、また相手側のサーバー負荷を軽減するために、そのページ内で表示される画像や外部ファイルなどをPCのローカルストレージに”キャッシュ”として保存する仕組みになっています。 つまり、ウェブページを開くたびにハードディスクから”キャッシュ”として保存されているデータを読み込んだり、あたらしく書き込まれてくことになりますが、この”キャッシュ”保存場所をハードディスクではなく、読み込み・書き込み共にアクセスの速いRAMディスクに変更することでブラウジングの高速化が期待できるのはよく知られていることです。 ただし、RAMディスクを用意するためには通常は専用ソフトウェアが必要になるなど、必ずしも手軽に実践できるとは言えないのが難点ですが、FirefoxならわざわざRAMデ
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた(公式発表) | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
Firefoxの最新版「Firefox5」が正式リリースされました。Firefox5の変更点は以下の通りです。 ・CSS アニメーション に対応 ・Do Not Track ヘッダ送信の設定を見つけやすいところへ移動 ・パフォーマンス向上のため、HTTP アイドル接続方式の調整 ・Canvas、JavaScript、メモリ、ネットワーキングのパフォーマンスを強化 ・HTML5、XHR、MathML、SMIL、Canvas といった Web 標準への対応を強化 ・一部の言語でスペルチェックの精度を強化 ・Linux デスクトップ環境との統合を強化 ・WebGL コンテンツが クロスドメインテクスチャを読み込めなくなった ・バックグラウンドのタブで設定されている setTimeout と setInterval のタイマー間隔が、パフォーマンス向上のため 1000ms に固定 ・いくつかの安定
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
Firefox 3.6.4からは、プラグインプロセスの分離による本体のクラッシュ防止機能が搭載されています。 この機能は、クラッシュの主要原因であるいくつかのプラグインをFirefoxとは別の[plugin-container.exe]に読み込んで実行するというものですが、これが原因でPC全体のパフォーマンスが落ちてしまうという経験をした方も少なくないと思います。 [plugin-container.exe]によってサポートされているプラグインは[Adobe Flash][Apple Quicktime][Microsoft Silverlight]などとなっており、これらのプラグイン利用時に[plugin-container.exe]が実行されるようになっています。 複数のタブでYouTube動画などを開いた場合、この[plugin-container.exe]のメモリ使用量が極端に増加
Application, Web ここ最近、正気の沙汰とは思えない程にFirefoxが重くなってきたので色々と試行錯誤してみた結果、魂を揺さぶられるほどに効果的な方法を見つけることに成功したので、ここで報告します。 まず私のFirefoxが一体どれ程に凄惨な状態になってしまっていたのかということですが、元々最近のFirefoxはGoogle Chrome隆盛の所為で、いつの間にか重いブラウザの代表格みたいな可哀想な扱いになっていて、長時間ブラウジングしているとメモリの使用量が有り得ない事になっていたり、挙動が重くなってくるのは私も仕様として諦観していましたが、ここ最近はタブを30個ほど開いた状態でブラウジングをしていると僅か2,3分程で、正気の沙汰とは思えないほどに重くなってしまい、タブを切り替えるだけで「応答なし」状態が多発してしまうような状態になってしまっていました。 タブが10個未満
各所で話題になっていますが、Linuxを劇的に高速化する方法が発見されました*1 *2 *3。特にブラウザなど複数のアプリケーションを同時に起動した状態では、体感速度がびっくりするほど向上します。 高速化する方法も簡単です。カーネルの再構築という難しい作業は不要で、設定ファイルを数行書き換えるだけです。是非試しましょう! ステップ-1: ~/.bashrc の編集 ~/.bashrc の末尾に以下の4行を追加します。 if [ "$PS1" ] ; then mkdir -m 0700 /sys/fs/cgroup/cpu/user/$$ echo $$ > /sys/fs/cgroup/cpu/user/$$/tasks fi ステップ-2: /etc/rc.local の編集 /etc/rc.local の末尾に以下の2行を追加します(2010/11/24更新。不要なmkdirコマンド
最近になってRAMディスクが普及してきたことで、Firefoxでウェブページを開いた際に常にローカルに保存される”キャッシュ”の場所をRAMディスクに置き換えて動作を高速化させるというtipsの紹介を多くのサイトで見かけますが、それで確かに若干速くなるものの、この方法だけでは普通それほど大幅な高速化は期待できません。 せっかくRAMディスクを使うなら、キャッシュを置き換えるだけでなく、Firefoxそのものを丸ごとRAMディスクにインストールしてしまいましょう!というわけで今回は、FirefoxをRAMディスクにインストールして起動速度を信じられないほど高速化する超絶ハック術を紹介します! なお、ここで紹介する方法は筆者である私自身が普段から実践しているもので、効果の大きさはCPUスペックによって異なることもありますが、個人的な体験談を挙げておくと、通常通りHDDにインストールしてFire
テキスト処理を中心にやっていましたが、画像処理に興味が出てきて、さっそくアプリを作りました。もともと下の記事のあたりでユーザーとして画像処理に興味を持って、当然の流れながら、自分でもつくってみようと。 Color Splash + TiltShift Generator + Instagramの写真加工が面白い。 - このブログは証明できない。 で、何かを間違えて、普通の画像処理ではなく、カメラの映像をリアルタイムに加工しはじめました。そうすると、パフォーマンスがかなりシビアなんですね。 iPhoneでカメラの映像をリアルタイム画像処理してみる。 - このブログは証明できない。 全ピクセルを操作しなければなりませんから、ループをたくさん回す必要があります。なんとか高速化できないかと考えてみたところ、あっさり高速化に成功しました。私が気づくぐらいですから、初歩の初歩なんだと思います。 追記:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く