CSS/HTML最小化のベストプラクティスは何ですか?私はブラウザとの対話を固定するためのサーバー側のツールを探しています。HTMLとCSSのパッキングと最小化
答えて
GZip圧縮はかなり標準的であり、素晴らしい仕事をします。
私は自分のプロジェクトにどのように追加することができますか? –
は、セットアップに何を使用しているかによって異なりますが、ここでは一般的な知識とセットアップがあります。 http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/ – Ryan
縮小化のCSSを見て、Javascriptを助けることができます。バックグラウンド、アイコンなどのグラフィックイメージにCSSスプライトを使用すると、サーバーへのリクエスト数が減少します。
ありがとうございます。既にCSSスプライトを使用しています。私はコードそのものを指していました。 –
おそらく単一のベストツールはサーバー側の圧縮です。 mod_deflateを使用して、これをApacheでグローバルに有効にすることができます。念のmod_deflateをがロードされていることを確認し、httpd.confファイルの一番下にこれをスティック:
# mod_deflate for server-wide output compression.
SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
#Header append Vary User-Agent env=!dont-vary
がすべての静的および動的なコンテンツは、それをサポートするブラウザに圧縮提供されます。
他の最新のWebサーバーでもこれをサポートしています。私は確信しています。ドキュメントを有効にする方法を調べるだけです。
これは*私が探していたものです。ありがとう。 –
私はHTML TidyとYUI Compressorを使用します。
Pretty Diffツールは、インラインCSSおよび/またはJavaScriptを含むHTMLを縮小できます。
- 1. cssとhtmlでPDFを小型化
- 2. 高速最小距離と各矩形パッキング2Dビンアルゴリズム及び点
- 3. HTMLコンテンツの最小化
- 4. RIAアプリケーションの最適化と最小化
- 5. JavaScriptの最小化と最適化
- 6. JInternalFrameの最大化と最小化
- 7. Windowsフォームアプリケーションの最小化と最大化
- 8. UITableViewCellアニメーションの最小化と最大化
- 9. CSS幅と最小幅
- 10. CSSの最小幅と最大幅?
- 11. Qt C++最小化と最大化ウィンドウ
- 12. テキストが画面HTML/CSSで最小化されていない
- 13. javascriptの最適化と縮小とgzipping
- 14. 最小化するとCSSが壊れる
- 15. div内のhtmlプレビューの最小化
- 16. CSSの特異性、メディアクエリと最小幅
- 17. グランツ:最小化しないCSSファイル
- 18. CSSファイルを最小化する
- 19. CSSの最小幅と最大幅とフレキシブルなレイアウト
- 20. 縮小化CSS
- 21. スタンドアートウィンドウのタイトルボタンスタイル - 閉じると最小化
- 22. 最小化/最大化/閉じるボタンのツールチップとDevexpress lookAndFeel
- 23. NGINX仮想ホスト設定の最小化と最適化
- 24. パッキングとアンパック辞書
- 25. glfwで最小化ボタンと最大化ボタンを削除する
- 26. 自動ユーザーが最小化するとウィンドウを最大化
- 27. 最小化と最大化を伴う剣道ウィンドウ
- 28. 最小幅と最大幅のCSSのメディアクエリ
- 29. ブール式 - 最小化と法則
- 30. 最小化とヘルプボタン付きダイアログ
ありがとうございます。正しい方向に見える。 –