初心者にも扱いやすいWordPressキャシュプラグイン「WP Fastest Cache」の使い方
WP Fastest Cacheとは WP Fastest Cacheは、キャッシュプラグインの利用になれていない人でも、手軽に使えるWordpressプラグインです。 手軽に使える大きな理由として、このキャッシュプラグインは、ほぼ日本語表示に対応しています。 あと、キャッシュの基本となる設定がすべて以下のように、1箇所に一覧でまとめられているので非常に設定がしやすいです。 基本となる機能がたったこれだけです。 無料版だと、機能制限もありますが、初めて使うキャッシュプラグインとしては、十分すぎるくらいの機能は備えていると思います。 以下では、このWP Fastest Cacheの使い方について説明したいと思います。 インストール キャッシュプラグインを使おうというのだから、インストール方法は十分承知かもしれませんが、一応説明しておきます。 まずはWordpress管理画面から「プラグイン
画像を最適化（圧縮）してWordPressブログを高速化する方法
これらの作業によりPageSpeed Insightsのスコアが、61→77とかなり改善してきました。 毎回、一つ一つ成果を確かめながら高速化させたいので、今回は「画像最適化してブログの高速化」を行いたいと思います。 photo by Rami ™ 画像の最適化って？ 簡単に言うと、ブログで使っている画像の画質は保ったまま圧縮して転送サイズを減らし、ブログの表示スピードを速くすることです。 PageSpeed Insightsの提案には以下のように出ています。 画像を最適化する 画像を適切にフォーマット化して圧縮すると、データ サイズを大きく削減できます。 次の画像を最適化すると、サイズを 41.6 KB（15%）削減できます。 画像を適切に圧縮することで、41.6KB全体の画像サイズを削減できるようです。ちょうど上にあるPNG画像が22KBなので、トップページだけでその約2倍削減できるこ
コピペ一発でSimplicityを結構高速化する方法
Simplicityを高速化し、さらなるパフォーマンスアップをする方法を解説します。 高速化には、ブラウザキャッシュの設定と、リソースを圧縮の設定を行います。 たったこれだけのことですが、かなりの高速化が図れます。 例、Simplicityに今回紹介する高速化のみを行った結果。 追記：この方法は、サーバーで採用されているサーバーソフトがApacheでないと利用できません。ご利用のサーバーで採用されているサーバーソフトをこ確認してから設定を行ってください。 この設定をすることで この設定をすることで、Wordpress全体の高速化対象ファイルに以下の設定を行います。 ブラウザキャッシュの設定（GIF、JPEG、PNG、CSS、JavaScript、WEBフォントファイル） リソースの圧縮設定(TEXT、HTML、XHTML、XML、RSS、CSS、JavaScript、WEBフォントファイル
はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた | SHIROMAG
はてなブログって基本的にページの読み込みが遅い上に、カスタマイズのためにjQueryを利用するとさらに速度が遅くなってしまいます。うちのブログはいじりすぎて遅い…。 少しでもjQueryの読み込みが速くなるようにコードを変えてみました。 はてなブログではシェアボタン、グローバルナビ、サイドバーの固定などのカスタマイズでjQueryを利用している人は多いはず。 こんな感じで読み込んでる人がほとんどだと思います。 デザイン→カスタマイズの「ヘッダー」か「フッター」のどこかにこのコードがあるかと。 私は、以下のように書き換えています。 こうすると多少は読み込みが速くなります。 注意して欲しいのは、私のブログでは問題なく動作していますが、他の人のコードでも大丈夫という保証はないということです。 おそらく問題なく動作するはずですが、ご利用は自己責任でお願いします。劇的に速くなるというモノではないので
はてなブログの CSS 編集を Dropbox で高速化しよう - MoonNote
※Dropbox の Public フォルダが廃止になる 2017/03/15 以降、この方法は使えなくなります。 はてなブログのテーマ制作やデザインカスタマイズで CSS を編集する際、Dropbox の共有フォルダを使うとぐっと楽になります。 Dropbox の共有フォルダに CSS ファイルを保存/アップロードする CSS ファイルの公開リンクを取得してブログに読み込む 公開リンクの例 https://dl.dropboxusercontent.com/u/********/hatenablog/themes/Innocent/innocent.css 読み込み（ヘッダーに記述） ダッシュボードの［設定］→［詳細設定］→［head に要素を追加］から、link 要素でスタイルシートを追加します（2016/01/07 @import だと問題があることが判明したので、この形に修正）。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
