今回はオールアバウトのnnmrが弊社サイトAll About Japanの速度を高速化した経緯についてまとめます。 All About Japanとは そもそもAll About Japan（以下AAJ）とは何かといいますと、弊社が提供している訪日外国人向けの日本紹介サイトです。 外国人向けサイトで、英語、中国語（繁体字）、中国語（簡体字）、タイ語、韓国語の5か国語に対応しております。 「Anime」「Izakaya」「Ninja」といったような特集や、実際に観光する人向けのモデルルート記事が特色です。 ■ 特集 (url : http://allabout-japan.com/en/tag/sushi/ ) ■ モデルルート記事 (url : http://allabout-japan.com/en/article/222/ ) 技術的な紹介 LAMP環境です。 （サーバー構成は後に記述

スクロールせずに見えるコンテンツのレンダリングをブロックしている javascript/css を排除するWordPressプラグイン3つ 先日Googleさんから「レンダリングブロックjavascript/cssを排除」するよう警告された@web_shufuです。色々ググって調べると、レンダリングブロックjavascript対策に有効っぽいプラグインが3つ見つかりましたので入れてみました。 2015年4月20追記：当ページのプラグインはプラグイン「 WP Fastest Cache」の導入で不要になったので全て外しました。 レンダリングブロックjavascript/cssを排除することを決意 2013年10月ころは、PageSpeed Insightsで当サイトのどのページを調べても、冒頭の画像ような結果になりました。 特に「レンダリングブロックjavascript/cssを排除」は必ず

[対象: 全員] SMX Advanced 2013での、GoogleのMaile Ohye（マイリー・オーイェ）氏によるセッションをこの記事ではレポートします。 設定ミスがあるモバイルサイトの評価を下げるアルゴリズムを近いうちにGoogleは導入します。 このアルゴリズム変更の影響を受けるサイトには、表示スピードの遅いモバイルサイトも含まれます。 スマートフォン向けサイトの高速化の必要性と注意点をマイリーさんは説明しました。 マイリーさんのプレゼンテーションは、スマートフォン向けサイトのスピードアップ施策にきっと役立つでしょう。 では行きます！ 2012年にモバイルの推奨構成を公開 携帯端末に最適化されたウェブサイトの構築方法 – Webmasters — Google Developers（公式ドキュメント） スマートフォン向けサイトにはレスポンシブ・ウェブデザインを推奨、Google

キャッシュ機能でブログのページ表示を高速化できるWordPressプラグインを紹介します。 WordPressの標準仕様では、ページを動的に生成する仕組みになっており、ブログのアクセス数が増えると、サーバーの負荷が増えてしまい、結果的にブログのページ表示が遅くなります。 ページ表示が遅くなるのを回避する方法として、キャッシュ機能があります。 キャッシュ機能を利用すると、以前に生成したキャッシュファイルを再利用することにより、ページ表示を高速化できます。 ブログに人気が出て、アクセス数が増えた場合、ページの表示速度が低下する場合があります。 ページ表示が遅いと感じたら、キャッシュ機能のプラグインを活用しましょう。 はじめに キャッシュ機能が必要な理由 WordPressは動的にページを生成しています。 ブログの記事にアクセスがあると、PHP・MySQLを利用して動的にページを生成します。 ブ

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

「兵は拙速なるを聞くも、未だ巧久なるを賭みざる成り」と孫子は言いました。要は「若干穴抜けの作戦でも迅速に行えば成功するが、戦いが長引いても良い結果を得られない」ということです。 実はウェブサイトも全く同じことが言えます。表示速度は戦いです。どんなに美麗なウェブサイトでも、表示されるのが遅ければ、読み込みの途中で戻るを押してしまうかもしれません。まさに未だ巧久なるを賭みざる成り、です。 こちらは現代の偉大な王Googleの言葉ですが「表示速度が0.5秒遅くなると、検索数が20％減少する」とのこと。やはり表示速度が速いに越したことはありませんね。 ウェブサイト表示速度を診断しよう さて、同じく孫子は「敵を知り、己を知れば百戦して殆うからず」とも言っています。敵となるウェブサイトがあるかどうかわかりませんが、自分のサイトの表示速度を診断してみましょう。 ウェブサイトの表示速度診断はいくつもありま

By Anthony Lin 中央大学の研究グループがソリッドステートドライブ(SSD)の書き込み速度を4倍にしつつ60％省エネ化する技術を開発しました。この新技術は、現行のSSDにただちに適用可能な技術とのことです。 データ断片化の影響を抑えてSSDを高速化する技術、中央大学が開発 - 半導体デバイス - 日経テクノロジーオンライン http://techon.nikkeibp.co.jp/article/NEWS/20140519/352641/ 中央大がＳＳＤ高速化技術、書き込み速度４倍に　　：日本経済新聞 http://www.nikkei.com/article/DGXNASFK2102Y_R20C14A5000000/ 半導体メモリ技術に関する国際学会「2014 IEEE 6th International Memory Workshop(IMW)」で、中央大学理工学部電気電子

WordPressの魅力は、慣れてくるとテーマを選んで目的のプラグインをインストールしていくだけである程度サイトのベースとなる部分が簡単に構築できるところにあります。 その反面、プラグインをインストールしすぎてサイトのパフォーマンスが落ちてしまったり、何のプラグインをインストールしたのか自分でもわからなくなってしまうといったことも少なくありません。 そこで、今回はWordPressサイトを快適に運用するためのTipsとしてプラグインの管理についてお送りいたします。 インストール済みのプラグインにメモが書ける「Plugin Memorandum」 まずは、自分がインストールしたプラグインにメモを書いておける「Plugin Memorandum」からご紹介します。 Plugin Memorandum 発想はシンプル。でも忘れやすい人にはとっても心強い味方に!? 本プラグインのインストールが完了

ワードプレスが人気な理由の１つに、 プラグインが豊富なことがあげられます。 今回は、画像を最適化してWordpressの読み込みを高速化させるプラグインを6つまとめました。 ページの表示速度は検索順位にも影響を及ぼすのでとても重要です。 たくさんの画像を含んでいるサイトは、プラグインを利用して ページの読み込みが遅くなるのを防ぐことが必要です。 1. Lazy Load「Lazy Load」は画像を遅延ロードする定番プラグインです。 ユーザーがページ内の画像を見るときのみロードされます。 Lazy Loadは、非常に簡単なプラグインです。 インストールして立ち上げるのみで、特別な設定は必要ありません。 どのプラグインを使えばいいか迷ったらまずはLazy Loadを使ってみてください。 『Lazy Load』 2. PB Responsive Imagesレスポンシブイメージとは、PC、タブ

Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ

サイトのページ表示速度高速化のひとつとしてページのキャッシュを考えてみた。 GoogleのPageSpeed Insightsでチェックしてみると「ブラウザのキャッシュを活用する」と表示されている。 静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザが以前にダウンロードしたリソースをネットワークからではなくローカル ディスクから読み込むようになります。 以下のリソースではキャッシュの有効期間が短くなっています。少なくとも 1 週間以上先の有効期間を以下のリソースに対して指定してください 画像やスタイルシートなど（有効期限が指定されていません）と表示されている。 今回はこの 「ブラウザのキャッシュを活用する」を対応してみる。 方法はいくつかあるみたいだけれど、Webサーバー Apache モジュールの一つのmod_expiresを検討してみる。 ブラウザキャ

しばらく前からこのブログの重さがまた気になるようになりました。 WordPressが重いのか、サーバを疑うべきか・・・。 これまでにいろいろ手をつくしているので原因はそれ以外のことだろうね・・・ということで、プラグインを疑いました。 しかし、たくさんのプラグインを一個づつ、また他のプラグインとの干渉を計りつつなんてことはしてられないしと思ったら！やはりあるのですね、便利なプラグイン。 P3 (Plugin Performance Profiler)はWordPressのパフォーマンスにどのプラグインがどれだけ負荷をかけているのかを一気に調べてくれる優れものでした。 Sponsored Link 使い方インストールはごく普通に。 設定項目はありません。 チェックはプラグイン一覧の「Scan Now」をクリックか、左のツールバーの「ツール」→「Plugin Performance Profil

Head Cleaner は、WebブラウザとWebサーバのやり取りの回数や送るデータ量を減らすことで、サイトの構築を早くすることが出来るプラグインです。 簡単な設定をすることで、CSSやJavaScript を最適化でき、またページのヘッダ部分なども整理できます。 ただ ちょっと設定項目が多いですので簡単な使い方などを説明します。 設定によってかなり早さが変わります。かなり効果のあるプラグインですので、進んで導入しましょう。 Head Cleaner のインストール 導入方法　使い方 まずは、インストールしましょう。インストールしましたら、「有効化」してください。 続いて、設定を行ないます。管理画面の「設定」「Head Cleaner 」を選択してください。 たくさんの設定項目があります。基本的に、チェックを入れれば入れるほどデータを少なくして 早くなるようになっていますが、 設定によっ

拙作の Head Cleaner プラグインですが、他ブログでもちょっとずつ紹介いただいています。 WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com Head Cleaner – サイトのヘッダとフッタを整形し最適化&高速化を行うプラグイン "CSSは上、JSは下" を簡単に – Head Cleaner 使い方のコツ | ゆっくりと… ただ、設定値が多くて、うまいこと設定しないと真価を発揮しなかったりするので、ちょっと簡単に設定を解説してみようかと思いました。 入れてみましたが、目に見えた効果はあまり無かった気がします。 恐らく設定とテーマの内容等がきちんと見れていない為でしょうか。 via.WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-

Webサイトを高速化をすることによって得られるメリットは様々です。ユーザーエクスペリエンスの改善といった話とは別に、サーバーの台数を減らせることも大きなメリットでしょう。 サーバーの台数が減ればコストも下がるし、運用も楽になりますので、Webサイトの高速化はSEO対策に限定せずに実現したいところです。 しかし、「高速化しよう」「表示速度を改善しよう」といっても、実際に高速化を阻害するような要因を知っていなければ、どう取り組んで良いか分かるはずもありません。 今回の記事では非エンジニアの方でもサイト高速化のポイントがある程度理解できるように、大まかに要点をまとめています。 ＼ナイルがリードを増やした秘密を公開／ 高速化のための基礎知識 高速化という言葉の中には、大きく分けて２種類の概念が存在します。 フロントエンド側での高速化 サーバーサイド（バックエンド）側での高速化 フロントエンドとは

Which One: Responsive Design, Device Experiences, or RESS? by Luke Wroblewski February 29, 2012 As more organizations realize they need to invest heavily in multi-device Web designs, the inevitable question of “how” comes up. Responsive Web design, separate sites, or something in between? Here’s how I’ve tried to simplify this decision: Responsive Web Design Responsive Web design is a combination

WordPressはプラグインを入れて、そのカスタムがまた醍醐味で面白いのですが、今回はWordPressの高速化をいろいろ試してみました。一番良かった組み合わせも含めて、厳選したWordPressプラグインをご紹介します。 高速化 【CDNサーバーでWordPressを高速化】 プラグインで高速化して、さらにCDNサーバー「CloudFlare」を導入するのが効果的です。無料でできますので、導入方法は下の記事をご覧ください。 「CloudFlare」で無料で簡単にWordPressをさらに高速化する方法！ いろいろ研究しましたが、今のところWordPressの高速化は、オーソドックスなこの5つで落ち着いています。 ・Quick Cache ・WP File Cache + MO Cache ・DB Cache Reloaded Fix ・Lazy Load ・CloudFlare（無料C