[B! WEB][高速化] atm_09_tdのブックマーク

とあるサイトの高速化についてフロントエンドでやったことまとめ。 - Toro_Unit

業務で携わっている案件なのですが、アクセス数の急増が見込まれるイベントがありまして。準備期間も少なく、バックエンド側でできることがほぼないという状況でサイトを落とさないようにがんばる！というお仕事でした。レガシーソースてんこ盛り。CSSプリプロセッサとか何それ状態。そこで実施した対策のまとめです。サーバー・アプリケーション・サイトの構成によって、効果の大小はありますが、比較的効果があったと思われるものをつらつらと。リクエストの削減とファイルサイズの最適化まず一番最初に考えなければいけないのがリクエスト数です。すごいおおざっぱに言うと、WEBサーバー（ApacheとかNginxとか）への負荷は、PV数×リクエスト数です。PVがそんなに無くてもそのページのリクエストがめちゃくちゃ多いとそれだけでかなりの負荷になります。リクエストを半分にできれば2倍の人数がさばけるってことに、すげーおおざ

atm_09_td 2014/11/28

リンク

WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –

WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – Jxck 画像は、サイズが大きい（大きくなりがちな）コンテンツの一つです。最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 Googleの調査では、現在Web上のトラフィックの65%を画像が占めているそうです。Introで解説したように、パフォーマンスを考えるとファイルサイズは「なるべく小さく」が望ましいため、画像は通常圧縮された形式で使用されます。 WebPは、Googleが開発した圧縮形式で、従来の形式よりもファイルサイズを小さくすることを目的としています。今回はそんなWebPの概要と使い方、注意点を取り上げます。画像圧縮とは？ここで対象としているのはピクセル形式

atm_09_td 2013/09/26

リンク

身につけておきたいWebサイト高速化テクニック #2｜検証ツールとそもそもHTTPって何だ編 | DevelopersIO

第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？右上にあるボタンをちょちょっと。本題余談はさておき、本題に入りましょう。今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。この記事の

atm_09_td 2013/01/25

リンク

ウェブサイト高速化勉強会に参加してきた #tnmk0929 - Diary of absj31

ウェブサイト高速化勉強会 : ATND 2012/09/29 ウェブサイト高速化勉強会 #tnmk0929 - Togetter さくらのVPSにてサーバ＆ドメイン取得を行った流れもあり、個人用鯖にも何らかのWebコンテンツを配備・公開して行く事になるだろう(てかそういう風にして行きたい)と言うのもあり、ちょうど目にしたこちらの勉強会に目が留まり、参加して来ました。なので現状のWebサイトを高速化させるために、ってのではなくて今後のために、という意味合いが強いですね。会場は横浜タネマキ。最近は個人的にはYokohama.groovy等で2週間に一遍は使ってる感じですね。タネマキ【コワーキング＆シェアオフィススペース】開始間際、ディスプレイ接続で調整が上手く行かず10分程押した後スタート。 Web Site Optimization for Beginners こもりまさあき