【WordPress高速化】レスポンシブデザインのサイトに必須!!画像切り替えプラグインHammy – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ
WordPress高速化～Google PageSpeed Insights 90点達成対策まとめ｜ウェブシュフ
@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ
WordPressでアイコンフォントを導入する方法｜ウェブシュフ
アイコンサイズの小さい画像使うなら、アイコンフォントが何かと便利です。WordPressにアイコンフォントを導入する方法をまとめてみました。 管理画面に導入されているDashiconsを使う方法 アイコンフォントをWordPressで使うなら、既にWordPressに同梱されているものを使うのがオーソドックスです。 実は、WordPressにはDashicons というアイコンフォントが導入されています。 管理画面で使われています。 Dashiconsは、テーマの中に埋め込んだり、投稿の中で絵文字のように使うことも出来るのです。 functinon.phpに少し書き込めば準備完了 Dashiconsを利用する準備は簡単。fnctinon.phpに以下の書き込みをすればOKです。 //Dashiconsを使用できる状態にする add_action( 'wp_enqueue_scripts',
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
