ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com
相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。（わからずに使うとトラブル起きますしね）※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版（現時点の WordPress 3.3.2 ）に入れなおしました。 まあベタです
PHP（というかWordPress）高速化のためにAPC（Alternatice PHP Cache）入れた - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインを色々まとめてみました。 WordPress自体の奥深さとシェアの高さによって、こうしたテクニック集が本当に充実しています。 テクニック集いろいろ 18 Useful Tricks To Speed Up WordPress & Boost Performance WordPress高速化のための１８のテクニック A better Wordpress tag cloud wordpressタグクラウドをよりよい見栄え＆高速化するスニペット Wordpress Tutorial: How To Display A User Welcome Message | Spyre Studios WordPressでウェルカムメッセージを作成するチュートリアル 9 Extremely Useful RSS Tricks and
WordCamp Tokyo 2012 ~ Pr�o Tips� for� Spee�ding U�p WordPress: Optimization of Front-End ~
【WordPress高速化】レスポンシブデザインのサイトに必須!!画像切り替えプラグインHammy – 旧・中川勉社会保険労務士事務所FPウェブシュフ
Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ
どうもJUNICHIです。 個人的にはのんびりするのが好きなんですが、WEB業界では「スピード」は命です。 先日、2015年4月21日からGoogleがウェブサイトがモバイルフレンドリーかどうかを、SEOの評価の項目の一つとして使用するとの発表がありました。 ■ウェブマスター向け公式ブログ 「検索結果をもっとモバイル フレンドリーに」■ ⇒http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html いよいよ、スマホ対応でないと評価が下がるという時代になったんですね。 そこで、いっそう重要になってくるのが、サイトの表示速度です。サイトの表示スピードを上げれば、ユーザーの満足度UPにつながります。 今回は、WordPressでサイトやブログを運営しているあなたに、表示
“いきなり1000倍高速”になるWordPress高速化チューニング済み仮想マシン「KUSANAGI」とは何か
“いきなり1000倍高速”になるWordPress高速化チューニング済み仮想マシン「KUSANAGI」とは何か：とにかく速いWordPress（11）（1/3 ページ） エンタープライズ用途での利用が増えている「WordPress」の高速化チューニングテクニックを解説する本連載。今回は、これまで実践してきた高速化テクニックなしに、“いきなり1000倍高速”を実現できるチューニング済み仮想マシン「KUSANAGI」を活用するための「7つのポイント」を紹介します。 連載バックナンバー WordPressは、これまで紹介してきた高速化チューニングを実践することによって、1秒当たりの同時アクセス数（Requests per second）が、デフォルトのLAMP（Linux、Apache、MySQL、PHP）環境の「11.24」から、Nginx＋HHVM 3.12構成で「205.20」に、さらにN
今回ブログの高速化を調べるきっかけになったのはGoogle Adsenseの管理画面でした。 通知が来ていて「やべっ何かしたかな」と焦って開いてみると、「サイトの読み込み時間が長過ぎますよ」という注意。ちょっと安心。 以前から薄々思ってはいたもののいい機会だったので、ブログの高速化に再度着手することに。 参考にしたのは「gori.me」！ 「高速化」と考えて一番最初に思いついたのがgori.meの「Wordpressで読み込み速度1秒台を実現するために実施した5つの施策 | gori.me」という記事。「gori.me 一秒」で検索して教えを乞いました。 ここに書いてある中の、 ・W3 Total Cacheの設定 ・Cloudflareの導入 ・MO cacheの導入 ・DB Cache Reloaded Fixの導入 を行い、iPhone研究室さんの「WordPressで1秒切り！目を
@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ
「W3 Total Cache」はブログの表示速度を高速化するキャッシュ系のプラグインの中では最も高機能です。今まで紹介した高速化プラグインやCloudFlareとの共存情報なども含めて設定方法を解説したいと思います。長文です。 ゆめぴょんです。こんちはっ(^^)/ 今回ご紹介するWordPressプラグイン「W3 Total Cache」は、今まで紹介してきたキャッシュ系プラグインの機能を多く含んでいますが、うまく併用することによりそれぞれの機能を最大限に利用することが可能です。他の高速化の方法も参考にしてください。 WordPressプラグイン「W3 Total Cache」導入前後の効果の測定結果 いきなりですが効果の測定結果を示すします。。測定はGTmetrixを利用しました。 導入前の測定結果 前回掲載した高速化プラグイン導入後から、翻訳キャッシュプラグインの導入やその他の変更な
【WV.10】WordPress高速化のためのCore Web Vital チェックリスト – Capital P – WordPressメディア
Core Web Vitalに関する連載の最終回ではこれまで紹介してきた内容をチェックリスト形式で紹介しよう。 基礎知識 LCP, FID, CLSなどの指標を理解する。 リソースの配信 画像の次世代配信（webp）ブラウザキャッシュ、GZip圧縮の適用CDNを利用する サーバーの処理速度向上 ページキャッシュの利用キャッシュを利用できない場合のTTFB改善 リソースの読み込み CSSの遅延読み込み（rel=preload）JavasScriptの遅延読み込み（defer/async）srcsetおよびpictureによる画像のサイズ最適化サードパーティーリソースの削除および改善loading=lazyによる画像・iframeの遅延読み込みリソースヒント（preload / preconnect / prefetch / dns-prefetch） 最後に宣伝なのだが、連載で紹介した内容の
ブログで本気で稼ぎたい人必見！初心者でもWordPress高速化が出来る２つの方法 - 鯖メシ
ブログ記事をしっかり書いていくと、アクセス数が増加して行き、次第にサイト表示が遅くなることがあります。 これはユーザー離脱率の向上につながり、結果的に広告報酬を下げる１つの要因となる可能性があるため、必ず回避しておくべきです。 そこで、WordPressに詳しくなくても、レンタルサーバーのことがよく分からなくても、簡単にサイト高速化ができる次の２つの設定方法をここでは解説していきます。 プログラムの効率化（PHP高速化設定） 画像やソースコードの最適化（mod_pagespeed設定） ここでは専門用語も噛み砕いて分かりやすい解説に徹しています。安心してください。 特に本気でブログで稼ごうとしている副業サラリーマン、主婦ママブロガーは必見です。 １．エックスサーバーの機能を使う ここではエックスサーバーの機能を使ったWordPress高速化をご紹介します。「うちは関係ないや・・」と思うのは
3/16 に発売された「WordPress 高速化＆スマート運用必携ガイド」ですが、ありがたいことに Facebook ページやメールで、内容についていくつかお問い合わせをいただいています。 僕が執筆担当したセクションで、特につまずきそうなところや、執筆時から事情が変わったところ、および間違っているところについて、ちょっと解説を入れようと思います。 [P153][P160] epel リポジトリのインストールができない 本書では、epel リポジトリ登録用の rpm パッケージを download.fedora.redhat.com からインストールするように指定しています。 書籍執筆時は download.fedora.redhat.com が利用できたのですが、現在はこのサイトは利用できなくなっており、代わりに dl.fedoraproject.org からダウンロードするようになった
WordPress高速化！ﾌﾟﾗｸﾞｲﾝ「WP Super Cache」（日本語）導入しリソース制限回避、Ktai Styleとの相性OK! | Webと人のアマモ場
このブログ（Wrodress）はエックスサーバーにお世話になっています。最近そのエックスサーバーから急激な負荷によって「リソース制限」されてしまいました。 一日のPV目標は今の3倍以上（3万PV/日平均）ですから、ページ表示速度を速める対策を取るために、仕方なくWPキャッシュ生成プラグイン「WP Super Cache」（日本語化ずみ）を再び使うことにしました。 「WP Super Cache」導入の経緯「人の成長やWeb知識の向上」のために、日々ブログを更新していると、ある日 上記のようにサーバー管理者からメールが来ました。 そこでアクセス解析を見てみると、突然トラフィックが急増しています。調べてみるとヤフートッピクスからリンクされていました。（一日で終わりましが。） 嬉しい悲鳴を上げながら、どうしたものかと思案していると、再びサーバー管理者から以下のようにメールが届き、サーバーの負荷の
表示時間を半分に短縮 WordPress高速化プラグイン『DB Cache Reloaded Fix』 Category: WordPressの小技 Tags: サイト表示の高速化, プラグインあれこれ WordPressは動的生成される為、どうしても読み込みに時間がかかってしまいます。 これを解消するプラグインに、有名どころの『WP Super Cache』、妹版の『Quick Cache』などがありますが、前者は設定が難しく、他のプラグインと競合しやすいため、「使いたいプラグインが上手く動作しない」といったトラブルが多いです。 後者のQuick Cacheも設定は簡単ですが、効果の程はイマイチで、私もずっと利用していましたが、Google ウェブマスターツール『サイトのパフォーマンス』で確認すると、「サイト内のページの平均読み込み時間は 8.1 秒です（更新: 2011/02/20）。
職業Webエンジニアだけどインフラ周りはまだまだな@saita_ryouheiです( • ̀ω•́ )✧キリッ 巷で話題になってるCloudFlare。 私も04/25の夜に申し込み、設定しました。 設定後、ちょくちょく自分のBlogのレスポンスを確認してますが、確かに速くなってますね。 ブラウザーにもよりますが、Webの世界である種の基準になってる3秒ルール。 3秒でレスポンスが返ってくる事もあります。 ※サーバのスペックにもよります。 高速化された事の恩恵も受けますが、設定後色々と様子見をしてますが、ちょっとした覚悟も必要なのかなと個人的に感じてます。 その前に・・・ 高速化の恩恵、CloudFlareの申し込み・設定等を書く前にどういう環境下、主にレンタルサーバー会社であったり、WordPressのバージョンであったり、使用しているプラグイン等でブログを運営しているのか記載をしておき
![[WordPress][高速化]話題のCloudFlareを設定してみた / 確かに速くなる！ / が、ちょっとした覚悟も必要 | stryhのchangelog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d0f32717c57083467a869f6e650bd61a514af43/height=288;version=1;width=512/http%3A%2F%2Fstryh.com%2Fwp-content%2Fuploads%2F2013%2F05%2Fcloudflare.jpg)
php.iniの設定をするPHP アクセラレーターを導入します。APC eAccelerator、XCacheなどのPHPアクセラレーターを導入すると表示速度が早くなることがあります。ロリポップの場合、2011年03月からAPC(Alternative PHP Cache)に対応しました。 管理画面→PHP設定から簡単に設定できます。 PHPのバージョンを5.3にした後、pc.enabled apc.enable_cli を1に設定します。コンテンツをキャッシュWP Super Cacheをオンにしました。 キャッシュが効いている時と効いていない時では、表示速度に倍近い差があるので、有効だと思われます。DB問い合わせをキャッシュDB Cache Reloaded Fixを導入しました。 DBのクエリをキャッシュ。画像を最適化WP Smush.it 投稿画像を軽量化するプラグインです。過去に
ワードプレスにおいては下記プラグインの導入＆テクニックで、高速化はだいたい網羅していると思われます。ただ初心者の方には難しいものもありますので、取り入れるかどうかは難易度を参考に、自分の理解度にあわせてご利用ください。 自分のサイトがどの程度最適化出来ているかについてはGoogle PageSpeed Insightでチェックできます。 https://developers.google.com/speed/pagespeed/insights/ nginxのリバースプロキシ 難易度：★★★★★ これが何よりも強力に高速化されます。個人ブログを高速化するのであれば、nginxのリバースプロキシを使うだけで十分高速になると思いますし、商用利用で、アクセス数のあるサイトを運用するのであればもはや必須かと思います。 方法については、多くの記事が上がっているので、検索してみてください。 googl
【WordPress高速化プラグイン】1クリで全画像圧縮！「EWWW Image Optimizer」と「WP Smush.it」
【WordPress高速化プラグイン】1クリで全画像圧縮！「EWWW Image Optimizer」と「WP Smush.it」 画像は魅力的なコンテンツ作りに欠かせませんが、画像のファイルサイズが増えると表示スピードが遅くなるジレンマがあります。この解決に欠かせないのが画像のファイルサイズを圧縮するプラグイン。代表的な2つを紹介します。 2つのプラグインのうち、よりお勧めできるのがEWWW Image Optimizerです。 インストールして有効化するだけで今後アップロードされる画像は全て自動的に圧縮されます。 また、過去にアップロードした全画像を1クリックで圧縮してくれます。 最強の画像圧縮プラグインです。 インストール まず、Wordpress管理画面左サイドバーで、「プラグイン」→「新規追加」と進んで、検索窓に「EWWW Image Optimizer」と入力し、インストール・
WordPressは遅いから。たまにそんなことを耳にしたりします。しかし、それは別にMovableTypeで作ろうが、ハンドコーディングで静的なHTMLを配信しようが遅いもんは遅いんです。それに対するボクの答えはこうです。作り方が悪いから遅い。 このたび「WordPress 高速化＆スマート運用必携ガイド」が発売されました。昨年の夏頃、WordPressのプラグインを公開したり最近話題のNginxのことにも詳しい@wokamotoさんにバックエンドの高速化を担当してもらって、フロントエンドの方はボクが書いてWordPressの高速化について書けば面白いんじゃないかな？と思い立ちましてね。 ボクの原稿の進みが遅いのもあって発売が今頃になってしまったのですが、この書籍はWordPressを中心にすえつつフロントエンドとバックエンドの双方の面からWebサイトのパフォーマンス改善について書いたもの
WordPress 高速化＆スマート運用必携ガイド 昨年末くらいから、こもりさんと一緒に本を書いてました。 先日、ようやく色校 up して 3/16 には発売されます。 右の写真が、出来立てほやほやのカバーの写真です。カッコいいっすなぁ、見るからに速そう。 WordPress サイトを高速化させるためのガイドで、こもりさんがフロントエンドの、僕がバックエンドの技術を色々紹介しています。 僕の書いたところは、このブログとか WordCamp Yokohama、Tokyo なんかで講演した内容が元になってます。 「WordPress のことは分かるんだけど、サーバの設定とか運用とかは、ちょっと…」 って感じの人を対象に書いてみました。 僕とこは、あまり突っ込んだことは書いてないので、普段からサーバ運用している人には物足りないかもしれませんが、そういう人には、逆にこもりさんの書いてくれたフロント
Wordpressユーザーなら一度は見ておきたい「wordpress高速化」記事まとめ - ウェブネタマニア
Wordpressでブログを運営していてサイトが重くなってきたなー と感じたので wordpress高速化 の方法を探してみたら役立ちそうなエントリーが 結構あったのでメモ ■表示が遅い人必見！WordPressを高速化させる７つの対策 基本編 ■WordPress高速化に使えそうなプラグインを色々試してみた結果、 けっこう早くなったのでご紹介。 高速化に使えそうなプラグイン色々 ■WordPressを高速化する9つのステップ サイトの読み込み時間などを計測するツールも載ってて使えそう ■WordPress を高速化する5つの方法 テーマの効率化、PHP の高速化等 中級者 上級者向けかも ■WordPressの高速化！SEOにも効果があるおすすめプラグイン5個 プラグイン5選 ■gtmetrix サイトの表示速度計測に便利なやつURLを入れるだけでＯＫ 詳しい使い方 http://blo
【書評】個人ブログから大規模メディアまで役に立つ「WordPress 高速化＆スマート運用 必携ガイド」いただきました - カイ士伝
エントリーだいぶおそくなってしまいましたが、うちのブログもサーバーごと管理いただいているをかもとさんが執筆された「WordPress 高速化＆スマート運用 必携ガイド」献本いただきました。感謝！ をかもとさんといえばWordPress高速化の道では知る人ぞ知る人であり、これまでのWordCampでも惜しみなく披露してきたWordPress高速化のノウハウをぎゅっと1冊に濃縮されたこの一冊。個人ブログの趣味を超えてWordPress運用する人には欠かせない高速化を知るためにとても大事なノウハウがつまった本にしあがっております。 とはいえ私、WordPressをCMSとしては大変便利に活用しているものの、サーバー面では正直ノウハウがあまりなく、せっかくのVPSも運用をすべてをかもとさんにお任せしているというのが実情。そんな自分にこういう本はちょっとハードル高いかな……、と遠慮してたんですが、「
WordPress高速化ー「準備編」スピード測定のテストサイトやツール 4月 042012 せっかく訪れてくださった方が２度と訪問したくないと思う理由の筆頭の一つは、遅すぎて表示されないというものです。MovableTypeと違い、このブログで利用しているWordpessは動的サイトの生成で成り立っているので表示スピードが大問題となります。そこでブログの構成を大幅に変更せずに、高速化するように試行錯誤を重ねてみます。まずは「準備編」でスピードを測定するためのサイトやツールを導入します。 WordPressパフォーマンスの現状 今日２０１２年４月３日ですが、Googleウェブマスターツールの「Labs」から「サイトのパフォーマンス」を確認してみると、以下のように、ネットの８２％のサイトより遅いというものです。更新日2012/04/01でブログ内のページの平均読み込み時間は 6.0 秒でした。
サーバー移行も設定も不要なWordPress高速化サービス「WP Booster」無料のクローズドベータが開始 - カイ士伝
私がお仕事させていただいておりますデジタルキューブが、WordPressの高速化サービスをリリースしましたのでご紹介。その名を「WP Booster」という、プラグインとサービスを組み合わせた仕組みになっています。 WP Booster – WordPressが驚くほど高速に生まれ変わります。 http://ja.wpbooster.net/ このサービスの特徴はサーバーの移行はもちろん、余計な設定なども一切必要無いシンプルさ。プラグインを有効にするだけで自動的に発動し、WordPressをより高速にしてくれます。不要になったらプラグインを止めるだけで解除でき、余計なファイルが残ったり、設定を自分で直したりという手間が必要ないのもうれしいところ。 高速化は自分のサーバーで行なうのではなく、WP BoosterのCDNでコンテンツをキャッシュしているので、プラグインを有効にしていればコンテン
ワードプレス高速化プラグインは多いのですが、このプラグインはかなり危険です！ワードプレス本体が壊れて丸3日間完全に停止してしまいました。主にこのトラブルはプラグイン削除時に発生するのですが、改善策がネット上に見当たらないので復旧までを防備録的に記録しておきます。 今回はWORDPRESSが壊れるというエライ目にあいました。。 原因はキャッシュを保持して表示を高速化させるというプラグイン 『wp super cache』というやつです。 これやたらと誰もが奨めているのでだいぶ前から入れてたのですが なんだか調子が変な状態でずっと停止状態にしてました。 でっ別のプラグインで優秀なやつがあったので プラグインの整理ということでwp super cacheを削除したら ワードプレスが全部壊れました。。 非常に迷惑な壊れ方… この壊れ方がめんどくさくて迷惑この上ないです。 ワードプレスには『wp-c
今回は多くのウェブホストから推奨されているWordPressのW3 Total Cacheプラグインを使って、ブログ表示の高速化を行い、SEOに効果があるGoogleのクロールを妨げているJavaScriptやCSSを最適化していきたいと思います。 W3 Total Cacheはキャッシュを活用したプラグインです。 キャッシュとは、あなたのブログリピーターに対し、すぐにアクセスできるように以前のアクセスデータを蓄積しておく機能です。 W3 Total Cacheの設定の前に、Webサイトのパフォーマンスを測定する「GTmetrix」サイトで当ブログ「アフィリ課」のトップページを確認しておきました。 上が導入前、下が導入後です。導入してページロードが2.34秒改善しました。 Webサイトの表示スピードが1秒遅くなると、PV（ページビュー）が11%、コンバージョン（成約）は7%、お客様満足度は
PHPの種 ブログ » WordPress高速化 先日の記事で取り上げたWordPress高速化を実際に行ってみました。 とりあえずのベンチとしてabで [code] $ ab -n 100 -c 10 [blog_url] [/code] とした結果がこちら。（残念ながらPHPの種ブログ本体ではありません） Concurrency Level: 10 Time taken for tests: 23.312433 seconds Complete requests: 100 Failed requests: 0 Write errors: 0 Total transferred: 3896984 bytes HTML transferred: 3876178 bytes Requests per second: 4.29 [#/sec] (mean) Time per request:
WordPressで関連記事を適切に表示するのはアクセスアップに有効です。しかしプラグインを使って関連記事を表示する方法はたくさんあるのですが、WordPressの高速化を考えると、できるだけプラグインは使いたくないのが本音です。そこでプラグインを使わずに関連記事を表示させてみました。 概要 「関連記事」として、同じカテゴリーの記事か、同じタグを持っている記事を表示するようにしました。それぞれアイキャッチ画像が入るようにしています。 記事の取得には、WP_Queryを使いました。詳しいパラメーターの使い方などは下記にありますので、参考にしてください。 関数リファレンス/WP Query – WordPress Codex 日本語版 記事の関連の判定を、プラグイン独自の仕様で行っている場合は、このコードはプラグインの代替にはなりませんので、ご注意ください。 サンプル 関連記事に同じタグの記事
WordPress高速化ー「プラグイン編」「Nginx Cache Controller」で高速ﾘﾊﾞｰｽﾌﾟﾛｷｼｷｬｯｼｭをコントロール
爆速なNginxリバースプロキシキャッシュを導入したら、キャッシュファイルをコントロールする必要があります。それを柔軟にしてくれるのが、Wordpressのプラグイン「Nginx Cache Controller」です。そのプラグインの機能と導入の手順とは？ キャッシュコントローラー「Nginx Cache Controller」 先回、サーバーに極めて疎い私が、やっとのことで、さくらのVPSにNginxリバースプロキシキャッシュを導入して、ブログの表示速度を6倍にすることができたことは、WordPress高速化ー「サーバ編」速度6倍へ！Nginxﾘﾊﾞｰｽﾌﾟﾛｷｼｷｬｯｼｭ+gxip圧縮+PHPｱｸｾﾗﾚｰﾀ ｜アマモ場でお伝えしました。 しかし、Nginxリバースプロキシキャッシュを導入したままでは、キャッシュ期限が切れるまでは、投稿してもブログに反映されません。そこでキャッシュを自
GradeAの先行くWordPress高速化 – 必ず結果の出る実践的HTTPリクエスト削減法 | ゆっくりと…
WordPress は、プラグインで手軽に機能が拡張できる反面、あちこちに css や js が散乱し、放っておくとベスト・プラクティスからは程遠い状態になりがちです。 もちろんこういった問題の解決を図るプラグインも多数リリースされていますが、ページ単位の処理なので、サイト全体の構成を通して最適にはなりません。 そこで第1部「サイト高速化の「戦略」と「戦術」- GradeAのその先へ」、第2部「サイトに適したリソース配置とasync/defer完全マスター – レンダリング優先のグッド・プラクティス」では、数あるベスト・プラクティスの全体を俯瞰し、個々の Tips やテクニックからは見え難い、最適化の考え方や道筋を提案しました。 その総仕上げとして今回は、WordPress サイトを例題に、必ず結果の出る HTTP リクエストの削減方法を提案したいと思います。 実践的手法の概要 HTTP
【WordPress高速化日記】ソーシャルボタン（SNS用シェアボタン）を自作・設置すると効果的 – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
いいね、tweet、+1、はてブ‥今時ソーシャルシェアボタンの無いサイトは考えられません。でも各SNSの公式ボタンはどれも重く高速化を妨げます。そこで、画像無しの軽いボタンを自作して入れ替えてみました。 ソーシャルボタン自作前の状況 当サイトでは、以前に、高速化のために、公式のソーシャルボタンを大幅削減しました。 【WordPress高速化日記】.htaccessの書き換え効果絶大、Lazy Load系プラグインの停止、SNSボタン削減も効果あり⇒3.SNSボタン削減 モバイル向けの表示からはSNSボタンを全廃し、PC向けの表示では記事直下の1箇所のみに削減しました。 ただ、いいねボタン等のシェアボタンは今や必須アイテムです。 今回は、アイコンフォントを利用して画像を使わない軽いボタンを自作することで、ソーシャルボタンを以前と同じだけ設置しつつも、高速化の目的も達成しようと考えました。 ど
【WordPress高速化日記】アイコン画像の表示をdata URI schemeで高速化 – 旧・中川勉社会保険労務士事務所FPウェブシュフ
サイトを制作していると、ソーシャルボタンをはじめ結構な数のアイコン画像を使いますよね。でも、アイコンの種類が増えてくると、画像ファイルの呼び出し回数が増えてページの表示が遅くなります。これを改善する方法の一つがdata URI schemeです。 画像が多いとなぜ遅くなるのか ウェブページは、そのページを閲覧している端末からHTTPリクエストを受けたサーバーが、要求されたデータをHTTPレスポンスとして各端末に返すことで表示されています。 画像の枚数と同じ回数のHTTPリクエストが必要になります。 そのうえ画像が増えるとサーバーから受け取るデータ量も増加します。 つまり画像が増えるとページの表示速度がダウンするのです。 ページを軽くするには ページを軽くする対策は以下の二点から考えなければいけません。 サーバーから呼び出す画像の枚数を減らし、HTTPリクエストの数を減らす。 サーバーから呼
とりあえず、ざざざっとリニューアルしたものの、いかんせん重い。 画像数が増えたのと、色んなものを最適化してないからだけど、 サーバーのレスポンスがとても遅い。 もちろんサーバーはワーキングプアの味方、 Coreserver です。 でもわたくし、coreserverに文句言わない。だって安いもん。 というわけで本日のテーマは「ないものねだり」から「あるもの探し」へ。 ウェブの高速化は地元学と一緒だぜ！ じゃん。何はなくともまずは地元を知るために、試しに Pingdom website speed test を使ってスピードテストをしたら、 表示まで９秒、ページサイズは850kBくらいかかった。 こりゃ遅い。わたくしの地元ってば遅いったらありゃしない。 というわけで、いまはやりの（←言い方が古い）高速化を調べて さくっと導入改善自分メモ。 キャッシュプラグイン４連発！ ・Quick Cach
php.iniの設定をするPHP アクセラレーターを導入します。APC eAccelerator、XCacheなどのPHPアクセラレーターを導入すると表示速度が早くなることがあります。ロリポップの場合、2011年03月からAPC(Alternative PHP Cache)に対応しました。管理画面→PHP設定から簡単に設定できます。PHPのバージョンを5.3にした後、pc.enabled apc.enable_cli を1に設定します。コンテンツをキャッシュWP Super Cacheをオンにしました。キャッシュが効いている時と効いていない時では、表示速度に倍近い差があるので、有効だと思われます。DB問い合わせをキャッシュDB Cache Reloaded Fixを導入しました。DBのクエリをキャッシュ。画像を最適化WP Smush.it投稿画像を軽量化するプラグインです。過去に投稿した画
「WordPress 高速化＆スマート運用必携ガイド」書評
2012年春の WordPress 本書評シリーズその3（その1、その2）。続いて「WordPress 高速化＆スマート運用必携ガイド」をレビューしてみます。 裏表紙を撮りたかったのでこの構図。 概要 まずは、論より証拠。以下のリンクをクリックして、サイト内のページをいくつか見てみてください。 HighSpeed WordPress ページがすべて読み込まれるまでが、ものすごく速い！と思いませんか？これは Chapter 2 の冒頭で紹介されているサンプルブログですが、本の裏表紙にある「『WordPress だから遅い』なんてことはない。」というフレーズをまさに表しているといえるでしょう。 著者のこもりさんと岡本さんはこれまでに、gaspanik weblog と dogmap.jp というブログでそれぞれ WordPress のスピードに対する誤解を解く記事を多数書かれています。「Wor
WordPressの高速化プラグインと言えば、有名なものが4つあります。 WP Super Cache DB Cache Reloaded W3 Total Cache Quick Cache (WordPressの高速化プラグインと言えば、有名なものが4つあります。 WP Super Cache DB Cache Reloaded W3 Total Cache Quick Cache ( Speed Without Compromise ) 他にもぽつぽつとキャッシュ系のプラグインはありますが、有名なのは上記の4つくらいでしょう。そして、断トツで利用されているのが『WP Super Cache』だと思われます。私もWordPressを使い始めて高速化と考えた時、一番初めに行き当たったのがこのプラグインでした。 WP Super Cacheを改良したプラグインが『Quick Cache』
表示時間を半分に短縮 WordPress高速化プラグイン『DB Cache Reloaded Fix』 Category: WordPressの小技 Tags: サイト表示の高速化, プラグインあれこれ WordPressは動的生成される為、どうしても読み込みに時間がかかってしまいます。 これを解消するプラグインに、有名どころの『WP Super Cache』、妹版の『Quick Cache』などがありますが、前者は設定が難しく、他のプラグインと競合しやすいため、「使いたいプラグインが上手く動作しない」といったトラブルが多いです。 後者のQuick Cacheも設定は簡単ですが、効果の程はイマイチで、私もずっと利用していましたが、Google ウェブマスターツール『サイトのパフォーマンス』で確認すると、「サイト内のページの平均読み込み時間は 8.1 秒です（更新: 2011/02/20）。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインまとめ:phpspot開発日誌
WordPress 高速化 Pro Tips: フロントエンドの最適化
簡単にWordPress高速化！モバイルフレンドリーのための7つの対策
【WordPress高速化】9秒からあっという間に2秒台へ！使用したプラグインと設定方法を細かく解説します。
WordPress高速化～Google PageSpeed Insights 90点達成対策まとめ｜ウェブシュフ
W3 Total Cacheで1秒台達成！WordPress高速化の設定方法を詳しく解説
WordPress 高速化＆スマート運用必携ガイド フォロー - dogmap.jp
表示時間を半分に短縮 WordPress高速化プラグイン『DB Cache Reloaded Fix』
[WordPress][高速化]話題のCloudFlareを設定してみた / 確かに速くなる！ / が、ちょっとした覚悟も必要 | stryhのchangelog
ロリポップレンタルサーバーでWordPress高速化 - ネットの海の漂流者
Wordpress高速化に使ったプラグインとテクニック（2014年8月時点） - Qiita
WordPress 高速化＆スマート運用必携ガイド出ました | gaspanik weblog
WordPress 高速化＆スマート運用必携ガイド - dogmap.jp
Amazon.co.jp: WordPress 高速化&スマート運用必携ガイド: こもりまさあき, 岡本渉: 本
Wordpress高速化ー「準備編」スピード測定のテストサイトやツール｜アマモ場
WORDPRESS高速化プラグイン『wp super cache』は要注意！ | 隼式情報ビジネス戦術論
WordPress高速化でSEO上位を狙えるプラグインW3 Total Cache
WordPress高速化をやってみました | プログラムの種 ブログ
関連記事をプラグインを使わずに表示する！WordPress高速化Tips！
リニューアルにて導入した、Coreserverでがんばる WordPress高速化Tips ８選！ - ヨホホ研究所
ロリポップレンタルサーバーでWordPress高速化 | ネットの海の漂流者
数あるWordPress高速化プラグインの最良の選択は『Quick Cache』で間違いなさそうだ | room402.biz
表示時間を半分に短縮 WordPress高速化プラグイン『DB Cache Reloaded Fix』