CSSを圧縮してWordPressを高速化する

WEBサイトの読み込み時間を計測

 

WordPressは記事数が増えると読み込みや表示速度が非常に遅くなります。

そこでCSSを圧縮して少しでも表示速度を早くしてみようと思います。

まずはブログの読み込み時間を計測

以下のサイトではWEBサイトの読み込み時間を計測してくれます。

http://webwait.com/

WEBサイトの読み込み時間を計測

 

このブログのCSS圧縮前の読み込み時間は4,70秒でした。

WEBサイトの読み込み時間を計測

 

CSSを圧縮することでどれぐらい早くなるのだろうか・・・。

CSSを圧縮するだけでWordPressは高速化できるか

まずWordPressブログのCSSをコピーします。

WordPressブログのCSS

 

そしてこちらのサイトにアクセス。

http://www.alink.co.jp/tools/css_minify/

先ほどコピーしたCSSを貼り付けて「Minify!!」をクリックするとCSSを圧縮してくれます。

CSSを圧縮

 

ここで圧縮されたCSSを上書きアップロード。

※後にCSSを編集することが考えられるため、圧縮する前のCSSも別名で保存しておきます。

そして読み込みスピードを再度計測すると、3,40秒。

CSSを圧縮することで約1秒の高速化に成功しました。

WordPressの高速化

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る