Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ

こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSSを消した事例を紹介します。 このブログは、6/19に福岡で開催した「Google I/O '19のWebをまとめる会」で登壇したときの内容を詳細に説明しつつ、アップデートした部分もあるので、発表見たぞ、スライド見たぞという方も見ていただけますと幸いです。 speakerdeck.com きっかけ とあるプロダクトのCS

[hnw]

Puppeteer有能すぎる

[kwbtsts]

これ試してみたい

[UDONCHAN]

参考になる

[efcl]

PuppeteerでCSSカバレッジを取り、PostCSSでCSSを編集して使われてないCSSを削除する話

[braitom]

CSSのリファクタリング方法について。PuppeteerでCSSのカバレッジをとってその情報からカバレッジのあるコードだけを生成、それだけだと漏れが出てしまうのでPostCSSでASTに変換して処理する。Coolだ。

[nwpct1]

面白かった

[sisidovski]

Puppeteerでカバレッジ取れるの便利だな〜

[hirorock]

headless 使用していないCSSの洗い出し+削除 puppeteerの応用編

[Pasta-K]

ASTとかも使うの良さそう！真似したい！！

[teppeis]

CSSキレイにしたよ！

[tarotarorg]

CSS綺麗にしたい！