そして再びegeinfo.ru-魅力的なレイアウト

実際、最終試験の時間はすでに過ぎており、その結果はすでにわかっています。 それでも、サイトでHTMLコードの魅力的なデザインの例を共有したいと思います。



エントリー

たまたま、最後の試験の結果を待っていたとき(これは数学ですが、ポイントではありません)、私のラップトップにはGPRS以外のインターネット接続機能がありませんでした。 まあ、少なくとも何か。



私はOperaを使用しているため、パスポートデータ(http://fed.egeinfo.ru/ege)のログインページの重量が約200キロバイトであり、画像やスクリプトを含まず、ページの主要部分が完全に読み込まれるまで表示されないことにすぐに気付きました(私の接続にはかなり時間がかかりました)。



Egeinfo.ruウェブサイトページ

egeinfo画面



このページのソースコードを見てみることにしました。





私は次を見ました:

i011.radikal.ru/0806/b1/56ad4f168fd6.png



そして、異なる「角度」から、より大きく:

i014.radikal.ru/0806/cf/a5e9b940a2f9.png



つまり、200 KBのサイズのページコードで何を見ると思いましたか? たくさんのjavascript(広告、ajax、その他...)、まあ、または大量のテキスト(ページに隠されます)...



そして、ここにタブがあります。 レイアウトデザイナがコードを読みやすくするために、いくつかの選択の要素を区切る100個のタブを停止するだけです(これは理論です。この場合、もちろん、利便性については話していません)。



ほとんどのタブを削除しました-ページの重量は約30 kbになりました。 そして、彼らはなぜサイトが絶えずハングするのか不思議に思っています...興味深いことに、結果をレイアウトする日々のサーバートラフィックは、毎日のvkontakte.ruトラフィックに追いつきましたか?



これらはナノテクノロジーです。



All Articles