リアクティブWebサイト。 目次

リアクティブWebサイト ロシアで最初の専門書がクライアントの最適化に専念して正式にリリースされてから3か月が経過しておらず、すでに次の書籍を作成する予定です。 なぜ私たち なぜなら今では、「私の編集下にあるさまざまなソースからの一連のヒント」だけではなく、本格的な著者チームだからです。 私たちの時代のヒーローに会いましょう:ユージンステパニシュチェフ( bolk )とグレブコンドラチェンコ( gkond )。



完全な本になるまでは月までです(逆もまた同様です)が、目次はすでに準備され承認されています(一般的な詳細)。 そしてすぐに大きな要求:彼に何かが間違っているように思える場合、いくつかのトピックは省略され、いくつかはあまりにも詳細に明らかにされ、何かがあなたがさらに読むのが面白いでしょう-コメントでそれを書いてください。 今こそ、次の良い本の基礎を築くときです。



したがって、本の目次は「リアクティブWebサイト。 アルゴリズムと例におけるクライアントの最適化。」 ここでは、著作権の主要な領域がすぐに示されます(だから、誰が何のために勝つべきかが明確になるでしょう:)。

  1. はじめに-ニコライ・マツィエフスキー。

    • 謝辞。
    • 継続的なクライアント最適化プロジェクト。
    • 環境の概要。 見通し。
  2. クライアント最適化手法の概要-Gleb Kondratenko。

    • Webページのクライアントパフォーマンスの分析。 見出しとページコンポーネント。 ステージ読み込みページ。 クライアントシナリオのパフォーマンス。
    • ロードされたオブジェクトのサイズを削減します。 テキストファイルを圧縮します。 画像の最適化。
    • ロードされたオブジェクトの数を減らします。 テキストファイルを結合します。 画像を結合します。 キャッシュを構成します。
    • Webページ構造の最適化。 機能のレイアウト。 埋め込みコードの例外。 ロケーションのスタイルとスクリプト。 プリロードおよびポストダウンロード。 分散ファイルストレージ(CDN)。 冗長HTTPリクエストの除外。
  3. テキストファイルの圧縮アルゴリズム-Evgeny Stepanishchev。

    • ブラウザーのストリーム圧縮アルゴリズム(gzip、bzip2、bzip、deflate、compress、identity)、比較:非圧縮、gzip、deflate、bzip2、compress。 代替のブラウザ圧縮方法:デルタ、Google Chrome。 Bzip2:Chrome、w3m、OmniWeb。
    • ブラウザでのメソッドのサポート(+実装エラー)。
    • 自動化:Webサーバー、オンザフライ圧縮(Apache1、2、nginx、light、コメント付き)および静的(Apache1、2、nginx、lightの設定)によるサポート。 メモリ消費、プロセッサ負荷。 Lightyはbzip2を保持します!
    • 圧縮スクリプト。 ブラウザが実行できることを認識し(TE、「xメソッド」、重み)、ヘッダーを設定します:Vary、Content-encoding、Content-length。
    • その他の方法:キャンバス圧縮、JSのアーカイバ(パッカーアルゴリズムなど)。
  4. 画像縮小アルゴリズム-Evgeny Stepanishchev。

    • 一般的な画像形式:SVG、JPEG、GIF、PNG(要するに、どの形式が何に使用されているか)。 JPEG-損失のあるフルカラー、PNG-損失のないフルカラー、アルファ、GIF-アニメーション、小さな写真(MNGとAPNGについて簡単に説明します)、SVG-ベクトル(IEにはプラグインなしでは耕せない、VMLがあり、SVGを伝えるVMLから出現し、モバイルブラウザーのサポートに影響します。Wikipediaを参照してください)、ICO(最初の本へのリンクとしてのみ)、XBM
    • JPEGの準備。 最適化後プログラム(PureJPG、jpegtran)。
    • PNGの準備。 最適化後プログラム(PMT、OptiPNG、PNGout、TweakPNG)。
    • GIFの準備。 最適化後のプログラム(GIFLite、SuperGIF、gifsicle)。
    • SVGの準備。 SVG圧縮:gzip、deflate(SVGZ)。
  5. ダウンロードしたオブジェクトの数を減らす-Matsievsky Nikolay。

    • テキストファイルを自動的にマージします。
    • CSS解析および収集アルゴリズムスプライト(sprites.in)およびデータ:URI(duris.ru)。
    • クライアントおよびサーバーレベルでのキャッシュ(基本、キャッシュのフラッシュ、およびサーバーキャッシュのための一部のアプリケーションソリューション)。
  6. Webページの構造の最適化-Matsievsky Nikolay。

    • スクリプトとライブラリの現在の構造を使用したJavaScriptの「遅延」ロードの編成。 理論的アプローチと実用的なソリューション。
    • Amazon、Google、NGENIXの例でのCDNの実用化。
    • 「高速」JavaScriptの展望-ある標準から別の標準へ。 ブラウザー対オプティマイザー?
  7. 未来のテクノロジー。

    • CSS3(YASS)-マトシエフスキーニコライ。
    • Canvas / UI / Flex(?)-Matsievsky Nikolay。
    • クライアントリポジトリ。 ストレージの概要と種類。 何を保存でき、何を提供しますか。 -エフゲニー・ステパニシュチェフ。
    • ライブラリの1つ(PersistJS)に基づく特定の例-Evgeny Stepanishchev
  8. クライアント最適化の自動化-Matsievsky Nikolay。

    • 市場のテクノロジーとソリューションの概要(PHP Speedy、Minify、Smart Optimizer、Web Optimizer、getRPO)。
    • Webオプティマイザーのインストールおよび構成ガイド。
    • Webベースのアルゴリズム。
    • パフォーマンス評価(サーバーの負荷-クライアントのパフォーマンス)。 実用的な結果。
  9. アプリケーション。 実用例-マトシエフスキーニコライ。

    • ASP.NET最適化。
    • Drupalの最適化。
    • Wordpressの最適化。
    • 最適化Joomla!。
  10. 結論-マトシエフスキーニコライ。

    • あとがきとして。


本には本格的な「ライブ」イラストが含まれることが計画されており(おそらく提案されたソリューションの深刻さを「スムーズにする」ために少し気を散らす)。 2月)。



一般的に、どんなコメントでも歓迎です。 最初の本のすべての資料は、 完全に専用のサイトで入手できます。



All Articles