タグ付けされた質問 「optimization」

CloudFlareには、Rocket Loaderと呼ばれる画期的なテクノロジーがあります（無料アカウントと有料アカウントの両方）。しかし、実際にはどのように機能しますか？ 彼らは持っている夫婦のページ技術を説明し、ではなく技術的な詳細の多くを。重要な機能の1つは、すべてのJavascriptを非ブロッキング方式で（非同期的に）ロードすることです。これは非常に素晴らしい機能です。これは、スクリプトのロードと実行を待たずにHTML / CSSをレンダリングできることを意味します。 そんなことがあるものか？ 確かにそれは単純にすべての変更はできません<script>使用にタグをasync="true"か、defer="true"このようないくつかのものを壊します... スクリプトは正しい順序でロードする必要があります（たとえば、jQueryライブラリがロードされるまでjQueryプラグインをロードできません）。 document.write()これらのスクリプトの呼び出しは機能する必要があります（明らかに、これらは典型的な非同期スクリプトでは何もしません）。 DOMContentLoadedイベントはどうですか？これがトリガーされた後にいくつかのスクリプトがロードされると、それらのイベントハンドラーはトリガーされなくなりますか？ また、開発者として、サイト/スクリプト/プラグインがRocket Loaderとの互換性を維持するために注意する必要があることは他にありますか？

31 javascript  cdn  optimization  cloudflare 

Webサイトの読み込み速度を改善する方法はありますか？ Googleは本当に読み込み速度を押し上げており、モバイルWebサイトの人気により、サイトをすばやく読み込むことが必須になっていることを知っています。

22 optimization  performance  page-speed 

私はGoogleウェブサイトオプティマイザーを知っていて、いくつか使用しましたが、かなり良いです。より良いオプションはありますか？A / Bテストに関する良いブログはありますか？

22 a-b-testing  optimization 

ロックされています。この質問とその回答はロックされています。なぜなら、質問はトピックから外れていますが、歴史的に重要だからです。現在、新しい回答やインタラクションを受け入れていません。 巨大なCSSファイルとHTMLファイルがあります。HTMLファイルの表示中にどのルールが使用されていないかを知りたい。このためのツールはありますか？ CSSファイルは数年にわたって進化してきましたが、私が知っていることから、CSSファイルから何も削除されたことはありません。 編集：Dust-MeセレクターまたはChromeのWebページパフォーマンスツールを使用することをお勧めします。ただし、どちらもセレクターのレベルで機能し、個々のルールでは機能しません。セレクター内のルールが常にオーバーライドされるケースがたくさんあります。これは私が主に取り除きたいものです。例えば： body { color: white; padding: 10em; } h1 { color: black; } p { color: black; } ... ul { color: black; } HTMLのすべてのテキストはラッパー要素の中にあるため、決して白ではありません。bodyのパディングは常に機能するため、もちろんbodyセレクター全体を削除することはできません。そして、私もそのような役に立たないルールを取り除きたいです。 編集：そして、無駄なルールの別のケース：何も変更せずに既存のルールを複製する場合： a { margin-left: 5px; color: blue; } a:hover { margin-left: 5px; color: red; } 私は幸いにも2番目を取り除きmargin-leftます...再び、それらのツールはそのようなものを見つけられないように思えます。 編集：私はすべての答えに感謝しますが、悲しいことにあなたが提案したツールは有用な提案をしませんでした。私はあなたの答えを支持しましたが、上記で指定したように、よりきめ細かく処理するツールを待ちます。 ありがとうございました、

18 css  optimization 

HTMLまたはXHTMLのページサイズを縮小するために実行される一般的な最適化は何ですか？思い浮かぶのは次のとおりです。 コメントの削除、 余分な空白を削除し、 繰り返しのインラインスタイルをCSSスタイルシートに移動し、 等 他には何がありますか？最大の価値を提供するのはどれですか、それともツールやモジュールによって自動的に実行できますか？

15 optimization  html  performance  xhtml  page-size 

いくつかのワードプレスのテーマを使用して、いくつかの画像ファイルを変更しましたが、編集したバージョンが元のファイルよりも3〜4倍大きいことがありました（同じ形式で保存）。品質を低下させたくありません。ファイルサイズを小さくしてロードを高速化する方法をいくつか教えてください。 現在、たとえば、Photoshopを使用して、画質スライダーを「8」（10個中）に設定しています。

15 optimization  images 

ロックされています。この質問とその回答はロックされています。なぜなら、質問はトピックから外れていますが、歴史的に重要だからです。現在、新しい回答やインタラクションを受け入れていません。 私はjavascriptファイルを結合するためのスプロケットを知っていますが、試していません。他のオプションにはどのようなものがあり、どのように積み重ねられますか？

14 optimization  javascript  css 

JavaScriptをページにロードして、ロードを高速化する方法はありますか？

14 javascript  optimization  performance 

私は検索エンジンの最適化についてほとんど知りませんが、他の人との議論から、どこから始めればよいのかわかりません。 本がありますか、またはこれらの日付が非常に速いので、古くなっていますか？ すべてのWebサイトで誤った情報が提供されていますか、または信頼できる情報源はありますか？ それは単なる試行錯誤の結果であり、順番に経験するのでしょうか？ 検索エンジンが定期的にアルゴリズムを変更するので、テクニックを学ぶ価値があるイベントですか？ 質の高いコンテンツ、サイトマップ、質の高いリンクなどを備えた定期的に更新されたWebサイトを定期的に更新するために時間を費やす方が良いのではないかと思います。

14 seo  optimization  language-agnostic 

Webサイトの読み込み時間が問題になる場合、JavaScriptまたはCSSファイルを参照するときに一般にどちらを使用するのが適切ですか？CDNを使用する方が良いでしょうか、それとも単にHTTPリクエストを追加するだけでしょうか？

13 cdn  optimization 

私はクライアントのウェブサイトに取り組んでいます。現在、WordPressで実行され、大量のキーワードが詰め込まれたページが大量にあり、ユーザーフレンドリーではありません。 私たちの計画は、ウェブサイトを完全に見直し、ドメイン上のすべてのページを削除することです。 WordPressは使用せず、自分でページを作成します。 完璧なページを作成し、本に従ってすべてを正しく行ったとしましょう。WordPressプラットフォーム上の古いページをすべて削除すると、ランキングにどのような影響がありますか？ 新しいページが完全に最適化され、合法であるにもかかわらず、このドメインは削除されたために評判が悪くなりますか？

12 seo  domains  wordpress  content  optimization 

私は、サイトを更新して応答性を高め、スマートフォンで正しく表示されるようにする必要があります。残念ながら、現在の形式のサイトは操作が簡単ではありません。CSSを変更するだけではできません。 ブラウザのサイズを検出してjQueryでCSSを変更することは悪いことと考えられていますか？ 例えば： if ($(window).width() < 960) { //make heaps of CSS changes }

11 css  mobile  jquery  optimization  responsive-webdesign 

GoogleのPage Speedを使用すると、多くの画像を無損失で圧縮できることを気に入っていますが、サイトをアップロードして公開する前に、ワークフローの一部にしたいです。 ローカルで実行して同じロスレス圧縮を実行できるものはありますか？現在、PhotoshopからExport For Webから画像をエクスポートし、PNGCrusherと呼ばれる小さなアプリケーションを使用してPNGのファイルサイズを縮小しています。 Page Speedの結果から個々の画像を保存して置き換えるよりも、もっと速い方法を見つけたいです。

11 images  optimization  page-speed 

ホスティングの速度をテストするサイトはありますか？YSlowなど、サイトが遅い理由を教えてくれるサイトがあることは知っていますが、ホスティングプロバイダーから取得する帯域幅の速度はどうですか？

11 web-hosting  optimization  performance 

YSlowとGoogleのPage Speedアドオンはどちらも、HTTPリクエストの数を減らすためにスクリプト（およびスタイル）ファイルを1つのファイルに結合することをお勧めします。スクリプトファイルがサイト全体で一貫している場合、この点が確かにわかります。ただし、サイト全体で要件が異なるWebアプリケーションの場合。 私がそれを見る方法にはいくつかのオプションがあります： サイト全体で使用されるすべてのファイルを結合し、すべてのページが同じ結合ファイルを取得します-不利な点は、スクリプトを乱雑にする未使用のコンテンツです（最初の読み込みが重い（コンポーネントスクリプトが変更された場合は再読み込みも））。 ページごとにファイルを組み合わせる-欠点は、要件が異なる各ページが異なる組み合わせファイルを取得することです（ページタイプごとに最初の読み込みが重い） 推奨の厳密な「1つのファイルのみ」の解釈を無視し、必要に応じてページを複数のファイルにロードします。キャッシングでは、一般的なケースでHTTPリクエストの数を無効にすることが期待されます。欠点は、各ページのHTTPリクエストの数です。 考え？

11 optimization  css  javascript