![http://fukuyama.co/imagealpha](https://cdn-ak-scissors.b.st-hatena.com/image/square/66d1d1cb5ba311926bc1ea102d080fbb2b74a7f2/height=288;version=1;width=512/http%3A%2F%2Ffukuyama.co%2Fwp-content%2Fuploads%2F2012%2F07%2Fimagealpha1.jpg)
暑苦しい土曜の夜、Twitterを眺めていたら「画像を最適化したいけど、うん千枚あって…」みたいなやりとりが目に止まりました。画像の最適化で楽をしたい場合は、「Smush.it™」とか「punypng」といったオンラインのサービスを使わせていただくのが手っ取り早い方法ですが、何千枚ともなると現実的ではないですね(笑)。 そこでちょっと調べてみたらありました。コマンドラインですが、特定フォルダ内の画像(JPGかPNG)を一発で最適化してしまう「imgopt」なる素敵ツールがあるじゃないですか。ということで、簡単ですがインストールして使うまでをまとめておきます。 (追記: 2011.07.03)なんか大阪にいる心優しい人が教えてくれましたよ、OS XのGUI版「imageoptim」。以下の準備が面倒な人はこれですな。Windowsな人はこの辺になんかあるかも。 ※ただし、OS Xのやり方なの
Trimage image compressor – 1.0.6 A cross-platform tool for losslessly optimizing PNG and JPG files for web. Trimage is a cross-platform GUI and command-line interface to optimize image files for websites, using optipng, pngcrush, advpng and jpegoptim, depending on the filetype (currently, PNG and JPG files are supported). It was inspired by imageoptim. All image files are losslessy compressed on t
As a savvy Charlottesville realtor since 2003, I specialize in Charlottesville luxury homes. And over these 19 years, I have found the best Charlottesville neighborhoods to live in. I divide Albemarle County (the City of Charlottesville sits in Albemarle County) four quadrants (north, south, east, and west) of Charlottesville. We begin our search in the north of Charlottesville in towns like Advan
For millions of websites, publishers, and online businesses, search is still the king. While social media may have the media's attention and Twitter and Facebook are garnering a lot of the hype, search still trumps them when it comes to driving traffic and being discovered by potential new customers. Because of the importance of search traffic to online business, there is an entire industry dedica
Our site has moved! The new address is getapp.com. Click on a category to see the list of apps on our new website: Collaboration Software Board Management Software Instant Messaging & Chat Software Intranet Software Construction CRM Software Construction Estimating Software Punch List Software Appointment Reminder Software Appointments and Scheduling Software CRM Software Data Collection Software
Case-sensitive Treat attributes in case sensitive manner (useful for custom HTML tags) Collapse boolean attributes Omit attribute values from boolean attributes Collapse inline tag whitespace Don't leave any spaces between display:inline; elements when collapsing. Must be used in conjunction with collapseWhitespace=true Collapse whitespace Collapse white space that contributes to text nodes in a d
日本のWeb業界でもそろそろサイトの表示パフォーマンスをどうにかしなきゃなぁ…と考えている方もいらっしゃることでしょう(ごく一部かもしれませんが 笑)。いわゆる普通のWebサイトの表示パフォーマンスの改善については、ここでも年末から数回にわたって取り上げています。 Webサイトの高速化的な話をWD誌でYSlow!、使ってわかるあんなことこんなことPage Speedでチェックついでに最適化Page Speedが1.6βになったようでここのエントリーに挙げた以外に、ちょっと前にゲリラ的にUSTREAMでくっちゃべってみたところ反響も大きかったようです(最初の回は特に他のどこ探してもないことも言いましたしね、フフフ)。 で、今回はこのブログでも使っているWordPressのパフォーマンスをアップさせるためにできることをいくつか紹介したいと思います。「できる」「できない」は設置されている環境で異
The second thing that concerned me was how small the baseline test page was, compared to the more complex pages. The main question I want to answer is “do inefficient CSS selectors slow down pages?” All five test pages contain 20,000 anchor elements (nested inside P, DIV, DIV, DIV). What changes is their CSS: baseline (no CSS), tag selector (one rule for the A tag), 20,000 class selectors, 20,000
Why clean markup? Markup smells Additional optimizations Agressive optimizations When things go wrong Antipatterns Tools Future considerations Why clean markup? Client-side optimization is getting a lot of attention lately, but some of its basic aspects seem to go unnoticed. If you look carefully at pages on the web (even those that are supposed to be highly optimized), it’s easy to spot a good am
サポート » 自作品の告知 » Webの改善に便利!Google Website Optimizerのスクリプト自動埋め込みプラグイン Google Website Optimizerの複雑で工程数の多い設定を簡単に行うことができます。 人為的なミスが軽減されると共に、作業時間の短縮も実現します。 作業時間の短縮が実現することから設定が面倒にならず、継続的に様々なパターンのGoogle Website Optimizerのテストを行うことができ、引いてはWebのより良い改善につながります。 機能 スクリプトの自動埋め込み コンテンツのインポート テスト期限設定 動作バージョン WordPress2.6以上のバージョンでの動作を確認しています。 ダウンロード 配布ページよりダウンロードしてください。 インストール方法 上記よりダウンロードしてください。 解凍して、WordPressのプラグイ
Firefox ではブックマークや履歴等をデータベースで管理していますが、長い期間使用しているうちにデータベースの肥大化のためウェブページの表示や、Firefoxそのものの動作が遅くなることがあります。 これらのデータの最適化を行うことにより、データの読出しや更新をスムーズに行えるようにして、Firefox の高速化を試みます。 ------------------------ 最適化は初期状態では REINDEX のみですが、 「VACUUM後にREINDEXを実行する」を選択すると VACCUM と REINDEX を行うようになります。 ※VACUUM 後に REINDEX をする設定にしてあってもデータベースの余分な隙間が20%未満の場合は REINDEX のみ行います。 手動実行時の記号の意味 一番上の大文字はそれぞれvacuum と reindex を表します。 V(acuum
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
Note: This post was first published on the 27th August, 2009. Web optimization is a vital part of web development and maintenance but also something often overlooked by webmasters. Just think of the money you can save and how it can potentially help increase your readership and traffic when they are properly done. If you have not done any optimization to your website (or blog) so far or are merely
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く