


背景: 検索したところ、この構成には問題があり、次のリストを満たしていないことがわかりました。 gzip 圧縮は許可されていません。gzip_min_length 1k、圧縮なしの場合は重要です。通常、値は 1000k に変更されているため、圧縮されません。コンテンツタイプをずっとチェックして、それをすべて書き留めました(笑)。
変更後、ここでテストしたところ、実際に圧縮されました:
http://pagespeed.webkaka.com/youhua/gzip/
ウェブサイト http:/ / www.justwinit.cn/template/trielegant/styles.css の検出結果:
圧縮 あり
圧縮タイプ gzip
元のファイル サイズ 8704 バイト
圧縮ファイルサイズ 4275 バイト
圧縮率 50.88%
画像に対して GZip 圧縮を有効にする必要がありますか?
写真は GZip で圧縮する必要はないというネチズンの発言を偶然目にしました。 gif や png などの画像自体が圧縮されているため、画像には gzip を使用しないでください。
画像の GZip 圧縮をオンとオフにすると、Web ページの総容量が変化します。画像上 GZip 圧縮 最終的に、Web ページの合計サイズは実際に増加しました。そしてそれに応じて時間も長くなりました。
=========================================== ==
1. Vim で Nginx 設定ファイルを開きます
vim /usr/local/nginx/conf/nginx.conf
2.
gzip オン;
gzip_min_length 1k;
gzip_buffers 4 16k;
#gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text /plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary off;
gzip_disable " MSIE [1-6].";
3.
行 1: Gzip をオンにする
行 2: 圧縮しきい値なし、のみ1K 圧縮より大きい場合、通常は変更する必要はありません。
3 行目: バッファ、うーん、忘れてください。変更する必要はありません。
4 行目: リバース プロキシが使用されている場合、最後の通信は HTTP /1.0 です。必要な場合は、私の人気のある科学記事を読む必要はありません。この文がある場合は、コメントしてください。デフォルトは HTTP/1.1
5 行目です。圧縮レベル、1 ~ 10、数値が大きいほど、圧縮率が高くなります。気分に応じて自由に変更してください。
6 行目: 圧縮するファイルの種類を入力します。 JavaScript を記述するには 2 つの方法があるため、両方を記述するのが最善です。実際には、
の形式をもう 1 つ記述するだけです。 : Squid などのキャッシュ サービスに関連するもので、オンにするとヘッダーに「Vary: Accept-Encoding」が追加されます。これは必要ありません。自分で状況を確認してください。
8 行目: IE6 は Gzip にあまり適していないため、Gzip を提供しません
上記は http://www.veryhuo .com/a/view/51706.html
http://www.webkaka.com/blog/archives/how-to-set-gzip-for-js-in-Nginx.htmlhttps://segmentfault.com/ q/1010000000585128
zip で圧縮されているかどうかのクエリ:
http://pagespeed.webkaka.com/youhua/gzip/
入力:
http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3
========== ======== ======================
サーバー Gzip を有効にすると、送信バイト数が 54.2 KB 削減されます。さらに -3 ポイント
Gzip を有効にしないリソースは次のとおりです:
http://www.justwinit.cn/template/trielegant/styles.css (サイズ: 8.5 KB、予想される5.9 KB 削減)
http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3 (サイズ: 20.3 KB は 14.8 KB に削減される予定)
http://www.justwinit.cn/lang/zh-cn/jslang.js?jsver=2.1.1.3626.3 (サイズ: 3.7 KB、2.1 KB 削減される予定)
http://www.justwinit.cn/images/js/ajax.js?jsver=2.1.1.3626.3 (サイズ: 7.4 KB、6.0 KB 削減される予定)
http:/ /www.justwinit.cn/images/js/ swfobject.js?jsver=2.1.1.3626.3 (サイズ: 6.4 KB 4.2 KB に削減される予定)
http://www.justwinit.cn /images/css/SyntaxHighlighter.css (サイズ: 3.6 KB 推定 2.5 KB 削減)
http://justwinit.cn/favicon.jpg (サイズ: 1.9 KB 推定 793 KB 削減) )
http://js.users.51.la/4950674.js (サイズ: 1.9 KB 1.1 KB 削減される予定)
http://www.justwinit.cn /images/hl/shCore.js (サイズ: 9.5 KB 5.7 KB 削減される予定)
http://www.justwinit.cn/images/hl/shBrushPhp.js (サイズ: 3.7 KB、
http://www.justwinit.cn/images/hl/shBrushJScript.js (サイズ: 937 B 437 B 削減される見込み)
http://www.justwinit.cn/images/hl/shBrushJava.js (サイズ: 1.0 KB 494 B 削減される予定)
http://www.justwinit.cn/images/hl/ shBrushSql.js (サイズ: 1.9 KB、964 B まで削減される予定)
http://www.justwinit.cn/images/hl/shBrushCss.js (サイズ: 4.0 KB まで削減される予定) 2.2 KB)
http://www.justwinit.cn/images/hl/shBrushCpp.js (サイズ: 2.7 KB 削減予定 1.4 KB 削減)
http://www.justwinit.cn/images/hl/shBrushPython.js (サイズ: 4.7 KB、2.5 KB 削減される予定)
http://www.justwinit.cn/ template/trielegant /images/logo_header.png (サイズ: 5.6 KB、237 B 削減される予定)
http://www.justwinit.cn/template/trielegant/images/long.gif (サイズ: 924 B、358 B に削減される予定)
http://justwinit.cn/template/trielegant/images/bridge-banner-eleven.jpg (サイズ: 18.9 KB 354 B に削減される予定) )
http://eiv.baidu.com/hmt /icon/21.gif (サイズ: 1.1 KB 予想 69 B 削減可能)

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1)theydefineLayout、semantics、and-interactivity.2)semanticagsimprovecessibility.3)opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1)低ケースタグと属性を使用します。2)一貫したインデントを保持し、3)シングルまたはダブルの引用符を選択して固執する、4)プロジェクトのさまざまなスタイルの混合を避け、5)きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

マウススクロールイベントの浸透の効果を実現する方法は? Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...

Three.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

ホットトピック









