Clever Geek Handbook

サービスとしての顧客の最適化

データURI CSSスプライト Web開発者としての活動の最初から、サイトまたはWebアプリケーションの最適化されたバージョンを自動的に受信するツールを持つことを夢見ていました。 過去には、最適化は通常のスプライトの手動形成、そしてスクリプトとスタイルの個別の圧縮に限定されていました。 変更が加えられると、hemo核が再び部分的に繰り返されました。 新しいクライアント最適化サービスのおかげで、これは過去のものになりました。



前文



データ：uriテクノロジーが登場した後、このテクノロジーを使用したWebサイト最適化プロセスの自動化に向けて多くの研究が行われました。 その結果が、新しいデータURI CSSスプライトテクノロジーです。 データを接続するためのクロスブラウザコード：uri cssスプライトが受信されたときの幸福感を覚えています。 とても嬉しかったです。 IE7 @ Vistaで問題が見つかったため、残念ながら数日間しか続きませんでした。 ほぼ2年間、解決策はなく、データにはほぼ2年間ありました。uricssスプライトテクノロジー、IE7 @ Vistaには松葉杖が使用されていました。 しかし、ほんの数か月前に、問題の解決策が見つかりました。 これがどれほど些細でand辱的であっても、解決策は非常に単純だったため、最初はそのパフォーマンスを信じることができませんでした。 スプライトを使用してファイルの最後に必要な文字を2つ（！）だけ追加すると、問題はなくなりました。 一連の実験の後、テクノロジーがクロスブラウザーで機能することを自信を持って言うことができます！



しかし、それはポイントではなく、提案された自動最適化アプローチの記事の本質です。



サービスとしてのクライアント最適化のアルゴリズム



最適化されていないスクリプトとスタイルを定義（計算）するサイトテンプレートにオプティマイザーファイルをマウントします。 サイトのページにアクセスすると、ファイルオプティマイザーはスクリプトとスタイルの最適化されたバージョンをチェックし、見つからない場合は、特別なサービスにコマンドを送信します-「最適化する必要があると言って」死にます（つまり、それ以上の作業をブロックしません）サイトページ）。 非同期モードのサービスは、最適化が必要なページに移動して分析し、スクイーズを作成して最適なパッケージを形成します。 その後、彼はオプティマイザーファイルに目を向け、スクリプトとスタイルの最適化されたバージョンを提供します。 オプティマイザーファイルは最適化されたバージョンを適切な場所に配置し、次回このページにアクセスするときに、クライアントに最適なオプションを既に提供します。



これまでのところ、現時点では、ファイルオプティマイザーはDrupal用に設計されています。



Drupalのインストール手順



1）drupalがインストールされているディレクトリに、サーバー上の最適なフォルダーを作成します

2）Webサーバーを実行しているユーザーにこのフォルダーに書き込む権限を確認します

3） duris.phpファイル（v。1.0.3 ）をダウンロードし、最適なフォルダーに入れます

4）最初にテンプレートファイルのduris.phpファイルに含めます。次のようなものです。



<?php include_once(dirname(__FILE__).'/../../optimum/duris.php'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">









5）ページを閲覧し、firebugを確認し、再度ページを閲覧します

2回目のパスの後、スクリプトとスタイルはすでに最適化されているはずです。



最適化は、非同期の原理に基づいています。 最適化されたバージョンはすぐにはサイトに表示されませんが、時間が経つにつれて表示されます。 ページへの最初のアクセス後、最適化の要求は終了し、非同期モードではoptが「調理」されます。 バージョン。 その後、適切な場所に収まります。



6）base64イメージを圧縮するには、すでに圧縮されたgzipファイル、apacheの設定ファイルを使用して、最適なフォルダーに配置した静的gzip .httaccessファイルを転送できます（ngnixの場合、転送方法がわかっている場合は、このトピックを書き留めてください）



重要 ：localhostが機能していない間、サーバーは外部からアクセスできる必要があります。



実際のアプリケーション例



prosto.lutsk.ua-ルーツクの都市ポータル



最適化前のベンチマーク





最適化後







zii - egg.ru -Creative Zii Eggプレーヤーに関するサイト

kinobaza.tv - RuNetでの映画の快適で便利な検索

ide.hivext.ru - Hivextアプリケーション開発環境

www.dolcevilla.cz-プラハホテルのウェブサイト



開発



他の一般的なCMS用に同様のオプティマイザーファイルを開発する予定です。

しかし、自分ですべてをドラッグするのは難しいです。 したがって、誰かがこの問題を支援したいという願望を持っているなら、私は喜んで支援します。 完成したDrupalファイルオプティマイザーを他のCMSにリサイクルすることは問題ではありません。 最小限のロジックがあり、すべてのロジックはリモート最適化サービスにあります。 推定実装時間は2〜4時間です。



建設的なコメントや提案があれば、聞いていただければうれしいです。

快適な最適化をお祈りします。


More articles:


All Articles