Lan's note

高速HUGOブログで脱WordPress!

2019-07-16

HUGOのフルAMP化やめました

ブログ高速化を目指してHUGO+フルAMPを構築してきました。 フルAMPとは、モバイルページのみならず、PCページもAMP化することで、ブログの表示を高速化しようという試みです。 一見いいとこだらけに見えますが、下記の理由でフルAMP化をやめ、通常のレスポンシブHUGOブログに戻しました。 なお、下記の ...

2019-07-07

HUGOのフルAMPで究極のブログ爆速化 その5~最適なアドセンスサイズとコード~

今回はフルAMPのHUGOブログにおける最適なアドセンスのサイズとコードを紹介します。 フルAMPのブログの場合テンプレートにもよりますが、PCページでアドセンス広告の表示がきれいに表示されない、または、表示されないケースがあります。 そこでアドセンスに多く広告出稿されているバナーサイズを網羅できるアド ...

2019-06-19

HUGOとフルAMPで究極のブログ爆速化 その4~Lightboxの設置~

今回はHUGOブログのAMPページでLightbox機能を実装してみたいと思います。 Lightboxとは上の画像をクリックしたときのように、対象がズームアップして表示される機能です。 本HUGOブログはAMP公式テーマ一覧からテンプレートを選びカスタマイズして使っています。 LightboxもAMP公式 ...

2019-06-18

HUGOとフルAMPで究極のブログ爆速化 その3~SNSカード・ブログカードの設置~

フルAMP化されているこのHUGOブログ。 PCで見てもモバイルで見てもAMPページで高速表示(Googleのキャッシュページ)されています。 今回はフルAMP化するにあたってのナレッジ【SNSやブログのカード】の作り方を共有したいと思います。 ※これまでHexoでフルAMP化としていましたが、Hexoか ...