「ブログが重い！」WordPressを高速化させるための8つの方法とおすすめプラグイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 前回の記事では、「SEOに強いブログを作りたいなら、WordPressが超いいよ！」ということをお伝えしました。 今回は、実際にWordPressでブログを運営している人にとって大きな悩みの1つであろう「ブログが重い！」問題を解決したいと思います。 「なんだか最近、ページの表示が遅いなあ」と感じたことはありませんか？ わたしもそう感じてたんですが「死ぬわけじゃないし別にいいや」と思って放置してました。でも、それがいけなかったんです・・・。 ということで、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開する「Z.com byGMO」さんに、サイトの重さを改善するための方法と、それによって得られるメリットをお聞きしました。 目次 本当に「重い」のか確かめてみましょう スコアが60以下なら要注意！ ブログは早
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
Transients API - WordPress Codex 日本語版
このページは WordPress Transients API についての技術的な文書です。この API はキャッシュされるデータを一時的にデータベースへ保存するためのシンプルで標準化された方法を提供します。この方法ではデータに名前と有効期限を設定し、期限が来るとデータが削除されます。 Transients API は Options API に似ていますが、有効期限という機能を使うことで、キャッシュされるデータを一時的に wp_options テーブルへ保存するという処理をシンプルに実現します。 参考: 名前に「site_」がついた関数は基本的に、それがつかない関数と同じ機能を持ちますが、WordPress をマルチサイトで使うときにネットワーク全体で利用できる点が異なります。 参考: Transient は本質的にキャッシングプラグインによってスピードアップされます。一方、Option
Transients APIを使って各ソーシャルのカウント数をWordPressデータベース内に一時保存&表示するのよ！ – 林家次男
最近流行ってるっぽいこんなの、つけたかったんですよね。↓ ソーシャルのカウントねこれ 一覧でカウント数出てるとほら、訴えるモノがあるじゃないですか。 カウント数少なかったらちょっとしょんぼりできますけどね。 ローカルで試してみたはいいものの 毎回各APIにJSONリクエスト送って取得した値を表示するっていうことをしてたんで表示がどえらい遅くなりました。 これじゃあいかんね、っということでちょっと考えてみることに。 作戦その1 データベースに一定時間毎書き込む バックグラウンドでpostIDごとにソーシャルボタン押された回数を全部攫って記録したものを呼び出す的なことを考える。 実装面でめんどいいいので却下。 作戦その2 キャッシュ使えば良いんじゃないの？ WordPressのCodexで使えそうな関数を探してみることに。 ふむ。まさにキャッシュ。 ちょっと使ってみるもなんか違う。 ちゃんと読
http://www.mcrinc.com/Documents/Newsletters/201110_why_web_performance_matters.pdf
Why Web Performance Matters: Is Your Site Driving Customers Away? W H I T EPAPER www.gomez.com WHITEPAPER — WHY WEB PERFORMACE MAT TERS: IS YOUR SITE CUSTOMERS PEOPLE AWAY ? 2 When you’re doing business on the Web, every second counts More than ever, your Website’s performance matters. The average online shopper expects your pages to load in two seconds or less, down from four seconds in 2006; aft
WordPressキャッシュ系プラグインの比較とサイトに適した選び方 | ゆっくりと…
WordPress の運営を始めて1年後にしてようやく（満を持して！）、キャッシュ・プラグインを使い始めています。とは言っても、最初は 「アレが速い」 とか 「コレが良い」 などといった記事に目移りして、何をどう使えばよく分かりませんでしたが、ここらで私が理解出来ていることをまとめてみたいと思います。 下図は、サイト閲覧者 ～ WordPress 間の主要なキャッシュ機構とそれをサポートするプラグインの関連です。サーバーのファイルシステムや、メモリ／ハードディスクなどの I/O レベルのキャッシュなどは割愛します。 図を見れば分かる通り、W3 Total Cache がその名の通り全てのキャッシュをカバーしています。さらにメモリ・キャッシュ、CDN へのアップロード機能、各種 PHP アクセラレータ （ACP、eAccelerator、XCache）、HTTP アクセラレータ （Varni
【WordPress】新テーマデザインで96点達成！SEO対策・軽量化など7つの特徴をさらします
このブログのPC・タブレットで表示されるデザインを大幅に変更しました。今回は新テーマデザインの特徴や制作で気をつけた点などについて、全体像を紹介したいと思います。WordPress以外でも参考にしてください。 ゆめぴょんです。こんちはっ(^^)/ 昨年12月から制作を開始していた新デザインですが、スマホ版、PC版ともどもやっとリリースすることができました。スマホ用テーマデザインについては、下の記事を参考にしてみてください。 自作したテーマ名は私のニックネームと同じ「ゆめぴょん」と名づけました。今回から何記事かはこの新デザインで利用しているテクニックなどを紹介していきます。まずこの記事では全体像について書きます。 ちなみにリリース時点で計測したGoogle PageSpeed Insightsスコアは89点、GTmetrixでは96点の好成績。満足しています(^^)。見ためだけでなく、SEO
Insights from Google PageSpeed
This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description Google Pagespeed Insights is a tool that empowers you to make decisions that increase the performance of your website. Recommendations from Google Pagespeed are based upon current in
【Web制作】スマホサイトの高速化！pagespeedで93点達成の攻略方法
新スマホデザイン公開時のGoogle判定 今月の初めに新スマホテーマのデザインを公開しました。もう見ていただけましたか(^^)？この時のGoogle PageSpeed Insightsでの判定は81点でした。 今回はこれが93点になるまでの高速化対策を順番に紹介していきます。 スマホ用テーマデザインで気をつけた点 まず最初に81点判定だったのですが、この時点までに全体的に制作で気をつけた点は次のとおりです。 無駄なコードを書かない HTML内のスタイルシート、JavaScriptは極力排除 現在カテゴリー判定など重複するコードはまとめる WordPressの場合、使うプラグインを少なくする 今回は最初から「シンプル」「軽量化」「高速化」を考えながら制作しました。細かい点はいろいろ配慮したのですが、一言でまとめると上の4点だけです。 特に1つめの「無駄なコード」を書かないことに尽きます。レ
【もはやそれほど高速化しません】wp_nav_menuでウィジェットを使わずサイドバーにカスタムメニューを導入 – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
ウェブシュフではこれまでカスタムメニューの表示のためだけにウィジェット機能を使ってきました。しかし表示速度が落ちるので、試しに、ウィジェットを使わずカスタムメニューを表示する作業をやってみたときの記録です。 抹消線の理由 この記事は元々2013年2月11日に公開しました。その時点では私自身が「ウィジェットってサイトを重くするんだぜ」と信じて疑わなかったのですが、もはやそうでもないことが明らかになったので抹消しました。 それを教えてくれたのが@HissyNCさんです。 @web_shufu ウィジェットにした方が速くなるよ — Takuro Hishikawa (@HissyNC) 2013, 12月 10 @web_shufu うろおぼえですけど最近のバージョンの標準ウィジェットは高速化のためにキャッシュされてるんですよ縲怐Bプラグインのウィジェットによってはキャッシュされてないし重くなる
【WordPress】カテゴリー階層の構造化でSEO対策！取得コードもすっきり
しかし実際のアクセス数を見ると、カテゴリ一覧ページの方へはアクセスあるけど、タグ一覧ページの方へはほとんどありません。まぁこれはカテゴリーページへの導線が多いことも要因としてはありますが。 またGoogle検索時にもカテゴリーの階層構造が表示されます。具体的には「パンくずリスト」として。パンくずリストの作成方法は今週中にでも記事に書きたいと思っています。 ブログでカテゴリー情報を利用している部分 上のようなことからカテゴリー重視で分類を再構築することにしました。そこでまずカテゴリー情報を利用している部分をブログから洗い出しました。すると予想以上に多くの箇所で使っていることに気づきました。リスト化してみます。 各記事のカテゴリ表示 各記事のパンくずリスト（記事の上下2箇所） カテゴリー別の人気記事一覧（記事下とサイドバー） カテゴリー別の最新記事一覧 カテゴリー一覧ページのタイトル カテゴリ
【WordPress高速化日記】重いface book likeboxを最大限軽くして再設置
久しぶりのWordpress高速化記事です。@web_shufuです。今回はソーシャルボタンの１つであるface book likeboxを、なるべく高速化の足を引っ張らずに再設置しました。-3ポイントなら上出来と思っています。 facebook like boxとは 個別投稿や記事に対してではなく、ブログやサイトのfacebookページに対してダイレクトで「いいね」を送ってくれるウィジェットです。 「いいね」してくれた人の顔が並んでいるこんなタイプがおなじみではないでしょうか。 顔写真抜きのシンプルなタイプもあります。 これを設置すると以下のような利点があります。 ブログ訪問者にFacebookページの存在を告知でき、スムーズな誘導ができる。 Facebookページへの「イイね！」を促す格好のCall to action 「いいね」してくれた人のウォールにFacebookページの更新情報
イメージスライダーを付けてみよう
それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね！ それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像
HTTPリクエストの削減とWebサイト高速化まわり - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 メモ書き。社内説得用。「HTTPリクエストを減らすと高速化できるよ！」てのはよく聞くけど、それが「どうしてか」ってのを(読込待機時間まわりで)具体的な数字を出してることが意外と少なかったので。詳しくは参考リンクにGo! Webサイトを分析するWebアプリ PageSpeed Insights WebPagetest 参考資料など Webパフォーマンス最適化のためのコーディング手法, MOL @importを使うべきでない理由, Screw-Axis まずHTTPリクエストがコストが高い理由ですが、まあ同時読込できないからですよね。読込に1秒掛かる画像A,B,Cがあると
【Wordpress高速化日記】.htaccessの書き換え効果絶大、Lazy Load系プラグインの停止、SNSボタン削減も効果あり – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
【WordPress高速化日記】.htaccessの書き換え効果絶大、Lazy Load系プラグインの停止、SNSボタン削減も効果あり Googleさんから「お前のサイト遅いよ！」と警告されたのをきっかけに、素人なりに高速化に取り組んでいる@web_shufuです。前回はレンダリングブロックjavascript/cssを排除したものの、Google PageSpeed Insightsのスコアが上りませんでした。しかし今回は目に見える結果が出ました。 以下、前回の日記の末尾と同じ環境からスタートして、色々いじってみました。 BJ Lazy Loadプラグインの停止 BJ Lazy Loadはこんなプラグインです。 [img-link url=”https://webshufu.com/bj-lazy-load-plugin-to-speed-up-wordpress/” title=”Wo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Steps to Get 95+ Score on Google Page Speed Insights (WordPress Only)
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
野中 龍一（クラスメソッド株式会社）について
APC/OPcacheについて | レンタルサーバーならエックスサーバー
ハイパフォーマンス WordPress サイト入門 » WordCamp KOBE 2011
