Enviar búsqueda
Cargar
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
•
1 recomendación
•
824 vistas
parrotstudio
Seguir
2011/02/12におこなったLT資料 漫画はコミPo!で作成
Leer menos
Leer más
Tecnología
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 54
Descargar ahora
Descargar para leer sin conexión
Recomendados
エコなWebサーバー
エコなWebサーバー
emasaka
今週やった事
今週やった事
Aira Sakajiri
Scaling
Scaling
Kazuho Oku
JSONでメール送信 | HTTP API Server ``Haineko''/YAPC::Asia Tokyo 2013 LT Day2
JSONでメール送信 | HTTP API Server ``Haineko''/YAPC::Asia Tokyo 2013 LT Day2
azumakuniyuki 🐈
高速化のポイント
高速化のポイント
ryos36
RaspberryPiでSambaサーバを構築してみた話
RaspberryPiでSambaサーバを構築してみた話
wakatakeru
Web時代の大富豪的プログラミングのススメ
Web時代の大富豪的プログラミングのススメ
Hideyuki Takeuchi
お金をかけないDBチューニング
お金をかけないDBチューニング
Kazuya Sato
Recomendados
エコなWebサーバー
エコなWebサーバー
emasaka
今週やった事
今週やった事
Aira Sakajiri
Scaling
Scaling
Kazuho Oku
JSONでメール送信 | HTTP API Server ``Haineko''/YAPC::Asia Tokyo 2013 LT Day2
JSONでメール送信 | HTTP API Server ``Haineko''/YAPC::Asia Tokyo 2013 LT Day2
azumakuniyuki 🐈
高速化のポイント
高速化のポイント
ryos36
RaspberryPiでSambaサーバを構築してみた話
RaspberryPiでSambaサーバを構築してみた話
wakatakeru
Web時代の大富豪的プログラミングのススメ
Web時代の大富豪的プログラミングのススメ
Hideyuki Takeuchi
お金をかけないDBチューニング
お金をかけないDBチューニング
Kazuya Sato
DynamoDBのまえにキャッシュおく奴
DynamoDBのまえにキャッシュおく奴
Sugawara Genki
Traffic Management with Istio ( with Demo )
Traffic Management with Istio ( with Demo )
ロフト くん
mrubyのfiberを試してみた
mrubyのfiberを試してみた
Kindai University
Re:VIEW新パーサ現状確認(2015年2月版)
Re:VIEW新パーサ現状確認(2015年2月版)
masayoshi takahashi
20120721_ishkawa
20120721_ishkawa
Yosuke Ishikawa
Webサーバの性能測定
Webサーバの性能測定
Ryo Maruyama
MmapScanner
MmapScanner
Masahiro Tomita
旅行予約サイトにおけるレコメンデーション導入効果の最大化
旅行予約サイトにおけるレコメンデーション導入効果の最大化
businessanalytics
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
Daisuke Hiraishi
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
Daisuke Hiraishi
CPA最適化配信のポイント
CPA最適化配信のポイント
Bypass_DSP
メールのCVR向上施策_110831
メールのCVR向上施策_110831
j-muraki
メルマガマーケティング Ato z
メルマガマーケティング Ato z
Hati Miura
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
Katsuaki Sato
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
schoowebcampus
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
Kato Kyosuke
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
Chihiro Kurosawa
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
parrotstudio
FM音源をいじれるWebサービスを作った
FM音源をいじれるWebサービスを作った
CHY72
Couch DB in 15minutes
Couch DB in 15minutes
Yohei Sasaki
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
Akihiro Kuwano
CommunityOpenDay2012名古屋セッション資料
CommunityOpenDay2012名古屋セッション資料
Shinichiro Isago
Más contenido relacionado
La actualidad más candente
DynamoDBのまえにキャッシュおく奴
DynamoDBのまえにキャッシュおく奴
Sugawara Genki
Traffic Management with Istio ( with Demo )
Traffic Management with Istio ( with Demo )
ロフト くん
mrubyのfiberを試してみた
mrubyのfiberを試してみた
Kindai University
Re:VIEW新パーサ現状確認(2015年2月版)
Re:VIEW新パーサ現状確認(2015年2月版)
masayoshi takahashi
20120721_ishkawa
20120721_ishkawa
Yosuke Ishikawa
Webサーバの性能測定
Webサーバの性能測定
Ryo Maruyama
MmapScanner
MmapScanner
Masahiro Tomita
La actualidad más candente
(7)
DynamoDBのまえにキャッシュおく奴
DynamoDBのまえにキャッシュおく奴
Traffic Management with Istio ( with Demo )
Traffic Management with Istio ( with Demo )
mrubyのfiberを試してみた
mrubyのfiberを試してみた
Re:VIEW新パーサ現状確認(2015年2月版)
Re:VIEW新パーサ現状確認(2015年2月版)
20120721_ishkawa
20120721_ishkawa
Webサーバの性能測定
Webサーバの性能測定
MmapScanner
MmapScanner
Destacado
旅行予約サイトにおけるレコメンデーション導入効果の最大化
旅行予約サイトにおけるレコメンデーション導入効果の最大化
businessanalytics
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
Daisuke Hiraishi
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
Daisuke Hiraishi
CPA最適化配信のポイント
CPA最適化配信のポイント
Bypass_DSP
メールのCVR向上施策_110831
メールのCVR向上施策_110831
j-muraki
メルマガマーケティング Ato z
メルマガマーケティング Ato z
Hati Miura
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
Katsuaki Sato
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
schoowebcampus
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
Kato Kyosuke
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
Chihiro Kurosawa
Destacado
(10)
旅行予約サイトにおけるレコメンデーション導入効果の最大化
旅行予約サイトにおけるレコメンデーション導入効果の最大化
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
ユーザーテスト体験イベント@株式会社メンバーズ 20150703
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
CPA最適化配信のポイント
CPA最適化配信のポイント
メールのCVR向上施策_110831
メールのCVR向上施策_110831
メルマガマーケティング Ato z
メルマガマーケティング Ato z
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
KAIZEN platformの公開グロースハック!〜 CVRを40%以上向上させた施策 先生:須藤 憲司
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
Similar a 思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
parrotstudio
FM音源をいじれるWebサービスを作った
FM音源をいじれるWebサービスを作った
CHY72
Couch DB in 15minutes
Couch DB in 15minutes
Yohei Sasaki
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
Akihiro Kuwano
CommunityOpenDay2012名古屋セッション資料
CommunityOpenDay2012名古屋セッション資料
Shinichiro Isago
Windows Azure Community Open Day 2012
Windows Azure Community Open Day 2012
Microsoft Openness Japan
20221214_TechFeed_10_kitazaki_v1.pdf
20221214_TechFeed_10_kitazaki_v1.pdf
Ayachika Kitazaki
20201127 .NET 5
20201127 .NET 5
Takayoshi Tanaka
20230511_Node-RED_Park_vol11_kitazaki_v1.pdf
20230511_Node-RED_Park_vol11_kitazaki_v1.pdf
Ayachika Kitazaki
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
10th jan 2013_miyazaki
10th jan 2013_miyazaki
Kensaku Komatsu
Tremaで構築!中小企業の社内LAN #Tremaday 120419
Tremaで構築!中小企業の社内LAN #Tremaday 120419
エイシュン コンドウ
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
dena_study
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
Takao Tetsuro
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfes
Takeshi Komiya
【とらラボLT】go言語でのweb apiの作り方3選
【とらラボLT】go言語でのweb apiの作り方3選
虎の穴 開発室
CouchDB JP & BigCouch
CouchDB JP & BigCouch
Yohei Sasaki
Smart Tennis Lesson Serverless Design
Smart Tennis Lesson Serverless Design
Ryuji TAKEHARA
20191211_Apache_Arrow_Meetup_Tokyo
20191211_Apache_Arrow_Meetup_Tokyo
Kohei KaiGai
Crooz meet fusion io3 open
Crooz meet fusion io3 open
takaoka susumu
Similar a 思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
(20)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
どきっ!三行で作るランダムダンジョン!?~WEBもあるよ!~ - 2010/8/21 群馬Web研究会(勉強会)
FM音源をいじれるWebサービスを作った
FM音源をいじれるWebサービスを作った
Couch DB in 15minutes
Couch DB in 15minutes
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
CommunityOpenDay2012名古屋セッション資料
CommunityOpenDay2012名古屋セッション資料
Windows Azure Community Open Day 2012
Windows Azure Community Open Day 2012
20221214_TechFeed_10_kitazaki_v1.pdf
20221214_TechFeed_10_kitazaki_v1.pdf
20201127 .NET 5
20201127 .NET 5
20230511_Node-RED_Park_vol11_kitazaki_v1.pdf
20230511_Node-RED_Park_vol11_kitazaki_v1.pdf
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
10th jan 2013_miyazaki
10th jan 2013_miyazaki
Tremaで構築!中小企業の社内LAN #Tremaday 120419
Tremaで構築!中小企業の社内LAN #Tremaday 120419
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfes
【とらラボLT】go言語でのweb apiの作り方3選
【とらラボLT】go言語でのweb apiの作り方3選
CouchDB JP & BigCouch
CouchDB JP & BigCouch
Smart Tennis Lesson Serverless Design
Smart Tennis Lesson Serverless Design
20191211_Apache_Arrow_Meetup_Tokyo
20191211_Apache_Arrow_Meetup_Tokyo
Crooz meet fusion io3 open
Crooz meet fusion io3 open
Más de parrotstudio
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
parrotstudio
希望の関数と絶望の副作用
希望の関数と絶望の副作用
parrotstudio
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
parrotstudio
ぱろっと、Padrinoやめるってよ
ぱろっと、Padrinoやめるってよ
parrotstudio
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
parrotstudio
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
parrotstudio
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
parrotstudio
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
parrotstudio
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
parrotstudio
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
parrotstudio
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
parrotstudio
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
parrotstudio
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
parrotstudio
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
Más de parrotstudio
(14)
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
"プロのプログラマ"を目指す初心者が最初に読むべきたった一冊の本
希望の関数と絶望の副作用
希望の関数と絶望の副作用
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
「もうなにもこわくない」関数型言語 〜ふつうのプログラマが関数型言語を知るべき理由・reload〜
ぱろっと、Padrinoやめるってよ
ぱろっと、Padrinoやめるってよ
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
エンジニアがTRPGをやるべき理由 〜隣り合わせの遊びと技術〜 (Gunma.web #12 2013/02/09)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
(´・ω・`)としたーは衰退しました (Gunma.web #11 2012/11/23)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
私に作る時間がないのはどう考えても仕事が悪い!? (Gunma.web #10 2012/09/08)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
ネタプログラミング言語クリエイターYouma (Gunma.web #8 2012/03/03)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
プログラマになれないあなたのための言語戦略 (Gunma.web #7 2011/12/17)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
Signs;Gate - RESTfulなサイトの作り方 (Gunma.web #6 2011/09/03)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
「再代入なんて、あるわけない」 ~ふつうのプログラマが関数型言語を知るべき理由~ (Gunma.web #5 2011/05/14)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
俺の体がこんなにすっきりしているわけがない ~5分でわかる催眠プログラミング~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
「一番いいおすすめを頼む」 ~5分でわかるレコメンドエンジンの基礎~ (Gunma.web #3 2010/12/11)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
Último
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Último
(11)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
思い通りにいかないのがWebなんて 割り切りたくないから (Gunma.web #4 2011/02/12)
1.
思い通りにいかないのがWebなんて
割り切りたくないから Present by ぱろっと(@parrot_studio) for Gunma.web #4 2011/02/12
2.
Profile Twitter : @parrot_studio hatena/github
: parrot_studio
3.
Recent Work ・rdgc-dm 0.2.2
2011/01/22 Released!! ・“RO”gue #2 - The White Maze - Coming Soon ...? ・Trying to make something with “Scala”
4.
Chapter I
誰も僕を責めることはできない
5.
今回のテーマ: Webサイトが重くなる原因
6.
例:とあるWeb企業にて
7.
8.
9.
10.
11.
よく言われること: サーバサイドプログラムが遅い
12.
CPU処理速度の比較 Core i7 2600(3.4GHz)
10倍以上 Pen4 3.0GHz しかも8スレッド Σ(゚Д゚;≡;゚д゚) 0 4000 8000 12000
13.
Firebugで サイトの描画時間を計ってみる
14.
グラフの見方 青:DNSルックアップ 緑:接続 ベージュ:ブラウザの待ち 紫:サーバサイド処理
15.
HatenaのBlog
http://d.hatena.ne.jp/parrot_studio/
16.
ROのBlog(FC2)
http://parrot.blog21.fc2.com//
17.
描画時間
サーバサイド 全描画 (sec) 処理 (外部を除く) Hatena 0.659 1.44 (<1.0) RO(FC2) 0.649 6.6 (>5.0) ※外部:TwitterのBlogパーツや広告等
18.
TCP/IP通信のステップ (DNSルックアップ) => セッション確立
=> リクエスト送信 => サーバ処理 => レスポンス受信 (=> 描画・実行等)
19.
ネットワーク通信が多いほど 総合的な画面描画は遅い
=重い(´-ω-)
20.
Chapter II
僕にその手を動かせというのか
21.
どうやって ネットワーク通信の無駄 を省くか(´・ω・)?
22.
今回は 「画像」と「Ajax」 についてだけ
23.
Case:1 多すぎるアイコン
24.
リッチなデザインほど 細かいところまでアイコンで表現する
(´・ω・)(・ω・`)ネー
25.
よく見ると ほとんどが ブラウザの待ち
26.
ブラウザの 同時接続数が4だとすると
100個の画像を読むのに 25回分の通信時間がいる(lll゚Д゚)
27.
解決策の一例: CSSスプライト
28.
画像を一つにまとめて CSSで一部を切り出して表示
29.
まとめる
div#icon_blue { width: 10px; height: 10px; background-image: url(/icons.png); background-repeat: no-repeat; background-position: 0 -20px; }
30.
画像の数が大幅に減るので 通信時間減少・キャッシュ有効
∠( ゚д゚)/
31.
But... ・画像を部分的に更新できない ・CSSを書くコスト増大
・ブラウザの描画コストが増える ・ユーザ投稿画像には使えない
32.
サイトの傾向に応じて検討を
(`・ω・´) b
33.
Case:2 Ajaxの隠れた無駄
34.
例: 都道府県に対応する地区を APIから動的に読み込み
35.
jQueryで単純に書くと・・・ // 県に対応する地区の取得function var get_addr_list
= function(cd){ // 呼ばれるたびに通信発生 return $.getJSON(url, {p: cd}); }
36.
A県→B県→A県と操作する場合 A県に対するレスポンスは同じ => 通信の無駄(´・ω・`)
37.
APIの結果をキャッシュしよう! var cache =
{}; var get_addr_list = function(cd){ // キャッシュされていなかったら通信してGET if (! cache[cd]) { cache[cd] = $.getJSON(url, {p: cd}); } return cache[cd]; }
38.
こんな場合は(・A・)イクナイ!! ・APIに副作用がある (実行のたびに結果が変わる) ・データが巨大/複雑すぎる (ブラウザの使用メモリが莫大に)
39.
(DBにアクセスするコスト同様) APIにアクセスするコストも考えよう
(`・ω・´)
40.
Chapter III
すくいきれないもの
41.
他にもある”遅くなる原因”
42.
サーバサイドのプログラムが遅い サーバが(ネットワーク的に)遠い キャッシュを使ってない サーバで圧縮をしてない(gzip / mod_pagespeed) やり取りするファイルがでかい(圧縮されてない・無駄が多い等) CSS/JSが外部ファイル化されてない(キャッシュがきかない) CSSがheadの外にある(後から読まれるCSSは再描画発生でちらつく) CSSが分散している(ファイルが複数・HTMLに不要な直書き) CSSのセレクタが複雑すぎる JSの書き方が重い(無駄な処理してない?
書き換えを繰り返してない?) AjaxでAPIを叩きすぎ(いっぺんにデータが取れない? キャッシュできない?) DOMツリーの走査に時間をかけすぎ(DOMが複雑ならidでコストダウン) 画像多すぎ(画像の数だけリクエストが投げられる) etc...
43.
原因は一つではないから Firebug等のツールで確認が必要
44.
詳しくは・・・
45.
デザイナー
サーバ担当 プログラマー それぞれできることがある
46.
手を取り合って
47.
ありがとうございました (・∀・)人(・∀・)人(・∀・)
48.
【おまけ】
49.
せんせー(`・ω・´)ノ ブラウザのキャッシュを使えば 画像を読み込まないんじゃ?
50.
キャッシュを使っても 通信が発生する場合がある (キャッシュ確認で通信 => コード304)
51.
でも、Expiresヘッダを使えば
指定された期間通信しない # Apacheの例 ExpiresActive On ExpiresType image/png “access plus 1 year”
52.
せんせー、それだと画像を更新しても 再取得してもらえませんよ
(´・ω・)?
53.
URLに細工しよう(`・ω・´) b src=“/images/icon.png?12345678”
※数値はファイルの更新時間
54.
Rails等のフレームワークなら 自動でこういったURLになるよ
(´・ω・)(・ω・`)ネー
Descargar ahora