<「YouはShock」邪魔するヤツは指先一つでClick! | 株式会社ブルーム

news ニュース

2018/07/14 土曜日

「YouはShock」邪魔するヤツは指先一つでClick!

事務所より

 

赤坂の「かおたん」という中華料理屋さんでランチをしてきました。

 

赤坂通りにある人気店です。

とても美味しいので、僕もよく行くのですが、

 

5人ぐらいの中国人の料理人が目の前で中華鍋を「カンカン」言わせながら

一般家庭では絶対出せない火力で、熱々の中華料理を出してくれるのが、特徴です。

 

開店11時30分に行くと、すでに4人のお客さんがカウンターで座っていました。

 

僕もあわせて、なんと、全員メガネをかけています。

料理人たちは一人もメガネをかけていません。

 

「お客vs料理人」 言い換えると 

「メガネvs料理人」です。

 

お客からすると、

「メガネを曇らせる程、熱々の中華料理を早く出せよ」

 

という気持ちです。

 

一方、料理人からすると、

「お前らのメガネが曇っても、気持ちは曇らせるなよ」

 

と思っているかもしれません。

 

はたしてどちらが勝ったのか?

 

人差し指で「キュッ」とメガネを上げるメガネ戦隊。

 

それよりも早く、熱々の料理が出てきます。

 

当然のように曇るメガネ。

 

舌を火傷するメガネ戦隊。

 

それを見てガッツポーズをする、店員のおばちゃん。

 

料理人の圧勝です。

 

やはり、料理はスピードが命ですね。

 

「空腹」は最高のスパイス

 

という言葉を聞いた事がありますが、

 

NAKAYAMAは「スピード」が最高のスパイスなんじゃないかな?

なんて、思います。

 

サイトも早い方が良いに決まっています。

 

連日、サイトの表示速度を上げるテクをご案内してきましたが、

今日で最後にしようと思います。

 

書きたいトピックが常に108つもあるからです。

 

ですので、速度改善策はあと「2個」あるのですが、

今日はまとめてご案内します。

 

点数をつけるとすると、2つで10点は稼げるテクです。

 

~ サイトの表示速度を上げるテク~ 

其の九、CSSを非同期化するんだ!

其の十、JavaScriptを非同期化するんだ!

です。

 

CSS、 JavaScript は、なんとなく

聞いた事があるのではないでしょうか?

 

でも、非同期化って言われても、何の事だかわからないですよね。

 

実は、サイトの上部(ファーストビュー)には

表示させるのに、関係ないjsやcssがあります。

 

この表示に関係ない部分を後で読み込むように設定して、

表示に関係のあるものだけを残す。

 

というやり方をする事で、表示速度を上げます。

 

このテクニックを別名

 

「レンダリングブロックの排除」と言います。

 

レンダリング=表示

をブロックしている

CSS、JavaScriptを排除します。

 

かなり専門的なテクニックですので、

かなりのテクニシャンで無いと、対応は難しいと思います。

 

もちろん、「かおたん」の料理人でも

レンダリングブロックは料理出来ません。

 

<P.S.>
ファーストビューを読み込む際に、

JavaScriptやCSSを非同期化すると

表示が終わったあとに読み込んだり

ブラウザの表示の都合に合わせて読み込んでくれるので

「非同期化」と言います。

 

<おすすめ>

サイトのURLをいれると

ファーストビューだけのCSSを表示してくれたり

 

JavaScriptの読み込みを非同期化してくれます。

https://www.sitelocity.com/critical-path-css-generator

 

<今日のひとこと>

ファーストビューの表示を邪魔するやつは排除!

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

↓↓↓↓↓↓↓↓

http://clap.mag2.com/putrioprow

↑↑↑↑↑↑↑↑

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

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

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

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

↓↓↓↓↓↓↓↓

ブルームニュースレター【ザ・ベネフィット】

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

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