Webパフォーマンス虎の巻
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの？という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
Webpagetestでサイトのパフォーマンスを定期計測する - アクトインディ開発者ブログ
morishitaです。 今回は社内でプライベートに運用している Webpagetest について紹介します。 日経新聞やDev.toなど爆速を実現している Web サイトが度々話題となります。 それは Web サイトにとってページの表示速度が非常に重要で関心が高いからだと思います。 サーバサイドの速度も重要ですが、近年、クライアントサイドの描画スピードのチューニングにも注目が集まっています。 残念ながら爆速といえる状態は実現できてはいませんが、 いこーよやいこレポでもページの表示速度は重要だと考えていて絶えず改善を続けています。 速度改善は計測から始まります。 まず現状を計測してボトルネックを把握し、改善施策を実施してまた計測、そして前後を比較する。 それにより施策の効果を測ることができます。 その計測、皆さんどうしているでしょうか？ 手っ取り早いツールとしては Chrome のデベロッ
「我々はモバイルバナー広告を掲載しない」：女性向けメディア「ポップシュガー」CEOに聞く | DIGIDAY［日本版］
女性向けライフスタイルメディア「ポップシュガー（PopSugar）」は、まもなく設立から10年を迎える。その10年間に、創設者のブライアン・シュガー氏はデジタルメディアの盛衰を見てきた。そんななか、シュガー氏が取り組んでよかったと回顧する初期の方策のひとつに、ディスプレイ広告に依存しないという方針がある。 米DIGIDAYの取材で、アパレルメーカーのJ.クルー元幹部であるシュガー氏は「eコマース出身の我々は、ディスプレイ広告に金をかけなかった」と語った。「我々はパフォーマンス・マーケティングに金をかけた。アフィリエイト・マーケティングがオンライン広告費の非常に大きな構成要素になると、私は確信していた」とシュガー氏。 代わりにポップシュガーが構築したのは、分散型のメディア事業だ。同社のビジネスモデルでは、ディスプレイ広告とネイティブプログラムが販売されるいっぽうで、アフィリエイト手数料やサブ
有料課金モデルで高めるべきはコンテンツの「クオリティ」ではなく「距離感」
どうも鳥井（@hirofumi21）です。 最近至るところで言われていることではありますが、今年は有料課金モデルがひとつ潮流になることは間違いないと思います。 その方法はいろいろあって、由緒正しき有料メルマガから始まり、Synapseが提供するオンラインサロンや、noteの有料マガジン、Peatixを活用したオフラインのリアルイベントなんかも有料課金モデルに含まれるでしょう。 ご多分に漏れず、昨年うちの会社でも「編集女子（オンラインサロン）」「もとくらの袋とじ（有料マガジン）」「灯台もと倶楽部（リアルイベント）」などなど、いろいろと試してみました。 年末年始にその反省をしつつ、今後の有料課金モデルの行く末を色々と考えてみたのですが、そこでハッと気づいた事がありました。 それは、有料課金モデルで高めるべきはコンテンツの「クオリティ」ではなく、「距離感」であるということです。今日はそんなお話を
High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。 HTMLは単に複雑さと要素の数を減らすだけでは、パースにかかる時間をあまり改善することはできません。しかしよく作られたHTMLはページを素早くロードするための決定的な土台になり、異なるビューポートサイズに対応するレイアウトになります。 さまざまなデバイスに対して素早くロードし、うまくいくコンテンツを作ることができるクリーンで簡潔なHTMLのコードを紹介します。 High performance HTML 下記は各ポイントを意訳したものです。 著者のSam Dutton氏は、Google ChromeのDeveloper Advocateをされています。 ※当ブログでの翻訳
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
memcached＋PostgreSQLで実現するハイパフォーマンスWebアプリケーション構築（1/4） ― ＠IT
本稿の前提環境 memcached 1.2.5 データベース：PostgreSQL 8.3.1 OS：CentOS 5（Linux kernel 2.6 ） シェル：bash CPU：Intel Core2Quad 9660 2.4GHz RAM：PC2-6400 8GBytes memcachedは、Danga Interactiveによって開発されたオープンソースのメモリキャッシュサーバです。 メモリ上にデータを保存するのでmemcachedを終了するとデータが失われますが、（OracleやMySQLといった）RDBMSと比較するとけた違いの高速レスポンス性能を有し、数千万件という大量のデータを扱ってもほとんど性能が劣化しないという特徴があります。 機能は限界まで切り詰められ、基本的にはキーとデータの組（以下、itemと呼びます）の保存と検索と削除しかできません。 にもかかわらず、me
【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
404 Blog Not Found:ついに書籍化&邦訳登場 - 書評 - ハイパフォーマンスWebサイト
2008年04月11日00:05 カテゴリ書評/画評/品評iTech ついに書籍化&邦訳登場 - 書評 - ハイパフォーマンスWebサイト オライリー矢野様より献本御礼。 ハイパフォーマンスWebサイト 高速サイトを実現する14のルール Steve Souders 武舎広幸 / 福地太郎 / 武舎るみ訳 [原著:High Performance Web Sites] 初出2008.04.07;販売開始まで掲載 ついに書籍化&邦訳が登場です。 本書「ハイパフォーマンスWebサイト」は、 404 Blog Not Found:あなたのページを最速にする14の掟 でも紹介した、Soudersの論文を書籍化して、それを邦訳したもの。翻訳の際にきちんと訳者により検証されている点はいつものオライリークォリティ。 目次 - oreilly.co.jp -- Online Catalog: ハイパフォーマ
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
