ばさっちが画像の圧縮サービスを紹介していましたが、 私はCSSの圧縮サービスでも改めて書いてみようかなと。 ◆SHRTHND http://shrthnd.volume7.io/ 昔からあるこちらのサービス。 CSSのショートハンドを自動で行ってくれます。 左側の「INPUT」にソースを突っ込むと、 右側の「OUTPUT」に出力されます。 例えば背景画像の指定に関して、 ——————– background-image: url(../images/point_09.gif); background-repeat: no-repeat; background-position: left top; ——————– ↑このように分けて指定した場合には ——————– background: url(..images/point_09.gif) no-repeat left top ; ——————– ↑のように一瞬で変換してくれます。 ◆CSS Minifier https://syncer.jp/css-minifier あとはこちらのサービス等で圧縮。 コードを貼れば一瞬で出力されます。 表示速度改善の為、お試しください! ぴの子
Staff blog