1. ChromeがLaz..
    2018/September/04/04:49 Tue   Comment(0)
    わたしがリスペクトしている コリスさんの情報です。 ... ( Read more )
  2. SQLite Int..
    2018/August/27/03:29 Mon   Comment(0)
    SQLite Integrationを使い SQLiteでWo... ( Read more )
  3. Hello Word..
    2018/August/22/07:37 Wed   Comment(0)
    さくらのレンタルサーバ ライトで WordPressが使えまし... ( Read more )
  4. CMSをインストール..
    2018/August/19/14:14 Sun   Comment(0)
    おそらく8月22日の システムメンテナンスで さくらのサブド... ( Read more )
  5. 何となく分かったで良..
    2018/August/15/05:14 Wed   Comment(0)
    プログラミングを勉強したり 調べたりしていると 出てくる言葉... ( 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