[B! Webサイト高速化] web-gyunyuのブックマーク

web-gyunyu id:web-gyunyu

Webサイト高速化に関するweb-gyunyuのブックマーク (7)

Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
web-gyunyu 2013/06/04
Webサイト高速化
リンク
【画像最適化】スマートフォン(ウェブアプリ)開発時における画像の最適な扱い方 – T2
読了: 約 4 分こんにちわ。少しずつ夏の足音を感じる今日この頃皆さんはいかがお過ごしでしょうか。絶賛スマホのウェブアプリを開発中の私ですが、開発・運用している中で学んだ事があったので、メモしておきます。はじめに皆さんはどのようなスマートフォンサイト、スマホのウェブアプリを作成しているでしょうか。スマートフォンサイトといえば、あの忌まわしきIEから解放され、CSS3で角丸やbox-shadowなどを使ってデザインされている事だと思います。なるべく画像を使わないように、写真とピクトグラム、CSSでグラデーション。というようなサイトをよく見かけます。ウェブアプリといっても様々な形がありますが、今回は今私が開発しているアプリを作成している中で得たノウハウ？をメモしておきます。 CSSスプライトという神話 PCでの制作の時から画像はHTTPRequest数を減らすために極力まとめて
web-gyunyu 2013/05/27
cssスプライト

Webサイト高速化
リンク
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノオンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
web-gyunyu 2013/02/13
Webサイト高速化
リンク
30分でできる！Webサイトを高速化する6大原則 (4/4)
5.CSSは上に、JavaScriptは下に『まとめて』記述せよ CSSとJavaScrptの記述場所にも、高速化のためのルールがある。CSSは必ずhead要素の中の上部に、JavaScriptは下部にまとめて記述すること。下のグラフのとおり、まとめて書けば読み込みが速くなる。 ●悪い例：CSSの間にJavaScriptを挟んでいる <head> <link rel="stylesheet" type="text/css" href="stylesheet1.css" /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> <link rel="stylesheet" type="text/css" href="style
web-gyunyu 2013/02/13
Webサイト高速化
リンク
Webサイト高速化のプロセスだって自動化したい
サーバ側にmod_spdyをインストールし、Google Chromeで、HTTP2.0でベースとなるSPDYのデモが行われた「Chrome Tech Talk Night #5」をレポートする。 Webサイト高速化のプロセス自動化と最高のパフォーマンス計測ツール 1月31日、Google 東京オフィスで開催された「Chrome Tech Talk Night #5」の模様をレポートします。Chrome Developer AdvocateのIlya Grigorik（イルヤ・グリゴリック）氏を迎え、SPDY導入方法を含むWebアプリケーションの高速化や、パフォーマンス向上の手法について説明されました。イベント自体は「Making the Web Fast with PageSpeed」、「Wait, Chrome DevTools can do THAT?」の2部構成でしたが、このレポ
web-gyunyu 2013/02/07
Webサイト高速化
リンク
https://www.suzukikenichi.com/images/sprite_rei1.png
web-gyunyu 2013/01/25
Webサイト高速化
リンク
身につけておきたいWebサイト高速化テクニック #1｜アジェンダ編 | DevelopersIO
Webサイトの表示高速化対策していますか？日本は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。日本のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱！貧弱ゥ！」です。幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。それまでは、「手間がかかりすぎるからできればやりたくない」というのが本音でした。職務怠慢ですね（苦笑）。でも、できるだけ楽したい！と思うのが人の常。この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。基本的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試
web-gyunyu 2013/01/15
Webサイト高速化
リンク
1