CSSを最適化する3つのツール | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier WebサイトやWebページ、WebアプリケーションにとってCSSはデザインを実現する中核技術となっている。このCSSを最適化する3つのツールが3 Useful Tools To Optimize your Blog’s CSS - Make Tech Easierにおいて紹介されている。紹介記事そのものはブログで利用されるCSSを取り出して最適化するストーリーになっているが、汎用的なテクニックとして利用できる。紹介されているテクニックとツールは次のとおり。 CSSファイル編集テクニック CSSはHTML内部に記述するのではなく外部ファイルにまとめる 属性に繰り返し同じ設定を記載するのではなく、クラスとして定義して利用するようにする。たとえば複数のクラス
Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました - Feel Like A Fallinstar
Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考： 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。 ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・（大汗 細かいことでもちゃんと積み重ねて行かねばと。 というわけで、軽快なサイトを実装するためのTipsを自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。 まずはまとめ記事から 原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。 30分でできる！Webサイトを高速化する6大原則 最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。 具体的な方法もいくつ
tshinobu.com - Fireworksでスライス名を一括置換するスクリプト(jsf)
Fireworksのスクリプトの実行、今日めんどいなあと思う作業があって調べてみたんですけど、便利すぎて衝撃的でした。今までどうして知らなかったんだろうという感じです。以下サイトでいくつか紹介されていますが、スライスに連番＋一括名前設定は効率的すぎてやばいです。さっそく使わさせてもらっています。 ■オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB) http://www.pixelimage.jp/blog/2008/02/_fireworks.html で、上記サイトを参考に僕もFireworksでスライス名を一括置換するスクリプトを書いてみました。以下スクリプトを拡張子「jsf」で保存、対象のスライスを選択して「コマンド」→「スクリプトの実行」→保存したスクリプトを読み込んでご利用いただけます。「C:\Documents and Set
AzConvPNG
画像ファイル (BMP/PNG/GIF) またはクリップボードの画像を PNG ファイルに変換します。 それぞれのフィルタや圧縮時のパラメータを比較し、一番サイズが小さくなった形式で保存します。 フォルダで一括変換することもできます。 ＜保存までの流れ＞ 画像を一旦フルカラーで読み込み ↓ 色数最適化 (1/2/4/8/24/32BIT) ↓ フィルタを比較 (0〜5) ↓ Deflate パラメータを比較 (zw 15〜8、zm 9〜4) ↓ 4BIT 以下の場合は、8BIT でフィルタと Deflate パラメータを同じように比較 ↓ 一番サイズの小さい形式で保存 ※元ファイルに含まれている画像以外の情報 (テキストなど) は出力されません。 ※出力するパレットの順番は元のファイルのパレット順と異なりますので、パレット順を変更したくない場合は使用しないでください。
punypng - PNG Image Optimization and Compression - Gracepoint After Five
* Flash required. Supported Types: JPG, GIF and PNG (Max 500KB each) What is punypng? punypng is a free optimization service that can dramatically reduce the file size of an image by converting it into a highly-compressed, lossless PNG image. That translates to outrageously efficient web page loading, and just makes the web more puny. Making the web more puny isn't cheap, so help support our cause
Webサイトの高速化的な話をWD誌で | gaspanik weblog
先日エイプリルフールにあげた冗談エントリーのお詫びとして、Webサイトの高速化というかパフォーマンスアップのネタをこのブログに書こうと画策していたのですが、実は本日18日にそれらの内容をまとめた特集を含む「Web Designing vol. 102」がマイコミさんから発売されてしまいました…。（いや、書いたのボクですけど 笑）。 “Web Designing vol. 102″ on Flickr Originally uploaded by [cipher]. とまぁ、出ちゃったからにはしょうがないので、本誌に掲載された内容のフォローとか締切以降に変わった話なんかをピックアップしてみたいと思います。ちなみに今回のこの記事、Livedoorの浜俊太朗さんと二人で書いてます。 高速化のキモは違う視点でサイトを見直すことWebサイトの評価というのは、見る人によって変わってきます。やれ、デザイ
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。 お客様がウェブを閲覧するのは1日の中のほんの限られた時間です。その貴重な時間を割いてYahoo!ニュースに来ていただくわけですから、1ページでも多くの記事を「読みやすく」「ストレスなく」見ていただけるようにするのが、Yahoo!ニュースがお客様にできる最高のおもてなしだと考えています。そこで、今回のリニューアルでは、サイトデザイン側からのアプローチとして以下の2点の施策を行いました。 １
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp： オプティマイジングWebサイト ―SEO・サーバ・クライアントの最適化技術: Andrew B. King, 山名 早人(監訳), 原 隆文: 本
http://gerenuk.crazyphoto.org/2009/06/24/854/
Yahoo Developer Network