html - HTML と CSS のリファクタリング

Question

バックエンドのコードをリファクタリングして、速度やセキュリティを改善したり、プロジェクトを引き継ぐ次の人が読みやすくしたりすることはよくあると思いますが、html と css をリファクタリングしますか? それらはマークアップ言語であるため、それほど些細なことではないように見えます.数バイトのコードを一掃するのに加えて、時間の入力に対して代替手段を探すことは、特に厳しい締め切りで作業している場合は、努力する価値がないようです.

Answer 1

ページのパフォーマンスを向上または低下させる可能性があるものは無数にあります。ただし、他の最適化と同様に、問題や速度低下が見られる場所から始める必要があります。

より広いレベルでは、ペイロードを可能な限り最小のサイズに削減すると、大きな違いが生じます。これには、gzip、キャッシング、および圧縮が含まれます。コードは何千回も書き直すことができますが、gzip を使用して CSS を縮小した場合よりも、大幅に小さくなることはないでしょう — ただし、レンダリングの問題が発生しやすいため、HTML を縮小しないでください。

より細かいレベルでは、大きな画像のサイズ変更や、ブラウザーで生成された多数のグラデーションとシャドウの実装などの特定の CSS 機能によって、パフォーマンスが大幅に低下する可能性があります。スクロール時に動きが鈍い場合は、おそらくこのようなことに注意する必要があります。CSS によってサイズ変更される 640x480 以上の画像が 1 つだけでも、一部のブラウザーではパフォーマンスがクラッシュする可能性があります。

それからもちろん待ち時間があります。コンテンツ配信ネットワークを使用するか、少なくとも高度に最適化されたサーバーを使用すると、HTML、CSS、JavaScript、および画像ファイルがユーザーに配信され、できるだけ早く表示されます。