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

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

[oops_design]

Wordpress はサイト構築でいう Windows 的なポジション（プラットフォーム）を確立している。こういう試みは専門の技術者がいないと無理。ちょっとした機能追加に高いコストがかかりそう。

[megazalrock]

WPのリニューアル案件って古い記事をどうするか問題にぶち当たることが多いから、記事をmdに一元化してガワはその時々で好きなようにするってのはとても良い方法だと思う。WPって初期構築スーパー楽なんだけどね。

[abababababababa]

すべてのサイトは阿部寛に通ず。(詠み人知らず)

[kijtra]

ビジネスで使う WordPress は ACF 用の器みたいなもんで、静的ジェネレータには真似できないし、ACF 同等のプラグインを持つ CMS も他にはない。

[ryuzi_kambe]

Movable Type「やあ久しぶり」

[masarukondo]

“技術は「捨てやすさ」が大事です。”

[delimiter]

MTですかね

[takamii228]

Markdownで書けるシンプルなページならCDN連携できるストレージにhtml/css/js置くだけのほうがもっと楽そう。

[misarine3]

クライアントにそのまま納品出来ないけどまだ走ってるサイトなら一考の価値すごくあるんだよね。静的サイト最強だから。

[sin20xx]

単純にWordPressを使う必要がなかっただけではと思う。静的コンテンツとしては配信するなら、結局バックエンドでそれらを将来的な変更に耐えうる管理をする必要があるので、実際には内製化の負担は上がってると思うが。

[tailtame]

2019。JS使いたくないと色々制限が😉　Next.js系も色々あるよなぁ…メンテといえばそっちもなのかな。プリロード系で鯖負荷するからオフにしてとか見かけたので通信が増えるのよな🤔

[nakagawax]

WordPressをやめて「Nuxt.js」に切り替えららた話。

[takasi-i]

“静的サイトジェネレータ”

[jsstudy]

技術は「捨てやすさ」が大事です。ツールに依存しない「コンテンツ（マークダウンの原稿）」が「ガワ」から分離されていることで、新しい技術へ移行しやすくなると期待しています。

[mabots]

内製エディターまで作れて、原稿も git で管理してるならなぜ WP 使っていたのかがむしろ不思議・・

[coemi]

wordpressをやめて静的サイトジェネレーターを使う＝高速化

[yarumato]

“記事ページはNuxt.js（ナクスト）の管轄外でAMPのみにした。Google検索エンジンから遷移が爆速になる。PWA（これは重要ではないが）とサービスワーカー（高速化に重要）の導入。”

[Nyoho]

Nuxt.js

[II-O]

静的化はいいんだけど、そもそも今のサーバーだと、HTTP / 2が無理だしなぁ。

[o_ti]

原稿をGit管理した上でいかにガワと疎結合にするかという話。WPがダメということではなくてGUIベースのCMSとGitの相性が悪いということだと認識しました。次はYAMLブロックと原稿の分離に悩むターンかと思われます。

[umai_bow]

ブログ系はこれでよいよね

[norinori2232]

MarkdownをビルドとかGitにコミットとかそういう時点でエンジニア以外はついていけない領域になってしまうのよね。なんにせよ静的サイトが見直されて選択肢が増えること自体はすごい良いこと

[diet55]

「WordPressのデメリットとは：WordPressは導入が手軽」「メンテナンスの手間：世界のウェブサイトの3割はWordPressで動いていると言われています。（略）プラグインは個人の方が開発していることが多い」

[kazuya030]

“IE11を含む古めのブラウザもサポート対象にできます”

[yukitakahito]

MovableTypeのような静的生成のほうが実は楽だというのは、MTとWPの両方を使ってきたからわかる。ただ自分のサイトを静的生成に戻せるかというと、それはまた微妙な話。

[esper]

わかるけど、ワードプレス便利ですからねー

[skypenguins]

ええな

[Fushihara]

細かくルビを振るのって結構いいな。これでwidthとheightが出てきても幅と高さ。って誤魔化さずにすむ

[mezamashi0540]

WordPressを使う一番の理由は手離れのよさ。素人ユーザーさんに渡してもどうにかなる。ジェネレーターを提案すると全力で嫌がられる。使う人と使い方次第で提案するツールも違ってくる。

[masalib]

gatsbyjsはだめだったのですか？

[kiku0429]

後で読むメモ

[blueboy]

とてもよろしいので、これを外部サイトに外販すれば？　「WordPress　→　この技術」というふうに変換サービスをすればいいんだ。ユーザーは日々の記事の投入だけをすればいい。／まるで有料のブログ会社みたい。

[cielonlon]

技術は「捨てやすさ」が大事、に共感。コンテンツとガワの分離も理想的！

[k2wanko]

WPはエンジニアじゃない人がカジュアルに立ち上げてアップデートせず放置されることが多いからなー。

[youichirou]

MovableTypeを思い出した。トレンドはループすんのかね。

[rryu]

コンテンツの管理はgit+markdownで完結していて、配信のためだけにWordPressを使うのは無駄なので独自に配信の仕組みを作ったという感じ。

[infobloga]

wpのメリットはブコメの通りとして最大の欠点はgit管理できないことだと思う。複数の変更同時アップがさらに複数同時に走るとかwpだとかなりきついはず

[securecat]

制作者＝オウンドメディア所有者、だとどうにかなるが、納品的なサイトで外部運用だと難しかろうという気はするものの、選択肢としては参考にしたい

[i196]

素人には難しいなぁ。プロの世界の話って感じ

[kaipu1224]

vue.jsは良いものだ。