タグ

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

タグの絞り込みを解除

ampとwordpressに関するmateaのブックマーク (3)

  • WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

    ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse(Google ChromeのデベロッパーツールのAuditsタブ)というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ

    WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
  • [WordPress]AMPプラグインを使ったAMP対応の際に設定しておきたいこと8個[functions.php]

    こんにちは!みぞれ(@xxmiz0rexx)です! 先日とあるWordPressサイトをAMP対応した時に利用した AMPのプラグインについての設定で覚えておきたいことがあったので記事にします。 AMPってなあに 最近スマートフォンで検索をすると検索結果にいつもとは違う表示がされることがあります。 例えば、スマートフォン版のGoogleで「オリコン」と検索してみてください。 ページ上部に左右に動く「カルーセル」が表示されると思います(2017年1月現在)。 ここに表示されている記事がいわゆるAMP対応ページなのですが、 内容としては無駄なものを排除し記事文にフォーカスされた、 とっても読み込みの早い専用ページになっています。読み方は「アンプ」と読むみたいですよ。 AMPについてもうすこし詳しく知りたい方は以下の参考サイトを読んでみてください。 参考:AMP(Accelerated Mob

    [WordPress]AMPプラグインを使ったAMP対応の際に設定しておきたいこと8個[functions.php]
  • WordPressのAMPデザインテンプレート「Simp」を無料配布

    GoogleTwitterが共同開発したAMP(Accelerated Mobile Pages)ですが、現在のところGoogleの検索結果をはじめとして、Gunosyなどのキュレーションアプリやはてなブックマークなどに対応されています。また、Twitterも米国では一部AMP対応のテストをしているようです。 Accelerated Mobile Pages Project Androidアプリ「はてなブックマーク」がAMPに対応しました TwitterがAMPのサポートを開始、まずはMomentsでシェアされたコンテンツに対して WordPressでも簡単に「 AMP 」というWordPress.comを開発しているAutomattic社のプラグインを使用すれば簡単にAMP化できるのですが、日語向けには作られておらず、デザインがイマイチというのが正直なところです。 そこで今回は「AM

  • 1