タグ

CSSとチューニングに関するmisotasのブックマーク (2)

  • 画像ファイルの最適化とスプライト画像の作り方 | さくらのナレッジ

    Webサイトの最適化において、最も手軽にできて効果的なのは画像ファイル関連の最適化である。主に2つの最適化方法があり、1つは画像ファイル自体のファイルサイズを小さくして通信帯域を節約すること。もう1つは画像をまとめることによって通信回数を減らすことだ。それぞれのポイントや作業方法を解説していこう。 最適化できる画像はどのくらいある? Webサイトの各ページには何かしらの画像ファイルが使われている。これらに改善の余地があるかどうかは、GoogleのPageSpeedなどの診断ツールを使って簡単に把握できる(参考:「PageSpeedを使ってWebサイトを最適化・高速化しよう」)。サイト運営でこれまでとくに画像最適化について意識していなければ、「?%サイズを縮小できる」「画像ファイルをまとめる」などのアドバイスを受けることだろう。 ファイルサイズを小さくできるPNG形式 一般に利用されている、

    画像ファイルの最適化とスプライト画像の作り方 | さくらのナレッジ
    misotas
    misotas 2015/01/06
    optipngの使い方
  • YUI Compressorで簡単にjavascriptとCSSを圧縮 - Affamative Way

    2015/04/20 追記 https://github.com/mishoo/UglifyJS 2012/02/11 追記 なんか変なまとめの影響でブクマが増えとる。。これ、2008年の記事だぞ。。 YUI Compresserも良いツールだけど最近だったらこの辺の方がいいよ。 http://dean.edwards.name/packer/ http://code.google.com/intl/ja/closure/compiler/ なぜコードの圧縮が有効か? Webサイトの高速化 フロントエンドのパフォーマンスの重要性 (Yahoo! developer netoworkより翻訳) || パフォーマンス・チューニングBlog: インターオフィス 要するに、Webサイトをより速くするための鍵は、フロントエンドのパフォーマンスを改善することにあるということです。 まず最初にやるべきな

    YUI Compressorで簡単にjavascriptとCSSを圧縮 - Affamative Way
  • 1