ウェブサイトのスピードは、ユーザーエクスペリエンス、SEO、コンバージョンにとって非常に重要です。遅いウェブサイトは訪問者をイライラさせ、コンテンツに触れる前にサイトを放棄させてしまいます。そのため、弊社ではキャッシュプラグインを使用し、ウェブサイトの高速化を図っています。
W3 Total Cacheは、あなたのウェブサイトのパフォーマンスを劇的に向上させることができる人気のある強力なWordPressキャッシュプラグインです。ページの静的なバージョンを作成し、サーバーの負荷を軽減し、より速く訪問者にコンテンツを提供します。
この初心者向けガイドでは、WordPress ウェブサイトに W3 Total Cache をインストールし、設定する手順をステップバイステップで説明します。主な機能と設定について説明しますので、サイトの速度を最適化し、ユーザーによりスムーズで楽しいエクスペリエンスを提供することができます。
編集者注:私たちのウェブサイトでは、もはやW3 Total Cacheを使用せず、プレミアムキャッシュプラグインであるWP Rocketに切り替えました。W3 Total Cacheは今でも十分に機能する素晴らしいソリューションです。
W3 Total Cacheとは?
W3 Total Cacheは、WordPressのパフォーマンスと速度を簡単に向上させることができる最高のWordPressキャッシュプラグインの一つです。
初期設定では、WordPressはユーザーからのリクエストに応じてPHPを使用してサイトの各ページを動的に生成します。
PHPはサーバーサイドのプログラミング言語です。つまり、ユーザーのリクエストごとにサーバーへの負荷が増加します。これはサイトのパフォーマンス、ユーザーエクスペリエンス、SEOに影響します。
WordPressのキャッシュプラグインは、PHPをスキップし、Webページのキャッシュコピーを提供することによって、この問題を軽減するのに役立ちます。
また、ウェブサイトをCDN(コンテンツデリバリーネットワーク)に簡単に接続し、ウェブサイトのパフォーマンスをさらに向上させることができます。
WordPressにW3 Total Cacheをインストールする
WordPressにW3 Total Cacheプラグインをインストールする前に、サイト上の他のキャッシュプラグインを無効化しておく必要があります。これにより、サーバーリソースを節約し、プラグインの競合を防ぐことができます。
その後、W3 Total Cacheプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化すると、W3 Total CacheはWordPressの管理サイドバーにパフォーマンスというラベルの新しいメニュー項目を追加します。それをクリックすると、プラグインのセットアップウィザードが起動します。
次へ」ボタンをクリックしてください。
まず、ページキャッシュをオンにするかどうか尋ねられます。ページキャッシュのテストボタンをクリックしてください。
W3 Total Cacheは異なるストレージエンジンのオプションを表示します。最も時間を節約できるものを選ぶ必要があります。通常、それは ‘Disk:ほとんどの共有ホスティングサービスプラットフォームでは、’拡張’オプションになります。
Nextボタンをクリックして次に進む。
ここで、データベースキャッシュをテストするオプションが表示されます。Noneを選択することをお勧めします。ほとんどの小規模から中規模のサイトでは、MySQLサーバーはデータベースキャッシュよりも高速にデータを取得することができます。
Nextボタンをクリックして次のステップに進みます。
オブジェクトキャッシュのセクションに移動します。オブジェクトキャッシュにより、W3 Total Cacheは動的ページのデータベースクエリーを保存し、パフォーマンスを向上させるために再利用することができます。
テスト結果が数ミリ秒の差しか示さない場合は、「なし」を選択すればよい。
次のボタンをクリックして続ける。
その後、Test Browser Cacheボタンをクリックし、テスト結果の下にある「有効化」オプションを選択します。
このオプションは、ウェブページのコピーを一定期間保存するよう、ユーザーのブラウザーに要求します。ウェブサーバーのキャッシュからページを読み込むよりも、ブラウザーキャッシュからページを読み込む方がはるかに高速です。
次のステップに進むには、nextボタンをクリックしてください。
最後に、セットアップウィザードが、画像の遅延読み込みを有効化するかどうかを尋ねます。
現在、WordPressには画像の遅延読み込み機能がビルトインされています。しかし、一部の古いブラウザーではこの機能がサポートされていない場合があります。
W3 Total Cacheは、JavaScriptを使用して画像の遅延読み込みを追加し、さらに高速で効率的にすることができます。
その後、セットアップウィザードを終了し、W3 Total Cacheダッシュボードを表示するには、[次へ]ボタンをクリックします。
W3 Total Cacheの高度なキャッシュ設定オプション
基本的な設定であれば、ほとんどのサイトに対応できるだろう。しかし、さらにパフォーマンスを向上させるために設定できる多くの高度なオプションがあります。
最も重要なものを見てみよう。
W3 Total CacheでJavaScriptとCSSを最小化する
ミニファイ」というキーワードは、サイトのファイルサイズを小さくする方法を表すのに使われます。これは、ソースコードから空白、行、不要な文字を削除することによって行われます。
注意:JSファイルとCSSファイルを最小化すると、サイトが壊れる可能性があります。もしこれを有効にしてサイトが正しく表示されない場合は、これらのオプションを無効化してください。
W3 Total Cacheでは、JavaScript、CSS、HTMLのソースコードも簡単に最小化することができます。ただし、JavaScript と CSS ファイルだけを最小化することをお勧めします。
パフォーマンス ” Minifyのページに行き、JSセクションまでスクロールダウンするだけです。
JS minify settings」にチェックを入れて有効化する。
次に、CSSセクションまでスクロールダウンし、同じ方法でCSSのminify設定を有効化する。
設定を保存するには、「すべての設定を保存」ボタンをクリックすることをお忘れなく。
別の方法については、WordPressでJavaScriptとCSSファイルを最小化する方法をご覧ください。
W3 Total CacheでCDNサポートを有効にする
CDNまたはコンテンツデリバリーネットワークは、画像、CSS、JavaScriptなどの静的ファイルをサーバーのグローバルネットワークから提供することで、サイトのパフォーマンスをさらに向上させるのに役立ちます。
これにより、WordPressホスティングサービスのサーバーへの負荷が軽減され、ページの読み込み速度が向上します。
W3 Total Cacheは様々なCDNプラットフォームをビルトインでサポートしています。
私たちは、市場で最高のCDNソリューションであるBunny.netを使用することをお勧めします。これは、私たちのOptinMonsterサイトに使用しているものです。
まず、Bunny.netアカウントにサインアップする必要があります。サインアップ後、サイトのPull Zoneを作成する必要があります。
プルゾーンは、Bunny.net CDNにホスト名を追加します。このホスト名は、あなたのサイトの静的ファイルを提供するために使用されます。
プルゾーンの名前を追加し、サイトのドメイン名を入力します。
プルゾーンを追加した後、パフォーマンス ” 一般設定のページにアクセスする必要があります。
次に、CDNのセクションまでスクロールダウンしてください。
CDNオプションの横にある有効化ボックスをチェックし、CDNタイプオプションの横にあるジェネリックミラーを選択します。
Save All Changesボタンをクリックして、設定を保存することを忘れないでください。
次に、パフォーマンス ” CDNページにアクセスし、コンフィギュレーションまでスクロールダウンする必要があります:オブジェクト」セクションまでスクロールダウンします。
ここから、pullzoneに先ほど作成したホスト名を追加し、test mirrorボタンをクリックします。
W3 Total Cacheは、あなたのホスト名の可用性をチェックし、それが成功したときにTest Passedメッセージを表示します。
Save All Changes(すべての変更を保存)ボタンをクリックして、設定を保存することができます。
W3 Total CacheはCDNサーバーから静的リソースの提供を開始します。
W3 Total CacheはCloudflareの無料CDNとも相性が良い。また、CDNサービスがビルトインされた最高のサイトファイアウォールサービスであるSucuriと併用することもできます。
W3 Total Cacheのトラブルシューティング
W3 Total Cacheを適切に設定すれば、バックグラウンドでシームレスに動作し、WordPressのスピードとパフォーマンスを向上させることができます。
時折、サイトに加えた変更がすぐに表示されなかったり、プラグインが正しく動作しないといった問題に遭遇することがあります。
これらの問題の最も一般的な原因は、おそらくサイトの古いキャッシュバージョンが表示されていることです。
WordPressのキャッシュをクリアすることで簡単に修正できます。
上部にあるパフォーマンスメニューをクリックし、すべてのキャッシュを消去オプションを選択します。W3 Total Cacheはサイト上のすべてのキャッシュコンテンツをクリアします。
まだ古いバージョンのサイトが表示されている場合は、ブラウザーキャッシュもクリアしてみてください。
この記事がWordPressのW3 Total Cacheのインストールとセットアップのお役に立てば幸いです。また、WPBeginnerのページ読み込み速度を向上させる方法についてのガイドと、あなたのウェブサイトを高速化するための最高のWordPressキャッシュプラグインの専門家のピックアップもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
hisweeto
after installation of W3TC i cant upload imgs from my web profile page .. please help
Manolis
hi,
how i can restore my settings to default? how i can restore the redirect of cdn.mydomain.com to my default domain name???
Ashutosh Kumar Gupta
I have recently uploaded wordpress in two new sites. While configuring w3 total cache, I am cannot enable page cache after so many attempts. Other websites are working fine.
Hansjörg Leichsenring
Hi, do you have any tipps of how to make W3 Total Cache and AdRotate work together? It seems to be a horrible Task.
Cheers from Germany
Hansjörg
WPBeginner Staff
You can add your shopping cart page as an exception in w3 total cache. Under Performance > Page Cache scroll down to advanced section where you will find the option ‘Never cache the following pages’. For example, if your eCommerce plugin uses a page cart for checkout, then simply enter “cart/” to exclude that page or “cart/*” to exclude that page and all sub-pages. (Without the quotes, of course.)
Marou Wing
Hi Guys, thank you for the awesome article, it made my site much faster than before! However I have encountered with a little issue. My site has webshop and the checkout page (due to the Credit Card payment option) has https (I have my own SSL hosted by RapidSSL). So the checkout page (I assume because of the SSL is totally messed up when the W3TotalCache is enabled, no formats, no pictures, no colours only text…) How can I fix this issue, do you have any recommendation? Thank you, Marou
WPBeginner Staff
We haven’t noticed any significant conflicts on any of our websites where we use it. Even then, if you come across a conflict then notify the plugin author by using the support tab on the plugin’s page.
adeem jan
Thanks for writing this tutorial on how to setup and decrease a blog load time using W3 total cache.
I use this same plugin on one of my blogs, the resulting speed of the blog is awesome.
Although, i have seen many people complain about this plugin that it sometimes conflict with other wordpress plugins.
I don’t know if you have experienced this in person?
Roger Phillips
Hi thanks for the video I enjoyed it, I’ve used w3 total cache for over 5 years on all four of my personal sites and I honestly have to say I’ve alway had better luck 90% of the time using it right out of the box, less likely to break other function that way. Kind of the risk vrs rewards factor and that normally persuades me to just use it out of the box. After watching this video and decided to give the settings you requested a try, You helped me out quite a bit. My site went up in speed from 82% to 97% page speed, and yslow score went from 72% to 93%, thanks for the setting can’t wait to try them on my other sites!
Fish
Arif Ahmed
I used W3 cache through my developer. My site was acting weirdly, it does not load properly on first instance and when I refresh the page it is loaded properly. This happens with every page. When I told my developer, he told me that it because my internet speed is slow and the page is not able to serve from cache. So why is this happening ? Any clue
Rachael
Like the previous person Ss, I am new to WP and I followed this plugin tutorial video (aside from the minify, CDN stuff). I got the same message at the top of my pages in wp admin: “The setting change(s) made either invalidate the cached data or modify the behavior of the site. now to provide a consistent user experience. ” Why did this happen and Should I dismiss it or click on the empty cache button? Help, Please!
imssarl
I installed that way, but my site design is all messed. I have my blog installed on a subdomain: blog.mydomain.com ; what should I set for the cdn? cdn.blog.mydomain.com?
Jimmy
Yes, that’s how you do it. But I would prefer example.com/blog/ for better SEO.
Salud Casera
I followed the instructions for beginners and all it tooks was three clicks to set it all up (if you are not using CDN). It would be good to have a more advanced version of this post.
Edit : After testing for speed, it only made my website slower.
bemed
I mean I installed W3 Total Cache on the Network Admin but it does not show on the website that I want it to be active.
Does it handles multi-site installations or it only works individually?
bemed
Hoe does it work on a multi site installation?
WPBeginner Staff
Take a look at this URL:
http://site1.example.com
In this URL site1 is a subdomain of example.com
Macca Sherifi
Hi guys,
Great article, but what exactly do you mean about the subdomains? Any info would be appreciated!
Cheers,
Macca
Chad Rogez
That was just what I needed. Made the setup much easier and the details allowed me to understand what the purpose of each function was. Thanks for the details!
Kristine
Hi, thank you for the tips! I read on some blog, they check all the setting (minify, database cache, etc) without explain what the function does..
Just setup my w3 today
Ashutosh Bhardwaj
Hi, This was a great step guid, well i was searching something like disabling w3tc adding query string to my images inserted in post. Actually it breaks the lightbox effect. There seems to be not an option on panel
Anyway Gud Post
md
This was extremely helpful. W3TC has some of the most non-intuitive settings I have ever seen.
Ss
Thanks for this tut, I’m pretty new to wp and all this helps a great deal! I installed and activated this plugin as per your post (aside for the CDN part). However the following message appears at the top of all pages in wp admin: “The setting change(s) made either invalidate the cached data or modify the behavior of the site. now to provide a consistent user experience. ”
Should I dismiss this or click on the empty page cache button?
Erin Singh
Thank you for posting this tutorial. The W3 Total Cache that I installed displays this General Setting. Does this General Setting need to be enabled as well?
Craig
Very helpful post! Been using W3TC for quite awhile, but configuring a CDN can be a little tricky. This guide made it a breeze. Thank you!
Fauzul
Luckily found this short tutorial, my blog page load increased severely after setting up the caches. Now I know better what to turn on and what cache to leave disabled. On shared hosting, in my opinion it’s only good to turn on page cache and browser cache.
Now going to try it with a CDN. Hopefully things can improve further.
Susan
Hi,
I using a wp multi site install and Cloudflare but I just cannot find any instructions on how to configure W3.
When activated network wide there is nowhere to add individual distributions for each sub domain.
Or else I’m missing something!
Any help is much appreciated
cheers
WPBeginner Support
You will find CloudFlare available as an extension under Performance » Extensions. After activating CloudFlare extension you will be able to see its settings.
管理者
Ejaz Khan
Thanks!
Sharon
Awesome article! Just what I was looking for – my site is on Hostgator and I’d love to use both W3 Total Cache and Max CDN. Perfect.
BUT I got lost at the point of creating subdomains. I just don’t understand what that means or how to create one. Just make one up? Find one somewhere on my site. Very confused.
My site is slow – it gets a C at best on GTMetrixs, and I’m preparing to do a big campaign. I need help.
Do ya’ll offer support services? I saw that you do free blog set ups. Would accept payment to help set these up for me?
Sharon
avgjoegeek
Sharon – dunno if you received help on this or not? Feel free to contact me if its still not resolved.
Mike Hirst
Thanks so much for this article. My site is blazing fast now!
Zubair
Hi ! its a nice plugin . but i installed WP Fastest cache instead , so now i am facing a little problem with this . i have used contact form 7 with really simple captcha but after installing the WP Fastest Cache the captcha image is broken in the website. so how to get rid of this or if i install w3tc will i overcome this problem.
Regards
Zubair
Ashutosh Bhardwaj
That might be the reason, because in order to make everything cachable, ur plugin might have added a query string as suffix to image name, and it broke.
Ask plugin support, they will help for sure
Philip Verghese Ariel
Hi Admin & Syed Balkhi.
What a pleasant land here.
I am really in search of such a page
since I am new to this platform called WP
Recently i created (migrated) my blogger page here with the help of one of my blogger friends. Now I am here via Arun’s page here at WP, and found this place is a good place for a WP beginner like me I think this looks like a bit advanced page to me, so i am going
to your Archives WPBEGINNER ARCHIVES” to find some basic lessons
Anyways I will be here to look and study around
Thanks a lot for all your efforts to put these lessons in a systematic way.
I am bookmarking this page.
Have a wonderful time.
Best Regards
Philip
Alex
thanks guys for your awesome job.
In the dashboard W3 gives a tip to upgrade to Pro for $99. However all the functions you described can be checked without upgrade.
Then what this upgrade is for? – should i go ahead and purchase the upgrade?
avgjoegeek
That is for their “Pro” Service. If you use Genesis framework they will offer additional ‘special’ caching and monitoring to help speed up your site more. Most people do not need this.
Ashutosh Bhardwaj
So u need not purchase it simple
Carla
I’ve been trying to set up this plugin for ages. I just left the default settings and it was very helpful. Now that I have additional settings checked, my site is super speedy. Thanks so much! I did not set the CDN though because I have ClourFlare enbaled.
David Geer
I am at the step where I configure the CDN section in W3TC. I added cdn.davidgeer.com and clicked add cname. It added it and said it was reserved for CSS. Then another field popped up to add another CNAME and it said it is reserved for js in . Should I keep adding each of my consecutive cnames to the available cname fields that pop up here in W3TC and then save settings?
WPBeginner Support
You need to add CNAMEs you created with MAX CDN.
管理者
Adam Lindsey
I seem to be having an issue as well. There is the long CNAME url.url.netdna.cdn.com that works, but if I use the cdn.tnmedia.com, cdn1.tnmedia.com, etc. It doesn’t work. Isn’t it better to have JS files pulling form one subdomain and have another pulled form a different one or am I way off base here?
Joe DeCaro
I love your site. I installed W3TC and set it up as you suggested. I’m on shared hosting. Now that it is installed, I’m getting emails from readers saying they can’t see our latest posts as they go up.
Did I do something wrong?
I set the browser cache settings step by step as you advised.
What may have cause this new issue for my readers since installing the W3?
Thanks.
My site is MetsmerizedOnline.com
Osnilton Mozarino
Thanks for the great article!!! As usual very well written and informative.
Question: I now have a pretty clear idea about CDN, however for a regional or national only web site, will it still be benefitial to use it, as the hosting server(s) are already in the main cities, say close enough? As it seems to be a great thing for international web sites.
Thank you
WPBeginner Support
Yes if u live in a big country like US. If you are in a small country then no.
管理者
Himanshu Goel
Hey I have tried installing and managing with this plugin and I don’t own a cdn. do this plugin works with cdn better or we can try some extra efforts in settings to make this work better without cdn.
Should we actually use caching plugin if we are not running up with cdn services (I am involving every cache plugin)
WPBeginner Support
W3 Total Caches works without CDN and is still very useful. However, using a CDN service will further boost your page load time.
管理者
Zalmey
My Question is that, will I get better performance from W3TC without MaxCDN & CloudFlare. Does anyone using it with these 2 and having a good load time?
avgjoegeek
If setup properly? W3TC/MaxCDN and Cloudflare can significantly speed up your website.
I used W3TC to configure to use MaxCDN. Then did a manual install for CloudFlare, You don’t need to configure it within W3TC. And it is fast… very fast once it’s all setup!
Andy Crichton
Great article. I know just about enough to get myself in trouble, so I did ask the MaxCDN guys a lot of questions before and during setup. I asked a couple of times about the subdomains, I said it sounds cool and logical to have the 4 extra to serve certain files “instantly” – they said the difference in delivery is almost non existent, like 10ms. So I havent bothered. Have you really seen a significant difference with / without the 4 subdomains at work?
thanks
PS I didnt know about your affiiation before I signed up to MaxCDN, but anyone reading, wow, the company is brilliant! There was an issue with my forum plugin – when the CDN was installed, the theme broke if you did a quote, and also members couldnt login. MaxCDN analysed it and I gave them admin access and they sorted it. Also the delivery of the site (hosted in Colorado) now in Europe is down from 4 secs to 1.5 according to pingdom.
WPBeginner Support
Andy, its up to you, we would say that every millisecond counts.
管理者
Sherif
Hi,
Thanks for your time writing this, it is very helpful and i setup W3TC but after that i started getting a strange error about database connection lost every time i try to post new post or edit and existing one,any clue what should i do or where to start looking around
If i disabled the plugin, this error message is not showing any more and i am able to post normally
Sherif
WPBeginner Support
Try turning off Database Caching, if that does not work, then you can try to optimize your WordPress database using phpMyAdmin.
管理者
Donna Caissie
I installed Total Cache several weeks ago, and since then, using my backend has been a nightmare. Every time I tried to do anything in the backend, my browser (Firefox) would hang. I finally deactivated Total Cache today, and now my backend works just ducky.
Hayslan
Hey guys, what do you think of leaving somewhere in the post – maybe at the end, a ‘log’ of what section / topic went updated?
A long time ago I read this article and now for example I have no idea at what point it went updated.
Would not it be helpful? Let me know!
Cynic
Great article. Thanks for sharing.
Savvas
Does it work ok with wp multisite??
WPBeginner Support
w3 total cache supports multisite
管理者
Steve
I’ve tried several times to install caching plugins (both W3 Total Cache and WP Super Cache) and in every case, my overall site performance takes a major hit as soon as the plugin is activated/configured.
This time, I followed the instructions to the letter as shown above. However (as has occurred in every other time I’ve tried), load time throughout the site has at least tripled.
The one thing I didn’t do in every case is get a CDN, due to the cost involved.
So my question is this.. do the caching plugins only work in conjunction with a CDN?
If so, is there any other way to speed up performance (aside from the obvious – removing plugins, etc). I use WP Optimize regularly.
WPBeginner Support
There could be some server configuration problem on your host’s end.
管理者
Steve
Could you give me more details on what to ask about? My hosting service service is usually good about that sort of thing, but I’d need to know specifically what to ask about.
Andrew
Turn off database caching if you are on shared hosting, it will bring your speed back up.
Abhisek
I am planning to go for maxCDN but, i have a dilemma that, i use a sub-domain to store all my media files something like this – media.example.com. As a result Wp-Smush it plugin no more works and i have to compress images myself using png-gauntlet software in windows. Will this sub-domain also create any problem in switching to maxCDN ?
Manasseh Copinger
Great post really like every single post from you.
Shahraar Khan
Very nice tutorial . But I personally like wp Super cache
Jeremy Myers
First, where is your “after” screen shot from Pingdom? That “before” test was pretty dang good, and I am curious to see if it actually improved.
Second, I have done a lot of testing between W3 Total Cache and WP Super Cache. I agree with W3 has more options and seems to be a better plugin, but with W3, my server response time nearly tripled! It went from about .25 seconds to almost a full second. Why is this?
Third, what about Cloudflare integration? Any suggestions one way or the other?
Denise Blackman
Hi Jeremy. I don’t have the answer to the increased response time of your server with W3, but I had the same problem. Mine, however, was even more severe, with an increase to almost 1.25 sec. I wish someone could answer this. My host provider has no answer either. My personal guess is that the server that is hosting my account, which is a shared server, is over taxed. It is normally what happens when an account suddenly has major performance issues.
In reference to CloudFlare, I have tried to integrate it, but had problems with my theme. I had to disable it. It made way too many changes to my CSS. I don’t know a lot about CloudFlare, and it sounded great. I just couldn’t figure out a way to make it work with my theme at all.
Dmitriy
Great article, very detailed!
If someone has any questions regarding MaxCDN feel free to ask me.
Thank you
Alex
Dmitry,
Due to localized business activity my website is set for a specific location, Moscow Russia. That said I don’t expect people from other cities to bother me. Do you think I still should go for the MaxCDN?
Thanks
Raghu
One more step for MaxCDN : Add noindex to cdn contents to prevent Google from indexing CDN contents which will create duplicate content issues.
It’s under Zones > Pull zones > SEO
Check enable and use custom robots (with default code for robots.txt)
Alex
Raghu,
thanks for the heads-up. Do you mean I need to edit robots.txt or there are just default options that I need to check in Zones > Pull zones > SEO section?
The necessity to touch robots.txt kind of scares me as I am not a coder.
thanks