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 )
TOPこのブログの事 Performance upThis article

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
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]
    

画像の中の文字を半角で入力してください。

ブログオーナーが承認したコメントのみ表示されます。