問題タブ [page-load-time]

1 つのローカルおよび 1 つのリモート MySQL データベースを使用する HTML5、PHP/MySQL Web サイトを開発しました。ユーザーがサイトにログインすると、(ユーザーに応じて) 1 ～ 10 個の jQueryタブが表示される「ホームページ」が表示されます。

各タブは、PHP の include コマンドを実行して、リモート DB への DB ハンドルを開き、SQL 結果をフェッチし、それを処理して閉じ、ローカル DB へのハンドルを開き、SQL 結果をフェッチし、それを処理する自己完結型のコード ブロックを含めます。閉じて、HTML テーブルを出力します。このテーブルがタブに表示されます。

問題は、show に複数のタブがある場合 (4+)、ページの読み込み時間が少し遅くなり、場合によっては最大 10 秒になることです。サイトはホストされたサーバー上にあり、リモート DB への高速接続があると想定しています (私の XAMPP 開発セットアップとは異なります)。

ページの読み込み時間を高速化する方法はありますか?

私は、各タブのコンテンツを iframe にする方法に沿って考えていました。これにより、そのタブの「テーブル作成」コードの関連ブロックが開きます。もちろん、これは、5 つのタブを持つホームページの場合、ブラウザは実質的に 6 つのページを開くことを意味します (ホームページと 5 つのタブは独立したページです)。

または、ページの読み込みを高速化するよりスマートな方法はありますか?

私のウェブサイトの 1 つでロード時間が大幅に遅いことに気付いた後、Pingdom でいくつかのテストを実行し始めました - http://tools.pingdom.com/

2 つのサイトを比較してきましたが、劇的な違いは「接続」時間です。遅いサイトでは約 2.5 秒ですが、他のサイトでは約 650 ミリ秒かかります。遅いサイトが別の会社によってホストされていることに言及する価値があると思います.

Pingdom が提供する唯一の定義は、「Web ブラウザがサーバーに接続しています」です。願っていた

1. 誰かが私のためにこれについて少し詳しく説明することができます.
2. それを解決する方向に向けてください。

前もって感謝します

それぞれ 30 ～ 40 の要素を持つ 6 つのタブを持つタブ パネルの開発を依頼されました。各タブは個人の詳細を蓄積するフォームとして機能し、最後のタブは最初の 5 つのタブに入力されたすべての値を表示する概要ページです。ユーザーはいつでも [概要] タブに移動して、入力した詳細を確認したり、概要を表示したりできるため、概要をタブとして提供するように依頼されました。ExtJs MVC パターンに従っています。ペイロードはSpring MVCアプリケーションから/へ行きます。(JSON)

コントローラーでタブ変更イベントを使用し、newtab が概要の場合、表示非表示機能を使用してページをレンダリングしています。

方法 1 : コントローラーで Ext.getCmp('タブ内の各要素の ID') を使用し、ユーザーが入力した値に基づいて概要タブでコンポーネントを非表示にします。これにより、IE8でアプリが強制終了され、「スクリプトが遅くて何とか...」というメッセージが表示され、概要タブでページをレンダリングして表示するには、[いいえ]を5〜6回クリックする必要がありました。

方法 2 : コントローラーで ref と selectos を使用して、タブ内のすべての項目にアクセスしました。概要タブのすべてのフィールドに itemId を使用しました。のようにthis.getXyz().show()。速いと思いました。はい、それはGoogle chromeにありました。しかし、IE8 の私のアプリは goolge chrome/firefox に比べて遅いです

これに関する提案と、ページのレンダリング時間を短縮する計画。概要ページには 1000 を超えるフィールドがあります。あなたの考えをぶつけたり、これについていくつかのアイデアを投げたりしてください。

ありがとうございました！！

Javascript よりも前に PHP が完了して結果の読み込み時間を返すのはなぜですか?

そのため、PHP は Javascript よりもはるかに迅速に復帰しています。これは、ほとんどの人にとって手っ取り早い方法であると確信しています。お知らせ下さい。

ソーシャル メディア アイコンに CSS 画像スプライトを使用する場合と、カスタム UI フォントを使用する場合の長所と短所に興味があります。

ページの読み込み速度に関して優れたパフォーマンスを提供するのはどれですか?

CSS スプライトの方が優れているように思えます。HTTP 要求は 1 つしかなく、ファイル サイズはおそらくソーシャル アイコン用のカスタム UI フォントよりも小さく保つことができるからです。

誰でもこれについて洞察を持っていますか？

これは、私のページの1つの典型的なロード時間が次のように分割される方法です:-

これらの値は、chrome 拡張機能Page Rank Statusによって示されるとおりです。ここで明らかに、リクエストと DOM の部分が最も時間のかかる部分です。Request、Response、DOM、Interactive、Load Event が正確に対応するものを誰か説明してもらえますか? これは、ウェブサイトを最適化し、ページ全体の読み込み時間を短縮するのに役立ちます.

ありがとう ！

I have created a one page static website with the text "Hello". When I open the page using other third party websites, they report load times of around 15ms. When I open the website from my location, it takes between 500ms - 2s to load.

I'm trying to determine if this is a problem with my ISP, congestion, the DNS Servers in my area, or settings on the computers I am using to open this website. My internet connection is 4Mbps, so it should be able to open a small page like this quickly.

How can I diagnose why the same website takes 15ms somewhere else in the world, but 500ms in my office ?