14:06前回ではGoogleにキャッシュされたAMPページを手動で削除する方法を紹介致しました。ページを更新するたびに手動でキャッシュをクリアにしなければならないので非常に手間がかかります。今日はampページを表示する際にレスポンスヘッダーにmax-ageを指定することでGoogleのキャッシュを定期的に更新するようにするやり方をご紹介します。content.とあります。max-ageヘッダーを送信することによってキャッシュが古いかどうかをGoogleが判断してくれるようです。古い場合は新しくオリジンページにリクエストしなおして新しいキャッシュを生成してくれるようです。(ただし、新しいキャッシュからページを配信してくれるのは次のリクエストからになるようです。sites.また、max-ageで指定できるのは15秒以上で、最低でも1分でリフレッシュされるようですのでしきい値としてはこの間を取ることになるかと思います。将来的にはこのしきい値は見直される可能性もあるとのことでした。Nginxでmax-ageを実装する場合Nginxでは下記の設定を入れることでmax-ageが送信されるようになります。$expire;この例ではnginxのconfファイルのlocationディレクティブの中で指定をしています。”amp”というクエリがあったらexpresを1分に設定するというものです。この状態で設定したページにリクエストすると下記のようになります。max-age=60このようにExpiresが指定されて、Cache-Controlにmax-ageが指定されます。GoogleのAMPのキャッシュに関してはまだ日本語のページがないため不便ですね・・・。ご参考になれば幸いです。20:17弊社のサイトでも実験的にAMPを使ったページの配信を行っております。通信速度が安定しないスマートフォンでも高速にページを閲覧できるようにした技術で以前このブログでもご紹介したこともあります。AMPによって実装されたページはGoogleによってキャッシュされ検索結果からのリンクはGoogleのドメインからキャッシュされたページ・コンテンツが配信されます。キャッシュは定期的に消えるようですが急いで消したい場合にちょっと手間取ってしまったので簡単にまとめてみたいと思います。エンジニアの方はこっちの方が安心な感じがしますね。ブラウザを使って消すhttps://cdn.ampproject.org/update-ping/c/www.hogehoge.com/amp/hogehoge.html12https://cdn.ampproject.org/update-ping/c/www.hogehoge.com/amp/hogehoge.htmlにアクセスしてください。CURLコマンドのURLとまったく同じです。Chromeだと何も表示されないどころが開いたタブが自動的に閉じたりします。Content”のレスポンスヘッダーを受け取ったときの挙動はブラウザによるようです。AMPのキャッシュの仕組みcdn.ampproject.orgというホストにキャッシュが蓄積されています。削除するのもこのホストに対して行います。http://www.hogehoge.com/amp/hogehoge.htmlがキャッシュされてgoogleの検索結果からリンクされているURLはhttps://www.google.co.jp/amp/www.hogehoge.com/amp/hogehoge.htmlになります。このページをデベロッパーツールで開くとhttps://cdn.ampproject.org/v/www.hogehoge.com/amp/hogehoge.html&amp_js_v=6のようなものがロードされていることが分かります。これがキャッシュ的なもののようです。これを削除しようとしたら、上記で紹介したようにCURLコマンドがブラウザを使ってhttps://cdn.ampproject.org/update-ping/c/www.hogehoge.com/amp/hogehoge.html12https://cdn.ampproject.org/update-ping/c/www.hogehoge.com/amp/hogehoge.htmlにリクエストすれば良いようです。前についている”/c/“はキャッシュされているコンテンツがドキュメントであることを示しています。いうコマンドめいたパスを前につけてあげるとキャッシュが消えるという仕組みです。上記のようにキャッシュされているコンテンツにはコンテンツの種類によってプレフィックスがつきます。ドキュメントはc画像はiフォントなどその他のリソースはrなのでhttp://www.hogehoge.com/amp/img/piyopiyo.pngという画像がキャッシュされるとhttps://cdn.ampproject.org/i/www.hogehoge.com/amp/img/piyopiyo.pngとなります。これを削除したければhttps://cdn.ampproject.org/update-ping/i/www.hogehoge.com/amp/img/piyopiyo.png12https://cdn.ampproject.org/update-ping/i/www.hogehoge.com/amp/img/piyopiyo.pngでリクエストすればいいことが分かります。オリジナルがHTTPSの場合はちょっと話が変わるのでまたの機会に。次回はhttpのレスポンスヘッダーを使って自動的にキャッシュが更新されるようにする設定についてご紹介したいと思います。ご参考になれば幸いです。~6歳、4歳の男子2人の母、緑茶です。今回は、4月に引っ越しすることに...働くママblog常時SSL化の備忘録こんにちは。エンジニアの齋藤です。先日、弊社サイトも常時SSLに対応...エンジニアblogtimeタグのpubdate属性の廃止についてこんにちは。制作チームの野澤です。先日、HTML5のコードのチェック...デザイナーblog採用活動強化中!!先日、エデュの求人掲載がスタートしました。