PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまでの時間をオーバーレイしてくれます。ブックマークレットはhttps://zeman.github.io/perfmap/perfmap.jsを実行しているだけです。各ブラウザの拡張もあるようですので使いやすい方で良さそうですね。 Perfmap
Movable Type で運用している Blog の記事を AMP (Accelerated Mobile Pages) HTML で出力するようにしてみたけれど、とある自分の書き方の癖により既存の記事を AMP HTML に自動変換するのは結構面倒くさかったという話。 Google が発表したプロジェクト、Accelerated Mobile Pages (AMP) は、モバイル端末における Web ページの表示を高速化する取り組みで、超簡単に言ってしまえば、オープンソースで公開されるフレームワーク、AMP HTML の仕様に従って Web ページを作ってくれれば、その表示を大幅に高速化できますよという仕組み。 単にファイルサイズ的に軽いよというような単純な話だけではなく、キャッシュなど様々な技術を組み合わせることでページのロード時間を大幅に短縮する仕組みで、制作者側が AMP HTM
www.suzukikenichi.com Google と Twitter が共同で AMP というフォーマットを制定しました。このフォーマットは、Facebook の Instant Articles のように高速なページ表示を実現するためのものです。 近年、広告や重度の JavaScript, 多すぎる/大きすぎる画像の増加が、ページを表示するために非常に長い時間がかかってしまう問題を引き起こしています。 この問題を解消するためのフォーマットが AMP (Accelerated Mobile Page) です。 実際どうなの?というところと、個人の感想を織り交ぜてちょっと紐解いてみます。 ほんとに速いの? 百聞は一見に如かず。実際に、スマホから下記のリンクにアクセスすることで AMP を試すことができます。 mars - Google Search スマホからでないと動きません。 試
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く