ウェブサイト上に画像をアップロードする際、複数サイズの画像を用意したりファイルフォーマットを変換したりすることで、少しでもファイルサイズを小さくしてサーバーに負荷がかからないようにしますが、こういった地味な作業は取り扱う画像の数が多くなれば多くなるほど面倒になっていくものです。そんな画像加工関連の処理を自動かつリアルタイムで行ってくれるサービスが「imgix」で、ウェブページを表示する際に重要な「ページの重さ」を計測してくれるサービス「imgix Page Weight Tool」を提供しているので実際に計測してみました。 imgix Page Weight Tool • Learn how to improve your site or app’s speed. https://pageweight.imgix.com/ 「imgix Page Weight Tool」の使用方法はとても

WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、WordPressの表示速度を高速化させる方法をご紹介する。

今回は、Firefoxを高速化するためのTips・アドオン・ソフトウェア（スタンドアロンアプリケーション）をまとめて紹介します。当サイトでは今まで多くのFirefox高速化についての記事を書いてきましたが、それらの情報をいったん一つの記事に整理する意味で、このエントリーを書きました。 最近は起動・動作ともに高速なGoogle Chromeに押され気味のFirefoxですが、動作が安定していて拡張機能も豊富なFirefoxの使い勝手を手放せない人も多いはず。でも、Firefoxは相変わらず遅い・重い…やってられない…！そんな人に贈る記事です。 Firefox高速化Tips FirefoxをRAMディスクにインストールして超高速化する方法！ 本記事で紹介しているFirefox高速化方法の中では、最も効果のある方法です。ハードディスクよりも圧倒的にアクセス速度の速いRAMディスクを作成し、その中

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点を当てて圧縮ツール・サービスをまとめてみます。 Javascriptの圧縮 /packer/ http://dean.edwards.name/packer/ とってもシンプルな圧縮サービス。オプションで難読化することもできます。 JavascriptとCSSの圧縮 Compress javascript and css http://compressor.ebiene.de/ こちらもシンプルな

Fireboot 「Fireboot」は、Firefoxにインストールされているアドオンから使っていない不要な言語ファイルを削除して、Firefoxの起動を大幅に高速化することができるソフトです。Firefoxの起動や動作が「重い」と言われる理由の一つに、アドオンと呼ばれる拡張機能の存在があります。 アドオンのファイルサイズ自体はZIP形式で圧縮されているためそれほど大きいものではありませんが、Firefox起動時にインストールされているアドオンを読み込む際、いったん解凍してから読み込む必要があるため、アドオンの種類によってはこのプロセスに非常に時間がかかってしまうものがあります。 またFirefoxのアドオンには通常複数の言語ファイルが含まれており、どのような言語環境でも問題なく使用できるようになっていますが、その反面ユーザーにとって不要な言語も含まれているため、これがFirefox起動

Windowsの各種ゴミファイルやいつの間にか増えていく「Thumbs.db」「.DS_Store」ファイル、各ブラウザやソフトの余計な閲覧記録やダウンロード履歴、チャットの会話ログ、さらにはあらゆる種類のログファイルやクッキーやら何やらをまとめて一発で削除できるのが「BleachBit」です。 インストールから操作までの手順は以下から。 BleachBit http://bleachbit.sourceforge.net/ ◆インストール 上記サイトから「Download」を選択 今回はWindowsで使うので「Windows」を選択 「BleachBit installer .exe」をクリック ダウンロードしたインストーラを起動 Japaneseであることを確認して「OK」をクリック 「同意する」をクリック 「次へ」をクリック 「インストール」をクリック 「次へ」をクリック これでイ

Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、MooToolsなどの多くのサイトで頻繁に使用される主要なJavaScriptライブラリをあらかじめローカルディスクから読み込んでおくことで、常にキャッシュが効いているのと同じ状態でウェブページを読み込むことができるというもの。 これらのJavaScriptライブラリは、通常はサイトにアクセスした際にHTMLや画像など他の要素と同時にダウンロードされるものですが、ファイルサイズが数十KB以上と決して小

結構Firefoxが好きなので、ちょこちょこ改造していたんですが、管理するPCごとに新しいこと試したり前やってたことをやめたりしてるうちに何が何だかわからなくなってきてしまったので、そろそろまとめようかなー？ってことでまとめてみました。 ちなみに、ここに書いてある改造は完全に自宅マシン用です。 会社のマシンでここまでやると・・・ちょっと動作とかアドオンの不都合とか色々検証してないことも多いので、出来るだけご自身の責任でお願いいたします。 とりあえず手始めに入れるアドオン SQLiteOptimizerアドオンを入れる Firefoxの重たくなる一番の原因となる、SQLiteの計量最適化を図ってくれるアドオン。 Faster Fox Liteアドオンを入れる 設定は「ターボチャージャー」に。 かつ、アドバンス設定で「Disable IPv6 DNS lookup」にチェック。 MemoryF

Firefoxに限った事ではありませんが、一般的なウェブブラウザはウェブページにアクセスするたびに、次回以降の表示速度を高速化するため、また相手側のサーバー負荷を軽減するために、そのページ内で表示される画像や外部ファイルなどをPCのローカルストレージに”キャッシュ”として保存する仕組みになっています。 つまり、ウェブページを開くたびにハードディスクから”キャッシュ”として保存されているデータを読み込んだり、あたらしく書き込まれてくことになりますが、この”キャッシュ”保存場所をハードディスクではなく、読み込み・書き込み共にアクセスの速いRAMディスクに変更することでブラウジングの高速化が期待できるのはよく知られていることです。 ただし、RAMディスクを用意するためには通常は専用ソフトウェアが必要になるなど、必ずしも手軽に実践できるとは言えないのが難点ですが、FirefoxならわざわざRAMデ

ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳

Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ 追記）Windows起動時の長いディスクアクセスを根本的に解決する方法として、もっとも有効なのは内蔵ディスクをSSDに換装する、ということ。ふるさと納税でもSSDがもらえるので、変えたほうがいいかも。ちなみに私は変えた。 買った当時は電源を入れるとすぐに起動していた私のパソコン。しかし、何年も使い込んでいると起動時にものすごいディスクアクセスが発生し、使えるようになるまでにすごく待たされるようになったのだ。 もしかしたら、原因は他にもいろいろあるのかも知れないが、私は以下を試してみて、ハッキリわかるくらい効果を感じたので覚書しておこう。今までおこなった軽量化と違い、「明らかに改善した！」と実感できた。 実施前：起動してデスクトップにアイコンが表示されても、数分間はひどい

最近になってRAMディスクが普及してきたことで、Firefoxでウェブページを開いた際に常にローカルに保存される”キャッシュ”の場所をRAMディスクに置き換えて動作を高速化させるというtipsの紹介を多くのサイトで見かけますが、それで確かに若干速くなるものの、この方法だけでは普通それほど大幅な高速化は期待できません。 せっかくRAMディスクを使うなら、キャッシュを置き換えるだけでなく、Firefoxそのものを丸ごとRAMディスクにインストールしてしまいましょう！というわけで今回は、FirefoxをRAMディスクにインストールして起動速度を信じられないほど高速化する超絶ハック術を紹介します！ なお、ここで紹介する方法は筆者である私自身が普段から実践しているもので、効果の大きさはCPUスペックによって異なることもありますが、個人的な体験談を挙げておくと、通常通りHDDにインストールしてFire

ドットインストール代表のライフハックブログ