タグ

高速化とCSSに関するdeg84のブックマーク (3)

  • サイト高速化のための JavaScript と CSS 圧縮スクリプト - cypher256's blog

    サイトパフォーマンス計測ツールの PageSpeed や YSlow を使うと、JavaScriptCSS を 1 つにして圧縮しろしろ、怒られ?ます。圧縮するには、Eclipse プラグインや GUI ツールなどもありますが、ant のコマンドでお手軽にしたい場合はこんなのでいけます。呼び出している yuicompressor は Yahoo!Java 製圧縮ライブラリーです。 <?xml version="1.0" encoding="UTF-8"?> <project default="build"> <target name="build"> <!-- JavaScript 連結 --> <concat destfile="httpdocs/all.js" encoding="UTF-8" fixlastline="yes" eol="lf"> <filelist di

    サイト高速化のための JavaScript と CSS 圧縮スクリプト - cypher256's blog
  • CSSのオンライン圧縮ツール色々:phpspot開発日誌

    CSSのオンライン圧縮ツールが25種類ほどまとまったエントリのご紹介です。 沢山のオンライン圧縮ツールがあるので自分にあったものを探せそうですね。ソフトを立ち上げずとも圧縮できる手軽さは魅力です。 以下のエントリを参照してください。 25 Online CSS Compressors To Optimize Your Styles Print Radar - Scanning digital space

  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • 1