タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ampに関するkazumichのブックマーク (6)

  • AMPページ導入をテストするオススメツール4選

    Webサイトを運営している方にとって、表示速度が遅いのは致命的です。GoogleのPage Speed InsightでWebサイトの表示速度を見てみると、パソコンは高速表示できていても、スマホの表示速度は遅いといったことが多いのではないでしょうか。 そこでモバイルの表示速度向上に効果的なのが、*AMP(Accelerated Mobile Pages)*対応のページ作成です。しかし、AMP対応は正しい方法で導入しなければ、効果が反映されない場合があります。 この記事では、AMPページが正しく導入されているかテストするツールを紹介します。これから紹介するツールを用いて、Webサイトのスマホ表示速度をAMPで改善しましょう。 AMP(アンプ)とは AMP(アンプ)とは「Accelerated Mobile Pages」の略で、Googleの推奨するモバイルページの表示速度を高速化する手法のこ

    AMPページ導入をテストするオススメツール4選
    kazumich
    kazumich 2019/12/26
  • amp-script の実用性について考える - mizchi's blog

    AMP Conf 全体の感想は後回しにして(書かないかも)、 amp-script について 単に使ってみたい人は AMP で任意の JS を実行できる amp-script を試してみた - Qiita や https://github.com/mizchi-sandbox/amp-script-preact で 最初に 僕の amp に対するスタンスは http://ampletter.org/?lang=ja に示された懸念とだいたい同じで、基的にAMPは邪悪なもの、現代のウェブの事情を考慮する必要悪と悪の中間ぐらいだと思っており、それと同時に極端にリソースが制約されたプログラミング環境というものが好きで、そういう点で AMP 由来の技術を追っている、という立場。 amp-script について知っていること 全然ドキュメントないので、コード読んで、書いて、触って、あと中の人達に直

    amp-script の実用性について考える - mizchi's blog
    kazumich
    kazumich 2019/04/26
  • AMP の新機能、2019 年第 1 四半期: 同意、動画、フォーム、リストの改善

    .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

    AMP の新機能、2019 年第 1 四半期: 同意、動画、フォーム、リストの改善
  • Google の AMP に対応した HTML を書く - うな(。・ε・。)

    kaiinui.hatenablog.com 先日の記事では、AMP のさわりについて書きましたが、今回は具体的に AMP がどのようなフォーマットとなっているかを追うため実際に AMP HTML を書いてみます。 まず、AMP は HTML を拡張したフォーマットになっています。また、AMP HTML は単体で動き、それ自体が適正な HTML となっています。(ですから、ブラウザで AMP HTML を開いても普通に動きます。) 具体的には、次のようになっています。 <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html" > <meta name="viewport" content="width=device-width,initial-sc

    Google の AMP に対応した HTML を書く - うな(。・ε・。)
    kazumich
    kazumich 2016/03/21
  • AMP(Accelerated Mobile Pages) HTMLしてみたという話 / masuP.net

    Googleさんが発表したモバイル端末での表示高速化のAMP HTMLに対応してみたよ、という話です。 Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web 概要などは上記見てもらえれば感じはつかめると思いますし、日語で紹介してる記事だとKenichi Suzukiさんの紹介記事を見ると分かるかと思います。 なぜやってみようかと思ったかというと、「javascriptが無い静的なHTMLCSSのページは爆速で表示したるで!」というGoogleさんの粋な計らいかと勘違いし、ほとんどが静的なページであるこのブログもサクーっと対応できたりするんじゃね、と思ったからですが、ちょっと苦労しました。 なおブログを完全に対応させたのではなく、記事ページのみ別にAMP HTML用の記事を出力してい

    AMP(Accelerated Mobile Pages) HTMLしてみたという話 / masuP.net
    kazumich
    kazumich 2016/03/21
  • 『アメブロにおけるAMP対応について』

    今回はアメーバブログにおけるAMP対応について解説ならびにご報告をさせて頂きます。 まず、AMPとは「Accelerated Mobile Pages」の略になります。 「アンプ」「エーエムピー」という呼び名がありますが、Googleの方も「アンプ」という呼び方をされていますので、「アンプ」と呼ばれることが多いようです。 昨年のPUBCON(ラスベガス)やSMXイスラエルにおいて、Googleのゲイリー・イリーズ氏が1995(もしくは2000年)から現在にかけて産まれた世代は興味の持続が2.8秒しかないと話していたように、(参考:SEO Japan)ウェブサイトの表示を待つことを嫌うインターネットユーザーが増えているのは確かです。 若い世代だけでなく、かつてのナローバンド時代と異なりウェブサイトは素早く表示されることが当たり前になりつつある環境の中で多くの人が無意識のうちに表示の速さを求め

    『アメブロにおけるAMP対応について』
    kazumich
    kazumich 2016/03/21
  • 1