Webサイトを高速化する:ガンマバージョン

約3週間前クライアントでのWebページの読み込み時間を最適化する方法に関するプロジェクトが開始されました。



最適化する理由





私の意見では、現時点では、Web開発者は作業中のプロジェクトのアクセシビリティユーザビリティにほとんど注意を払っていません。 彼らにとって、サイトは数キロバイトのコードと、なんとかクライアントに見せられる必要のあるいくつかの写真です。 同時に、「ここからすぐにすべてがロードされる」または「10年前と同じチャンネルではなくなった」などの表現の背後に隠れているユーザーについては、誰も考えていません。



はい、両方のチャンネルが高速になり、車がより強力になりました。 しかし、ウェブも静止しているわけではなく、ソフトウェアはそれを提供できるハードウェアよりも速く開発されることがあります。 最適化が高度なプロフェッショナリズムの兆候であり、その兆候であり、少数の開発者だけがそれを理解し、それに注意を払う理由です。 そのため、Webのクライアント側を最適化する分野の問題、方法、テクニック、ソリューションに完全に焦点を合わせたリソースが登場しました。



なぜクライアント側なのか?





現在、Web開発者の間では、クライアントブラウザでWebサイトをロードする速度は、htmlページがサーバーで生成された時間によって完全に決定されるという一般的な誤解があります。




当然、これはまったく真実ではありません。 ページの読み込みはHTMLだけではありません。 これを検証し、プロセス全体を分析し、その弱点を見つけることができる多くのツールがあります。 しかし、実際にはユーザー側であり、主にWebサイトの可用性を評価するときに実行する必要があるこのような分析は、まったく実行されないか、迅速かつ不十分に実行されることがよくあります。 ただし、ページの読み込み時間を1桁短縮できます



WEBoptimizator







別のアナライザー?





まず、 WEBoptimizator参照リソースです。 すでに数十件の翻訳 、分析出版物、ロシアの会議からのレポート、およびクライアント側の最適化のトピックに関するビデオ録画を投稿しています。 このトピックは、ロシアのインターネットではあまり取り上げられていないため、新しい資料が定期的に登場し、今後も登場します。



第二に、それはあらゆるサイトの読み込み速度を分析するためのオンラインツールです 。 これは、外国のインターネットに存在する類似物に匹敵し、実用的なヒントや関連資料へのリンクの数によって、それらを大きく超えています。 これは参照サービスであり、具体的な例を使用して、ページの読み込み時に最もボトルネックを見つけて排除し、任意のサイトのポイント最適化を実行できます。 主な重点はチェックの正確さではなく(現在は99%を超えています)、ヒントの詳細と必要なソースへの情報リンクの数に重点を置いています。



このエリアのプロジェクトの外観と状況の前提条件については、 こちらをご覧ください



このプロジェクトの対象者





当初、 WEBoptimizatorは 、もちろん、さまざまな専門分野および専門レベルのWebマスターおよびWeb開発者向けに設計されています。 ただし、 最適化JavaScriptの テクニックCSS テクニックCSSスプライトクライアントロードバランシング圧縮アーカイブに関する投稿資料は、幅広い専門家が関心を寄せる幅広い問題をカバーしています。 ほとんどの場合、誰もが自分の改善のために新しい何かを見つけることができます。



次は?





ユーザーのいないサイトは、読者のいない本のように死んでいます。 しかし、退屈で平凡な本は読まれませんか? そのようなプロジェクトを形成する自然な方法は、サイトの品質を重視し、他の人が特定の問題をよりよく理解し理解するのを助けるユーザーのコミュニティを作成することだと思われます。 ただし、この場合は、無料のトピックに関する別の「喫煙室」を作成するのではなく、主な参加者のプロ意識に重点を置きたいと思います。 おそらく、近い将来、このプロジェクトにはWeb2.0サービスのすべての属性(タグクラウド、 RSS 、評価、マッシュアップなど)が含まれることになるでしょう。 しかし、これは主なものではありません。 主なものは、このすべてが機能する人、または自分自身が作業する人です。



現時点では、プロジェクトには次のものが必要です。



  1. 中央のハブに近いホスティングサイト。 現在、トラフィックリソースはあまり生成されておらず(主に着信)、負荷は小さくなっていますが、任意のWebサイトにアクセスするには適切なチャネルが必要です。 現在、特定のリソースへのアクセスにいくつかの問題があります。
  2. デザインとグラフィックのささいなこと。 現在、デザインはミニマリストスタイルで作成されています。おそらく、そのコンセプトは修正し、プロジェクトをより鮮明で思い出深いものにする価値があります。
  3. アルゴリズムと追加ツール。 ダウンロード速度を分析するとき、それはまだ正しく計算されず、多くの補助サービスを作成するためのいくつかのアイデアがあります。




誰かがポイントのいずれかについて考えを持っている場合-それらはコメントでここに書かれるか、より詳細にプライベートで私と議論することができます。 このプロジェクトは実用的なツールとして作成されたため、コミュニティからの返信を受け取りたいと思います。ここでの主なことは「時間内にtimeを削る」ことです:)



私の記事や翻訳を読んでコメントしてくれたすべての人に感謝します。 WEBoptimizator-使用する(または既に使用している)ものの改善にご協力ください 。 あなたの考えや考えに喜んでいます。



All Articles