タグ

webperformanceに関するhashimoyaのブックマーク (11)

  • 20 Free Online Tools for Website Speed Testing

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. We all should be aware by now that Int

    20 Free Online Tools for Website Speed Testing
    hashimoya
    hashimoya 2011/11/13
    得体の知れないサービス使うより、firebugに集約させちゃえばいいんじゃね?と思うが、結果出力できたりするならアリなのかもな
  • CSSセレクタによる高速化、実際のところ « NAVER Engineers' Blog

    突然のジョブズ氏逝去のニュースに驚きました。 windowsからmacに移って一年に満たないにわかマカーですが、ご冥福をお祈りいたします。 ネイバージャパンでマークアップを担当している富田です。 さて、今回はサイトの高速化について、とくに、MEひとりでも実施可能なCSSHTMLのみでの高速化の手法とそれを実施する上で注意すべきポイントについて見てみたいと思います。 高速化のテクニックと、コーディング時のコスト CSSのセレクタは、body .contents .header span aというように、左から右により詳細になっていくように指定するかたちが一般的です。 しかしブラウザはこれとは逆に、右から左にセレクタを解釈しながら描画していきます。 そのため、より負荷のすくないCSSを書くために、 スタイルを当てる要素にはできるだけclass又はIDを指定する 子孫セレクタは重いので、

    hashimoya
    hashimoya 2011/10/15
    「施策の仕組を理解せずに盲目的にルール化してしまうと、過度な最適化となり、開発、運用を含めた日々の作業に思わぬコストが発生してしまうこともあります。」悩みどころ。
  • JPEGmini | Leading JPEG Compressor & Image Size Reducer

    Cut storage size, bandwidth and costs. Always keep the quality of your media files

    JPEGmini | Leading JPEG Compressor & Image Size Reducer
    hashimoya
    hashimoya 2011/09/06
    ほんとに違いがわからない…。JPGごってごてのページとかにすごい効きそう/トップの見せ方がいいなぁ
  • CSSセレクタのパフォーマンスへの影響 - MOL

    ASCII.jp:30分でできる!Webサイトを高速化する6大原則 高速化する6大原則として『4.CSS セレクターは短く最適化せよ!』とこの記事では挙げられているのですが、原則というのはちょっと言い過ぎではないかと。少なくとも『3.HTTPリクエストは最小にせよ!』などと同列に考えるのは避けた方が良いかもしれません。 というのも、ハイパフォーマンスWebサイトの著者であるSteve Soudersはこんなことを言っています。 CSSセレクタを最適化するために時間を費やすのは価値のあることだとは思わない。もし、明日起きて世界中のサイトのCSSセレクタが奇跡的に最適化されていたのなら、私は遠くに行ってこう叫びたい。『誰も気づいてないですやん!!』 High Performance Web Sites :: Performance Impact of CSS Selectors Steve S

    CSSセレクタのパフォーマンスへの影響 - MOL
    hashimoya
    hashimoya 2011/09/05
    Steve Soudersさん曰く「CSSセレクタを最適化するために時間を費やすのは価値のあることだとは思わない」。セレクタ短くしすぎるとメンテ性落ちるしな…。それよりHTTPリクエスト減らすとか。
  • CSS Sprite Tips and Techniques - Web Design Ledger

    Tips CSS Sprite Tips and Techniques Jake RocheleauDecember 21, 20107 Comments04.6k Spriting is a skillset in the web design field gaining lots of credibility. We initially saw these techniques applied to high-traffic websites such as Yahoo! and Digg. Over time even smaller-scaled web apps began applying sprites to their front end design specs. We’ll be going over some of the major benefits towards

    CSS Sprite Tips and Techniques - Web Design Ledger
    hashimoya
    hashimoya 2010/12/28
    サイズが変わる修正とか入るとちょとアレなんだよなぁ。使うところが限られる感じ
  • t32k.com - このウェブサイトは販売用です! - t32k リソースおよび情報

    このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

    hashimoya
    hashimoya 2010/12/13
    リラックスさせる色を使ったほうが体感速度があがりやすい。→青とか白とか/心理的な側面からのパフォーマンス向上
  • t32k.com - このウェブサイトは販売用です! - t32k リソースおよび情報

    このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

    hashimoya
    hashimoya 2010/11/25
    「良いユーザーエクスペリエンスの作り方の原則として、第1に速くあれ!」という流れと、しかし、ただ単に数値を速くするだけじゃだめだってこと。見せ方をちょっと工夫してあげる。
  • ウェブサイトパフォーマンス入門 - ニコール・サリバン | warikiru

    2009-11-29 ウェブサイトパフォーマンス入門 - ニコール・サリバン ラベル: performance, report Web Directions East 2009 ワークショップ 11月12日 ウェブサイトパフォーマンス入門 ニコール・サリバン 通訳はcouldの長谷川さんだよ。 Design Fast WebsitesView more documents from Nicole Sullivan.スライドはほぼこれと一緒で、収益に関するデータが新たに追加されてた感じ。 Nicole Sullivan (ニコール・サリバン)3000以上にも昇る大規模サイトの最適化に携わって来た Nicole Sullivan は、現在 Yahoo! のパフォーマンスエンジニアと最適化のエバンジェリストとして国内外のセミナーで講演。Webサイトに関する研究だけでなく、プロジェクト管理もこなす

    hashimoya
    hashimoya 2010/05/13
    Web Directions East 2009 ワークショップのやつ。パフォーマンス向上の話をする時はけっこう出てくる
  • Web ページを高速化する

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    Web ページを高速化する
    hashimoya
    hashimoya 2010/05/13
    よくまとまってるなぁ…
  • 縮小専用。

    皆様のお陰でベクター「人気投票2011 最終決選投票」で グラフィック部門賞を受賞することができました! 拙いソフトウェアですが今後とも縮小専用をよろしくお願い致します。

    hashimoya
    hashimoya 2010/05/13
    効果などのチェックをすべて外して試してみたが、元画像とほとんど画質は変わらず、けっこうな縮小率。スゲー
  • OptiPNGとPNGGauntlet - faireal.net

    画質に一切影響を与えずPNGのサイズを20%小さくする 2003年11月 4日 記事ID d31104 PNGのファイルサイズの最適化について。オープンソースとWindowsバイナリ。 概要 可逆圧縮画像フォーマットPNGでは、 アルゴリズムが固定されているGIFとは異なり、 内部的に、圧縮率に影響する多くのオプションを使える(例えば下記OptiPNGは自動で最大228パターン、手動では1000以上のオプション組み合わせを試せる)。 256色しか使えないGIFより優秀で、 256色以下でも通常GIFより5~25%コンパクトなPNGだが、 内部のオプションを最適化することで、さらに最大20%以上、サイズが縮む。 画像処理ソフトが作成したPNGを入力し、 最適化したPNGを出力するPNG→PNG再圧縮系フリーウェアを2点、ご紹介しよう。 PNGそれ自体は可逆(ロスレス)圧縮なので、再圧縮したか

    hashimoya
    hashimoya 2010/05/12
    PNG圧縮のツール紹介。
  • 1