news ニュース

2018/07/09 月曜日

【サイトの速度改善策 其の六】心のメガネを曇らせるな!

自宅より

 

僕はふだん、コンタクトをしているのですが、

最近は、黒ブチのメガネをかけています。

 

理由は、4歳の息子の保育園の友達が

メガネをかける事になったからです。

 

息子の友達は、メガネに抵抗があるらしく

とても嫌がっているそうなのです。

 

そこで、メガネがディファクトスタンダードになるように

積極的にメガネをかけるようにしました。

 

すると、息子が保育園でプレゼントを作ってくれました。

 

こちらです。

https://bloominc.jp/imeges/megane1.jpg

 

メガネ置きだそうです。

 

おかやま桃子のスペースの用途がわかりませんが、

 

あれ?メガネは外していないのに、

急に目がカスんできたと思ったら、

 

泣いてました。

 

さて、連日WEBサイトの速度を上げるテクをご案内しております。

 

目指せ3秒以内。

目指せ100点。

 

を目標にご案内させて頂いてきましたが、

いよいよ、後半です。

 

今までの施策のおさらいです。

其の一、サーバーのphpのバージョンを上げる (25点)

其の二、画像を圧縮する (20点)

其の三、 gzip圧縮でファイル容量を軽くする (15点)

其の四、 ブラウザキャッシュの設定を変える(10点)

其の五  html、css、jsを軽くする(5点)

※カッコ内は、速度に影響する度合いを数値化しました。

 

以上5つの施策で

75点をたたき出している事になります。

 

ですので、ここまでの施策を試しただけで

格段にサイトが速くなると思います。

 

ただし、中には難易度が高い作業もあります。

 

例えば、昨日お伝えした、 html、css、jsを軽くするという作業は、

実際にコードを触る作業なので、

 

デザイナーやエンジニアでないと難しいです。

 

「元気があれば何でもできる」

と思って僕も試してみたのですが、

 

サイトのレイアウトが崩れてしまって

デザイナーにメチャクチャ怒られました。

 

やはりお願いした方が良さそうです。

 

今日ご紹介するのは、WPのプラグインを使うテクですので、

元気があればデキルやつです。

 

入れるプラグインはLazy Load(レイジーロード)です。

https://syncer.jp/how-to-setting-lazy-load-images

 

サイトの画像を少しずつ読み込ませる事で

表示速度を上げるというシロモノです。

 

これを入れないと、サイトにアクセスした際に、

画像データーを全部表示させようとして、重たくなります。

 

ディレクションの上手な人が、

案件を円滑に進める為に、質問を小出しにするのと似ています。

(わかりづらい?)

 

回答しずらい、重たい質問が大量に送られて来て

レスが送れたことがある方は、

 

レイジーロードを教えてあげて下さい。

 

レイジーロードのインパクトは100点満点中

「5点」だと思います。

 

<追伸>

メルマガ読者の方に、写真つきで記事を書いてほしいと言われましたので

写真載せてみました。

 

[メガネ置き]

https://bloominc.jp/imeges/megane2.jpg

 

<オススメ>

レイジーロード
https://spice.eplus.jp/articles/160816

 

<今日のひとこと>

残り20点

 
 
記事が参考になったり、面白ければ、
クリックお願いします。

↓↓↓↓↓↓↓↓

http://clap.mag2.com/putrioprow

↑↑↑↑↑↑↑↑

クリックだけでも嬉しいですが、
フォームもついていますので、
リクエストやご質問等、コメント頂けますと幸いです。

────────────────────

【メルマガ紹介のお願いです】

メルマガ会員募集中です。
ご友人、お取引先様に是非ご紹介頂けますと嬉しいです。
下記URLをお送り頂ければと思います。

↓↓↓↓↓↓↓↓

https://bloominc.jp/nl/

────────────────────

読んで頂きまして、有難うございました。

 

ページトップ