[Front-End General] google-fonts: PageSpeed Insights の指摘は対応できない

「Last-Modified ヘッダーまたは ETag ヘッダーを指定して、キャッシュを検証できるようにしてください」というもの。
続きを読む »

[Front-End General] google-code-prettify: ローカルで最適化したファイルを持つ方が良い

以前に試した google-code-prettify について、きちんと調べてみました。
続きを読む »

[Front-End General] Grunt: Webページの表示高速化について考える(画像最適化編)

画像フォーマットと最適化と言っても、いろいろな方法がありますね。
圧縮率という観点から比較してみました。
続きを読む »

[Front-End General] Chrome DevTools をつかってたら、pioclpoplcdbaefihamjohnefbikjilc /skitch /sound /snap.wav という謎のファイルが表示された

ググったところ最初の文字列がIDらしく、Evernote Web Clipper をさすよう。
続きを読む »

[Front-End General] HTML5 Canvas で表現した画像を grunt-contrib-uglify で最適化する

外部JS化の後、minify してみます。
続きを読む »

[Front-End General] SVG まわりの状況と、SVGO によるファイル最適化

現在の状況について調べたら、既に SVG は実用レベルなのかもと思った。
続きを読む »

[Front-End General] ImageOptim-CLI で画像ファイルを最適化する

ImageOptim, ImageAlpha, JPEGmini をコマンドラインから利用する。
続きを読む »

[Front-End General] Grunt: Webページの表示高速化について考える(JavaScript・CSS編)

なぜ JavaScript や CSS を、concat, minify, compress するのか。
Grunt プラグインを通して考える。
続きを読む »