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か ...

2019-06-04

HexoとフルAMPで究極のブログ爆速化 その2~head.ejsの解説~

前回の記事「HexoとAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~」 前回は、AMP公式ページのAMPテンプレートを使いHexoテーマをカスタマイズし、HexoブログのフルAMP化を行いました。 ※フルAMP化・・・PCページもモバイルページも全てAMP化することで更にサイトの高速化を図るこ ...

2019-05-30

HexoとフルAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~

前回、HexoのフルAMP化による爆速化という記事を書きました。 ※フルAMP化とはパソコンページもAMP化するという意味で使っています。 ※現在のこの記事も、パソコンで見てもモバイルで見てもAMPページが表示されています。 前回は序章ということでフルAMP化に至る経緯を書きました。 今回から、実際にフルA ...

2019-05-28

HexoとAMPで究極のブログ爆速化を実現する(パソコン&モバイル仕様)

SEO対策にとってブログやサイトの高速化は今や必須対策となっています。 このブログもこれまで色々な高速化対策を施してきました。 Firebase、Netlify、Cloudflareなどのホスティングサービス移行やCDN利用 CSSやJSファイルのインライン化 HTMLソースの圧縮 画像のwebp化 画像の遅延 ...