サイトの表示速度を改善しようと、「W3 Total Cache」というウェブサイトをキャッシングするためのプラグインを導入した。しかし、これが原因で、次のようにスマホでサイトを表示させたときに表示が完全に壊れ、すべて文字化けした文字だけしか表示されなくなった。

これは、キャッシュプラグインが携帯やスマホで表示したときに、キャッシュページの読み込み時に不具合が生じるから。そこで、「W3 Total Cache」ではユーザーエージェントによってキャッシュページを表示させないようにする設定があるので、それを活用します。最初からこのプラグインを入れたときに設定すれば良いものを、パッパっとやってしまったがためにこのようなことが。ちゃんと色々と調べてからインストールするのが大事ですね。

W3 Total Cacheのユーザーエージェントの設定

「Performance」→「Page Cache」と選択し、「Rejected user agents:」欄を開く。

この赤枠のところに、次の値を設定して保存すればOK！これで起きていた問題は見事解決できました。

2.0 MMP
240x320
ASUS
AU-MIC
Alcatel
Amoi
Android
Apple
Audiovox
AvantGo
BenQ
Bird
BlackBerry
Blazer
CDM
Cellphone
DDIPOCKET
Danger
DoCoMo
Elaine/3.0
Ericsson
EudoraWeb
Fly
HP.iPAQ
Haier
Huawei
IEMobile
J-PHONE
KDDI
KONKA
KWC
KYOCERA/WX310K
LG
LG/U990
Lenovo
MIDP-2.0
MMEF20
MOT-V
MobilePhone
Motorola
NEWGEN
NetFront
Newt
Nintendo Wii
Nitro
Nokia
Novarra
O2
Opera Mini
Opera.Mobi
PANTECH
PDXGW
PG
PPC
PT
Palm
Panasonic
Philips
Playstation Portable
ProxiNet
Proxinet
Qtek
SCH
SEC
SGH
SHARP-TQ-GX10
SPH
Sagem
Samsung
Sanyo
Sendo
Sharp
Small
Smartphone
SoftBank
SonyEricsson
Symbian
Symbian OS
SymbianOS
TS21i-10
Toshiba
Treo
UP.Browser
UP.Link
UTS
Vertu
WILLCOME
WinWAP
Windows CE
Windows.CE
Xda
ZTE
dopod
hiptop
htc
i-mobile
iPhone
iPod
nokia
portalmmm
vodafone
DoCoMo/1
DoCoMo/2