1. プリレンダリングする..
    2018/July/22/04:54 Sun   Comment(0)
    この記事は さくらのブログ、 Seesaaブログを お使い... ( Read more )
  2. 脱 jQuery?
    2018/July/16/17:08 Mon   Comment(0)
    jQueryはいらないと 言われていますが なぜなのでしょう... ( Read more )
  3. font-size:..
    2018/July/15/04:27 Sun   Comment(0)
    CSS検証サービスで CSSのエラーに font-size:... ( Read more )
2018/July/

2018年07月10日

AMPカスタムタグを使う

AMPとはモバイルで
ウェブページの読み込みを
高速化させる技術だそうです。

そのAMPを作成する際に利用する
JavaScriptライブラリと
カスタムタグを使って
遅延ロードを行う方法
を以下の
リンクで紹介しています。

266628.jpg


リンクでは、
amp-imgタグを使って画像の
遅延ロードを行う方法を

Lazy Load、
一般のimgタグと
比べながら
説明
しています。

また、
タグを利用する際の
デメリット
なども詳しく
記載されています。





AMPタグは
amp-imgタグ以外に
動画を扱うamp-youtubeタグや、

amp-iframeタグ

GitHub Gistを表示する
amp-gistタグ
もあります。

当ブログでは、
ブログカードにiframe、
ソースコードを
GitHub Gistで表示しているので、

早速導入してみました。

導入の際に
注意する点もいくつか
ありましたが

気になる方は
お試しくださいませ。






貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました







posted by four4to6 at 03:17 | Comment(0) | このブログの事 Performance up